@droppii-org/chat-mobile 0.2.15 → 0.2.17

package/src/utils/device.ts

@@ -8,6 +8,7 @@ const DeviceUtils = {
         mediaType: 'any',
         compressImageQuality: 0.8,
         multiple,
+        forceJpg: true,
       });
 
       const images = Array.isArray(result) ? result : [result];

package/src/utils/imageUtils.ts

@@ -24,6 +24,8 @@ export const getMimeType = (fileName: string): string => {
     jpeg: 'image/jpeg',
     png: 'image/png',
     webp: 'image/webp',
+    heic: 'image/heic',
+    heif: 'image/heif',
     mp4: 'video/mp4',
     mov: 'video/quicktime',
     avi: 'video/x-msvideo',
@@ -63,9 +65,15 @@ export const validateImageFile = (file: ImageFile): string | null => {
     return `Image too large. Max ${formatFileSize(MAX_SIZE)}`;
   }
 
-  const validMimes = ['image/jpeg', 'image/png', 'image/webp'];
+  const validMimes = [
+    'image/jpeg',
+    'image/png',
+    'image/webp',
+    'image/heic',
+    'image/heif',
+  ];
   if (!validMimes.includes(file.mime)) {
-    return 'Unsupported format. Only JPEG, PNG, WebP';
+    return 'Unsupported format. Only JPEG, PNG, WebP, HEIC';
   }
 
   return null;

package/src/{components/ThreadCard/thread-card.utils.ts → utils/messageUtils.ts}

@@ -1,8 +1,13 @@
+/**
+ * Message formatting and preview utilities
+ */
+
 import { MessageType } from '@droppii/openim-rn-client-sdk';
-import type { DMessageItem } from '../../types/chat';
-import { DChatMessageType } from '../../types/message';
+import type { DMessageItem } from '../types/chat';
+import { DChatMessageType } from '../types/message';
+import { formatDuration } from './dateTimeUtils';
 
-const extractTextContent = (message: DMessageItem): string => {
+export const extractTextContent = (message: DMessageItem): string => {
   if (message.textElem?.content) return message.textElem.content;
   try {
     const parsed = JSON.parse(message.content) as { content?: string };
@@ -12,13 +17,7 @@ const extractTextContent = (message: DMessageItem): string => {
   }
 };
 
-const formatDuration = (seconds: number): string => {
-  const mins = Math.floor(seconds / 60);
-  const secs = seconds % 60;
-  return `${mins}:${secs.toString().padStart(2, '0')}`;
-};
-
-const getMessagePreview = (message: DMessageItem): string => {
+export const getMessagePreview = (message: DMessageItem): string => {
   // Check custom message type first
   if (message.contentType === MessageType.CustomMessage) {
     try {
@@ -49,8 +48,8 @@ const getMessagePreview = (message: DMessageItem): string => {
 
     case MessageType.VideoMessage:
       try {
-        const videoData = JSON.parse(message.content);
-        const duration = videoData.duration || 0;
+        const videoData = message?.videoElem;
+        const duration = videoData?.duration || 0;
         const durationStr = duration > 0 ? ` ${formatDuration(duration)}` : '';
         return `[Video]${durationStr}`;
       } catch {
@@ -75,7 +74,7 @@ const getMessagePreview = (message: DMessageItem): string => {
             (msg: any) => msg.contentType === MessageType.PictureMessage
           ).length;
           if (imageCount > 0) {
-            return `${imageCount} [Hình ảnh]`;
+            return '[Hình ảnh]';
           }
         }
       } catch {
@@ -108,52 +107,15 @@ export const getLastMessageText = (
   const preview = getMessagePreview(message);
   if (!preview) return '';
 
-  // Add sender name
+  // Add sender name for outgoing messages
   if (currentUserId && message.sendID === currentUserId) {
     return `Bạn: ${preview}`;
   }
 
-  return preview;
-};
-
-export const formatTimestamp = (ts: number | string | null): string => {
-  if (!ts) return '';
-
-  try {
-    const date = new Date(ts);
-    if (isNaN(date.getTime())) return '';
-
-    const now = new Date();
-    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-    const yesterday = new Date(today.getTime() - 24 * 60 * 60 * 1000);
-    const dateOnly = new Date(
-      date.getFullYear(),
-      date.getMonth(),
-      date.getDate()
-    );
-
-    if (dateOnly.getTime() === today.getTime()) {
-      const h = date.getHours().toString().padStart(2, '0');
-      const m = date.getMinutes().toString().padStart(2, '0');
-      return `${h}:${m}`;
-    }
-
-    if (dateOnly.getTime() === yesterday.getTime()) {
-      return 'Hôm qua';
-    }
-
-    const daysAgo = Math.floor(
-      (today.getTime() - dateOnly.getTime()) / (24 * 60 * 60 * 1000)
-    );
-    if (daysAgo > 0 && daysAgo < 7) {
-      const dayNames = ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'];
-      return dayNames[date.getDay()] ?? '';
-    }
-
-    const d = date.getDate().toString().padStart(2, '0');
-    const mo = (date.getMonth() + 1).toString().padStart(2, '0');
-    return `${d}/${mo}`;
-  } catch {
-    return '';
+  // Add sender nickname for incoming messages
+  if (message.senderNickname) {
+    return `${message.senderNickname}: ${preview}`;
   }
+
+  return preview;
 };

package/src/utils/videoThumbnail.ts

@@ -1,9 +1,11 @@
+import { Platform } from 'react-native';
 import RNFS from 'react-native-fs';
 import { createThumbnail } from 'react-native-create-thumbnail';
 
 interface ThumbnailOptions {
   time?: number; // timestamp in milliseconds (default: 0)
   quality?: number; // 0-100 (default: 100)
+  cacheId?: string; // unique cache identifier for this thumbnail (optional)
 }
 
 interface ThumbnailResult {
@@ -12,26 +14,102 @@ interface ThumbnailResult {
   height: number;
 }
 
+/**
+ * Routes the video source so react-native-create-thumbnail picks the correct
+ * native MediaMetadataRetriever.setDataSource overload.
+ *
+ * Root cause of the Android crash: CreateThumbnailModule.getBitmapAtTime branches
+ * on the URL scheme —
+ *   - "file://..."  -> setDataSource(String)            ✅ works for local files
+ *   - "content://"  -> setDataSource(Context, Uri)
+ *   - otherwise     -> setDataSource(String, Map headers) ❌ this overload is for
+ *                      REMOTE URIs; a bare local path makes it throw an uncaught
+ *                      RuntimeException (status 0xFFFFFFEA / EINVAL) → app crash.
+ * The app strips "file://" before calling, so local videos fall into the broken
+ * branch. The fix is to KEEP the file:// scheme so the working overload is used.
+ *
+ * For Android photo-picker synthetic paths we additionally copy the file into the
+ * app cache first (a clean, app-private file the retriever can always open) and
+ * still hand it back with a file:// prefix. Returns the path to pass to
+ * createThumbnail plus a raw cleanup path for any temp copy.
+ */
+const ensureRetrievableVideoPath = async (
+  videoPath: string
+): Promise<{ path: string; cleanupPath: string | null }> => {
+  // iOS (and any non-Android platform) is left completely untouched.
+  if (Platform.OS !== 'android') {
+    return { path: videoPath, cleanupPath: null };
+  }
+
+  // content:// is handled by a dedicated native branch — pass through unchanged.
+  if (videoPath.startsWith('content://')) {
+    return { path: videoPath, cleanupPath: null };
+  }
+
+  const rawPath = videoPath.startsWith('file://')
+    ? videoPath.replace('file://', '')
+    : videoPath;
+
+  const isSynthetic =
+    rawPath.includes('/.transforms/') || rawPath.includes('/synthetic/');
+
+  if (isSynthetic) {
+    const ext = (rawPath.split('.').pop() || 'mp4').split('?')[0];
+    const dest = `${RNFS.CachesDirectoryPath}/video-thumb-src-${Date.now()}-${Math.floor(
+      Math.random() * 1e6
+    )}.${ext}`;
+
+    console.log(
+      '[VideoThumbnail] Copying picker video to cache before thumbnail',
+      { from: rawPath, to: dest }
+    );
+    await RNFS.copyFile(rawPath, dest);
+    return { path: `file://${dest}`, cleanupPath: dest };
+  }
+
+  // Any other local path: ensure the file:// scheme so the native module routes
+  // to setDataSource(String) instead of the broken (String, Map) overload.
+  return { path: `file://${rawPath}`, cleanupPath: null };
+};
+
 export const VideoThumbnailUtil = {
   generateThumbnail: async (
     videoPath: string,
     options: ThumbnailOptions = {}
   ): Promise<ThumbnailResult | null> => {
-    const { time = 1000, quality = 80 } = options; // time in milliseconds
+    const { time = 800, quality = 80, cacheId } = options; // time in milliseconds
+
+    let tempSourcePath: string | null = null;
 
     try {
+      // Normalize the source so the native MediaMetadataRetriever can open it.
+      // Android picker paths crash the app otherwise (see ensureRetrievableVideoPath).
+      const { path: retrievablePath, cleanupPath } =
+        await ensureRetrievableVideoPath(videoPath);
+      tempSourcePath = cleanupPath;
+
+      // Generate unique cache name per video to avoid conflicts with concurrent generations
+      // Uses provided cacheId or generates one from videoPath filename
+      const fileName = retrievablePath.split('/').pop() || String(Date.now());
+      const cacheName =
+        cacheId ||
+        `thumb-${fileName.replace(/[^a-zA-Z0-9-_]/g, '')}-${Math.abs(
+          fileName.charCodeAt(0) + fileName.charCodeAt(fileName.length - 1)
+        )}`;
+
       console.log('[VideoThumbnail] Generating thumbnail', {
-        videoPath,
+        videoPath: retrievablePath,
         timeMs: time,
         quality,
+        cacheName,
       });
 
       const result = await createThumbnail({
-        url: videoPath,
+        url: retrievablePath,
         timeStamp: time,
-        format: 'jpeg',
+        format: 'png',
         dirSize: 100,
-        cacheName: 'video-thumbnails',
+        cacheName,
       });
 
       console.log('✅ [VideoThumbnail] THUMBNAIL PATH:', result.path);
@@ -49,6 +127,13 @@ export const VideoThumbnailUtil = {
     } catch (error) {
       console.error('[VideoThumbnail] Failed to generate thumbnail', error);
       return null;
+    } finally {
+      // Remove the temporary video copy made for synthetic/content sources.
+      if (tempSourcePath) {
+        RNFS.unlink(tempSourcePath).catch((err) =>
+          console.warn('[VideoThumbnail] Temp source cleanup failed:', err)
+        );
+      }
     }
   },
 

package/lib/module/components/ThreadCard/thread-card.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MessageType","DChatMessageType","extractTextContent","message","textElem","content","parsed","JSON","parse","formatDuration","seconds","mins","Math","floor","secs","toString","padStart","getMessagePreview","contentType","CustomMessage","data","dataType","type","Link","linkText","title","Order","orderCode","code","TextMessage","PictureMessage","VideoMessage","videoData","duration","durationStr","FileMessage","fileData","fileName","name","MergeMessage","mergeData","mergeElem","multiMessage","imageCount","filter","msg","length","UrlTextMessage","urlText","urlTextElem","urls","console","log","AtTextMessage","QuoteMessage","getLastMessageText","currentUserId","preview","sendID","formatTimestamp","ts","date","Date","isNaN","getTime","now","today","getFullYear","getMonth","getDate","yesterday","dateOnly","h","getHours","m","getMinutes","daysAgo","dayNames","getDay","d","mo"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/thread-card.utils.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,+BAA+B;AAE3D,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,MAAMC,kBAAkB,GAAIC,OAAqB,IAAa;EAC5D,IAAIA,OAAO,CAACC,QAAQ,EAAEC,OAAO,EAAE,OAAOF,OAAO,CAACC,QAAQ,CAACC,OAAO;EAC9D,IAAI;IACF,MAAMC,MAAM,GAAGC,IAAI,CAACC,KAAK,CAACL,OAAO,CAACE,OAAO,CAAyB;IAClE,OAAOC,MAAM,CAACD,OAAO,IAAI,EAAE;EAC7B,CAAC,CAAC,MAAM;IACN,OAAOF,OAAO,CAACE,OAAO,IAAI,EAAE;EAC9B;AACF,CAAC;AAED,MAAMI,cAAc,GAAIC,OAAe,IAAa;EAClD,MAAMC,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,OAAO,GAAG,EAAE,CAAC;EACrC,MAAMI,IAAI,GAAGJ,OAAO,GAAG,EAAE;EACzB,OAAO,GAAGC,IAAI,IAAIG,IAAI,CAACC,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AACtD,CAAC;AAED,MAAMC,iBAAiB,GAAId,OAAqB,IAAa;EAC3D;EACA,IAAIA,OAAO,CAACe,WAAW,KAAKlB,WAAW,CAACmB,aAAa,EAAE;IACrD,IAAI;MACF,MAAMC,IAAI,GAAGb,IAAI,CAACC,KAAK,CAACL,OAAO,CAACE,OAAO,CAAC;MACxC,MAAMgB,QAAQ,GAAGD,IAAI,CAACC,QAAQ,IAAID,IAAI,CAACE,IAAI;MAE3C,IAAID,QAAQ,KAAKpB,gBAAgB,CAACsB,IAAI,EAAE;QACtC,MAAMC,QAAQ,GAAGJ,IAAI,CAACf,OAAO,IAAIe,IAAI,CAACK,KAAK,IAAI,MAAM;QACrD,OAAOD,QAAQ;MACjB;MAEA,IAAIH,QAAQ,KAAKpB,gBAAgB,CAACyB,KAAK,EAAE;QACvC,MAAMC,SAAS,GAAGP,IAAI,CAACO,SAAS,IAAIP,IAAI,CAACQ,IAAI,IAAI,EAAE;QACnD,OAAO,cAAcD,SAAS,EAAE;MAClC;IACF,CAAC,CAAC,MAAM;MACN;IAAA;EAEJ;;EAEA;EACA,QAAQxB,OAAO,CAACe,WAAW;IACzB,KAAKlB,WAAW,CAAC6B,WAAW;MAC1B,OAAO3B,kBAAkB,CAACC,OAAO,CAAC;IAEpC,KAAKH,WAAW,CAAC8B,cAAc;MAC7B,OAAO,YAAY;IAErB,KAAK9B,WAAW,CAAC+B,YAAY;MAC3B,IAAI;QACF,MAAMC,SAAS,GAAGzB,IAAI,CAACC,KAAK,CAACL,OAAO,CAACE,OAAO,CAAC;QAC7C,MAAM4B,QAAQ,GAAGD,SAAS,CAACC,QAAQ,IAAI,CAAC;QACxC,MAAMC,WAAW,GAAGD,QAAQ,GAAG,CAAC,GAAG,IAAIxB,cAAc,CAACwB,QAAQ,CAAC,EAAE,GAAG,EAAE;QACtE,OAAO,UAAUC,WAAW,EAAE;MAChC,CAAC,CAAC,MAAM;QACN,OAAO,SAAS;MAClB;IAEF,KAAKlC,WAAW,CAACmC,WAAW;MAC1B,IAAI;QACF,MAAMC,QAAQ,GAAG7B,IAAI,CAACC,KAAK,CAACL,OAAO,CAACE,OAAO,CAAC;QAC5C,MAAMgC,QAAQ,GAAGD,QAAQ,CAACC,QAAQ,IAAID,QAAQ,CAACE,IAAI,IAAI,MAAM;QAC7D,OAAO,UAAUD,QAAQ,EAAE;MAC7B,CAAC,CAAC,MAAM;QACN,OAAO,QAAQ;MACjB;IAEF,KAAKrC,WAAW,CAACuC,YAAY;MAC3B;MACA,IAAI;QACF,MAAMC,SAAS,GAAGrC,OAAO,CAACsC,SAAS;QACnC,IAAID,SAAS,EAAEE,YAAY,EAAE;UAC3B,MAAMC,UAAU,GAAGH,SAAS,CAACE,YAAY,CAACE,MAAM,CAC7CC,GAAQ,IAAKA,GAAG,CAAC3B,WAAW,KAAKlB,WAAW,CAAC8B,cAChD,CAAC,CAACgB,MAAM;UACR,IAAIH,UAAU,GAAG,CAAC,EAAE;YAClB,OAAO,GAAGA,UAAU,aAAa;UACnC;QACF;MACF,CAAC,CAAC,MAAM;QACN;MAAA;MAEF,OAAO,EAAE;IAEX,KAAK3C,WAAW,CAAC+C,cAAc;MAC7B;MACA,MAAMC,OAAO,GACX7C,OAAO,EAAE8C,WAAW,EAAE5C,OAAO,IAAIF,OAAO,EAAE8C,WAAW,EAAEC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;MACxEC,OAAO,CAACC,GAAG,CAAC,SAAS,EAAEJ,OAAO,CAAC;MAC/B,OAAOA,OAAO,GAAG,UAAUA,OAAO,EAAE,GAAG,QAAQ;IAEjD,KAAKhD,WAAW,CAACqD,aAAa;IAC9B,KAAKrD,WAAW,CAACsD,YAAY;MAC3B,OAAOpD,kBAAkB,CAACC,OAAO,CAAC;IAEpC;MACE,OAAO,8BAA8B;EACzC;AACF,CAAC;AAED,OAAO,MAAMoD,kBAAkB,GAAGA,CAChCpD,OAAiC,EACjCqD,aAAsB,KACX;EACX,IAAI,CAACrD,OAAO,EAAE,OAAO,EAAE;EAEvB,MAAMsD,OAAO,GAAGxC,iBAAiB,CAACd,OAAO,CAAC;EAC1C,IAAI,CAACsD,OAAO,EAAE,OAAO,EAAE;;EAEvB;EACA,IAAID,aAAa,IAAIrD,OAAO,CAACuD,MAAM,KAAKF,aAAa,EAAE;IACrD,OAAO,QAAQC,OAAO,EAAE;EAC1B;EAEA,OAAOA,OAAO;AAChB,CAAC;AAED,OAAO,MAAME,eAAe,GAAIC,EAA0B,IAAa;EACrE,IAAI,CAACA,EAAE,EAAE,OAAO,EAAE;EAElB,IAAI;IACF,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,EAAE,CAAC;IACzB,IAAIG,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE;IAEpC,MAAMC,GAAG,GAAG,IAAIH,IAAI,CAAC,CAAC;IACtB,MAAMI,KAAK,GAAG,IAAIJ,IAAI,CAACG,GAAG,CAACE,WAAW,CAAC,CAAC,EAAEF,GAAG,CAACG,QAAQ,CAAC,CAAC,EAAEH,GAAG,CAACI,OAAO,CAAC,CAAC,CAAC;IACxE,MAAMC,SAAS,GAAG,IAAIR,IAAI,CAACI,KAAK,CAACF,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACjE,MAAMO,QAAQ,GAAG,IAAIT,IAAI,CACvBD,IAAI,CAACM,WAAW,CAAC,CAAC,EAClBN,IAAI,CAACO,QAAQ,CAAC,CAAC,EACfP,IAAI,CAACQ,OAAO,CAAC,CACf,CAAC;IAED,IAAIE,QAAQ,CAACP,OAAO,CAAC,CAAC,KAAKE,KAAK,CAACF,OAAO,CAAC,CAAC,EAAE;MAC1C,MAAMQ,CAAC,GAAGX,IAAI,CAACY,QAAQ,CAAC,CAAC,CAAC1D,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;MACrD,MAAM0D,CAAC,GAAGb,IAAI,CAACc,UAAU,CAAC,CAAC,CAAC5D,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;MACvD,OAAO,GAAGwD,CAAC,IAAIE,CAAC,EAAE;IACpB;IAEA,IAAIH,QAAQ,CAACP,OAAO,CAAC,CAAC,KAAKM,SAAS,CAACN,OAAO,CAAC,CAAC,EAAE;MAC9C,OAAO,SAAS;IAClB;IAEA,MAAMY,OAAO,GAAGhE,IAAI,CAACC,KAAK,CACxB,CAACqD,KAAK,CAACF,OAAO,CAAC,CAAC,GAAGO,QAAQ,CAACP,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAC/D,CAAC;IACD,IAAIY,OAAO,GAAG,CAAC,IAAIA,OAAO,GAAG,CAAC,EAAE;MAC9B,MAAMC,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MAC3D,OAAOA,QAAQ,CAAChB,IAAI,CAACiB,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE;IACtC;IAEA,MAAMC,CAAC,GAAGlB,IAAI,CAACQ,OAAO,CAAC,CAAC,CAACtD,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;IACpD,MAAMgE,EAAE,GAAG,CAACnB,IAAI,CAACO,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAErD,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;IAC5D,OAAO,GAAG+D,CAAC,IAAIC,EAAE,EAAE;EACrB,CAAC,CAAC,MAAM;IACN,OAAO,EAAE;EACX;AACF,CAAC","ignoreList":[]}

package/lib/typescript/src/components/ThreadCard/thread-card.utils.d.ts

@@ -1,4 +0,0 @@
-import type { DMessageItem } from '../../types/chat';
-export declare const getLastMessageText: (message: DMessageItem | undefined, currentUserId?: string) => string;
-export declare const formatTimestamp: (ts: number | string | null) => string;
-//# sourceMappingURL=thread-card.utils.d.ts.map

package/lib/typescript/src/components/ThreadCard/thread-card.utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"thread-card.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/ThreadCard/thread-card.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAoGrD,eAAO,MAAM,kBAAkB,GAC7B,SAAS,YAAY,GAAG,SAAS,EACjC,gBAAgB,MAAM,KACrB,MAYF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,IAAI,MAAM,GAAG,MAAM,GAAG,IAAI,KAAG,MAwC5D,CAAC"}