@droppii-org/chat-mobile 0.2.7 → 0.2.8

package/src/utils/imageUtils.ts

@@ -0,0 +1,76 @@
+import type { ImageFile } from '../types/imageUpload';
+
+export const generateUUID = (): string => {
+  return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
+};
+
+export const isVideoFile = (filename: string | undefined): boolean => {
+  if (!filename) return false;
+  const mimeType = getMimeType(filename);
+  return mimeType.startsWith('video/');
+};
+
+// Best detection: check MIME type from picker response
+export const isVideoFromPicker = (pickedItem: any): boolean => {
+  const mime = pickedItem?.mime;
+  if (!mime) return false;
+  return mime.startsWith('video/');
+};
+
+export const getMimeType = (fileName: string): string => {
+  const ext = fileName.split('.').pop()?.toLowerCase();
+  const mimeMap: Record<string, string> = {
+    jpg: 'image/jpeg',
+    jpeg: 'image/jpeg',
+    png: 'image/png',
+    webp: 'image/webp',
+    mp4: 'video/mp4',
+    mov: 'video/quicktime',
+    avi: 'video/x-msvideo',
+    mkv: 'video/x-matroska',
+    webm: 'video/webm',
+    m4v: 'video/mp4',
+    flv: 'video/x-flv',
+    wmv: 'video/x-ms-wmv',
+    mp3: 'audio/mpeg',
+    wav: 'audio/wav',
+    m4a: 'audio/mp4',
+    aac: 'audio/aac',
+    flac: 'audio/flac',
+    ogg: 'audio/ogg',
+    pdf: 'application/pdf',
+    doc: 'application/msword',
+    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    xls: 'application/vnd.ms-excel',
+    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    zip: 'application/zip',
+  };
+  return mimeMap[ext || ''] || 'application/octet-stream';
+};
+
+export const formatFileSize = (bytes: number): string => {
+  if (bytes === 0) return '0 Bytes';
+  const k = 1024;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + ' ' + sizes[i];
+};
+
+export const validateImageFile = (file: ImageFile): string | null => {
+  const MAX_SIZE = 5 * 1024 * 1024;
+
+  if (file.size > MAX_SIZE) {
+    return `Image too large. Max ${formatFileSize(MAX_SIZE)}`;
+  }
+
+  const validMimes = ['image/jpeg', 'image/png', 'image/webp'];
+  if (!validMimes.includes(file.mime)) {
+    return 'Unsupported format. Only JPEG, PNG, WebP';
+  }
+
+  return null;
+};
+
+export const getImageUploadEndpoint = (baseUrl: string): string => {
+  return `${baseUrl}?isPublic=true&path=livechat`;
+};

package/src/utils/resolveMessageType.ts

@@ -30,6 +30,8 @@ export const resolveChatMessageType = (
       return DChatMessageType.Video;
     case MessageType.FileMessage:
       return DChatMessageType.File;
+    case 107: // MergerMessage (merged/grouped messages)
+      return DChatMessageType.Merged;
     case MessageType.CustomMessage: {
       const customType = parseCustomDataType(message);
 

package/src/utils/ui.ts

@@ -0,0 +1,19 @@
+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 };

package/src/utils/url.ts

@@ -1,4 +1,4 @@
-const URL_REGEX = /\bhttps?:\/\/[^\s<>"']*[^\s<>"',.!?()\[\]{}]/g;
+const URL_REGEX = /\bhttps?:\/\/[^\s<>"']*[^\s<>"',.!?()[\]{}]/g;
 
 export function extractUrls(text: string): string[] {
   return text.match(URL_REGEX) ?? [];

package/src/utils/videoThumbnail.ts

@@ -0,0 +1,85 @@
+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)
+}
+
+interface ThumbnailResult {
+  path: string;
+  width: number;
+  height: number;
+}
+
+export const VideoThumbnailUtil = {
+  generateThumbnail: async (
+    videoPath: string,
+    options: ThumbnailOptions = {}
+  ): Promise<ThumbnailResult | null> => {
+    const { time = 1000, quality = 80 } = options; // time in milliseconds
+
+    try {
+      console.log('[VideoThumbnail] Generating thumbnail', {
+        videoPath,
+        timeMs: time,
+        quality,
+      });
+
+      const result = await createThumbnail({
+        url: videoPath,
+        timeStamp: time,
+        format: 'jpeg',
+        dirSize: 100,
+        cacheName: 'video-thumbnails',
+      });
+
+      console.log('✅ [VideoThumbnail] THUMBNAIL PATH:', result.path);
+      console.log('[VideoThumbnail] Thumbnail generated', {
+        path: result.path,
+        width: result.width || 0,
+        height: result.height || 0,
+      });
+
+      return {
+        path: result.path,
+        width: result.width || 0,
+        height: result.height || 0,
+      };
+    } catch (error) {
+      console.error('[VideoThumbnail] Failed to generate thumbnail', error);
+      return null;
+    }
+  },
+
+  cleanupThumbnail: async (thumbnailPath: string): Promise<void> => {
+    try {
+      if (!thumbnailPath) return;
+      await RNFS.unlink(thumbnailPath);
+      console.log('[VideoThumbnail] Cleaned up:', thumbnailPath);
+    } catch (err) {
+      console.warn('[VideoThumbnail] Cleanup failed:', err);
+    }
+  },
+
+  batchGenerateThumbnails: async (
+    videoPaths: string[],
+    options: ThumbnailOptions = {}
+  ): Promise<ThumbnailResult[]> => {
+    const results: ThumbnailResult[] = [];
+
+    for (const videoPath of videoPaths) {
+      const thumbnail = await VideoThumbnailUtil.generateThumbnail(
+        videoPath,
+        options
+      );
+      if (thumbnail) {
+        results.push(thumbnail);
+      }
+    }
+
+    return results;
+  },
+};
+
+export default VideoThumbnailUtil;

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

@@ -1,147 +0,0 @@
-"use strict";
-
-import { memo, useCallback, useMemo, useRef } from 'react';
-import { ActivityIndicator, StyleSheet } from 'react-native';
-import { GiftedChat } from 'react-native-gifted-chat';
-import { KContainer, KColors, KSpacingValue } from '@droppii/libs';
-import { mapOpenIMMessagesToGiftedChat } from "../../utils/giftedChatMessage.js";
-import { ChatDay } from "./ChatDay.js";
-import { ChatLoadEarlier } from "./ChatLoadEarlier.js";
-import { ChatScrollToBottom } from "./ChatScrollToBottom.js";
-import { ChatMessageBubble } from "./messages/ChatMessageBubble.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ChatList = /*#__PURE__*/memo(({
-  messages = [],
-  currentUserId = '',
-  renderChat,
-  onLoadEarlier,
-  isLoading,
-  isLoadingEarlier,
-  hasMoreEarlier
-  // Note: onLoadNewer, isLoadingNewer, hasMoreNewer are not used in GiftedChat
-  // as it has its own pagination mechanism. They're kept for API compatibility.
-}) => {
-  const giftedMessages = useMemo(() => mapOpenIMMessagesToGiftedChat(messages), [messages]);
-  const user = useMemo(() => ({
-    _id: String(currentUserId)
-  }), [currentUserId]);
-  const renderMessage = useCallback(props => {
-    const currentMessage = props.currentMessage;
-    if (!currentMessage) {
-      return /*#__PURE__*/_jsx(KContainer.View, {});
-    }
-    const isOutgoing = props.position === 'right';
-    return /*#__PURE__*/_jsx(KContainer.View, {
-      style: [styles.messageRow, isOutgoing ? styles.messageRowRight : styles.messageRowLeft],
-      children: renderChat ? renderChat(currentMessage.openIMMessage) : /*#__PURE__*/_jsx(ChatMessageBubble, {
-        message: currentMessage,
-        position: props.position
-      })
-    });
-  }, [renderChat]);
-  const renderDay = useCallback(props => /*#__PURE__*/_jsx(ChatDay, {
-    ...props
-  }), []);
-  const renderLoadEarlier = useCallback(props => /*#__PURE__*/_jsx(ChatLoadEarlier, {
-    ...props
-  }), []);
-  const onLoadEarlierRef = useRef(onLoadEarlier);
-  onLoadEarlierRef.current = onLoadEarlier;
-  const handleLoadEarlier = useCallback(() => {
-    onLoadEarlierRef.current?.();
-  }, []);
-  const loadEarlierMessagesProps = useMemo(() => onLoadEarlier ? {
-    isAvailable: !!hasMoreEarlier,
-    isInfiniteScrollEnabled: true,
-    onPress: handleLoadEarlier,
-    isLoading: isLoadingEarlier ?? false
-  } : undefined, [hasMoreEarlier, isLoadingEarlier, onLoadEarlier, handleLoadEarlier]);
-  const renderScrollToBottom = useCallback(() => /*#__PURE__*/_jsx(ChatScrollToBottom, {}), []);
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    flex: true,
-    background: KColors.white,
-    children: isLoading ? /*#__PURE__*/_jsx(KContainer.View, {
-      flex: true,
-      center: true,
-      children: /*#__PURE__*/_jsx(ActivityIndicator, {
-        color: KColors.palette.primary.w400,
-        size: "small"
-      })
-    }) : /*#__PURE__*/_jsx(GiftedChat, {
-      messages: giftedMessages,
-      user: user,
-      renderInputToolbar: () => null,
-      renderAvatar: () => null,
-      renderMessage: renderMessage,
-      renderDay: renderDay,
-      renderLoadEarlier: onLoadEarlier ? renderLoadEarlier : undefined,
-      isDayAnimationEnabled: false,
-      keyboardAvoidingViewProps: {
-        enabled: false
-      },
-      messagesContainerStyle: styles.messagesContainer,
-      minInputToolbarHeight: 0,
-      loadEarlierMessagesProps: loadEarlierMessagesProps,
-      listProps: {
-        showsVerticalScrollIndicator: false,
-        keyboardShouldPersistTaps: 'handled',
-        contentContainerStyle: styles.content,
-        onEndReachedThreshold: 0.5
-      },
-      reply: {
-        swipe: {
-          isEnabled: true,
-          direction: 'left'
-        }
-      },
-      isScrollToBottomEnabled: true,
-      scrollToBottomComponent: renderScrollToBottom,
-      scrollToBottomStyle: styles.scrollToBottom,
-      scrollToBottomContentStyle: styles.scrollToBottomContent
-    })
-  });
-});
-ChatList.displayName = 'ChatList';
-const styles = StyleSheet.create({
-  messagesContainer: {
-    backgroundColor: KColors.white
-  },
-  content: {
-    paddingVertical: KSpacingValue['0.75rem'],
-    flexGrow: 1
-  },
-  messageRow: {
-    width: '100%',
-    paddingHorizontal: KSpacingValue['0.75rem'],
-    marginBottom: KSpacingValue['0.25rem']
-  },
-  messageRowLeft: {
-    alignItems: 'flex-start'
-  },
-  messageRowRight: {
-    alignItems: 'flex-end'
-  },
-  scrollToBottom: {
-    position: 'absolute',
-    bottom: 20,
-    right: 16,
-    zIndex: 999
-  },
-  scrollToBottomContent: {
-    backgroundColor: KColors.white,
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    shadowColor: KColors.black,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.16,
-    shadowRadius: 8,
-    elevation: 8,
-    justifyContent: 'center',
-    alignItems: 'center'
-  }
-});
-//# sourceMappingURL=ChatList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["memo","useCallback","useMemo","useRef","ActivityIndicator","StyleSheet","GiftedChat","KContainer","KColors","KSpacingValue","mapOpenIMMessagesToGiftedChat","ChatDay","ChatLoadEarlier","ChatScrollToBottom","ChatMessageBubble","jsx","_jsx","ChatList","messages","currentUserId","renderChat","onLoadEarlier","isLoading","isLoadingEarlier","hasMoreEarlier","giftedMessages","user","_id","String","renderMessage","props","currentMessage","View","isOutgoing","position","style","styles","messageRow","messageRowRight","messageRowLeft","children","openIMMessage","message","renderDay","renderLoadEarlier","onLoadEarlierRef","current","handleLoadEarlier","loadEarlierMessagesProps","isAvailable","isInfiniteScrollEnabled","onPress","undefined","renderScrollToBottom","flex","background","white","center","color","palette","primary","w400","size","renderInputToolbar","renderAvatar","isDayAnimationEnabled","keyboardAvoidingViewProps","enabled","messagesContainerStyle","messagesContainer","minInputToolbarHeight","listProps","showsVerticalScrollIndicator","keyboardShouldPersistTaps","contentContainerStyle","content","onEndReachedThreshold","reply","swipe","isEnabled","direction","isScrollToBottomEnabled","scrollToBottomComponent","scrollToBottomStyle","scrollToBottom","scrollToBottomContentStyle","scrollToBottomContent","displayName","create","backgroundColor","paddingVertical","flexGrow","width","paddingHorizontal","marginBottom","alignItems","bottom","right","zIndex","height","borderRadius","shadowColor","black","shadowOffset","shadowOpacity","shadowRadius","elevation","justifyContent"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatList.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,62 +0,0 @@
-"use strict";
-
-import { memo } from 'react';
-import { StyleSheet } from 'react-native';
-import { KContainer, KLabel, KSpacingValue } from '@droppii/libs';
-import { CHAT_BUBBLE_COLORS } from "./constants.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const formatMessageTime = createdAt => {
-  const date = new Date(createdAt);
-  if (Number.isNaN(date.getTime())) {
-    return '';
-  }
-  return date.toLocaleTimeString('vi-VN', {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false
-  });
-};
-export const ChatTextBubble = /*#__PURE__*/memo(({
-  message,
-  position
-}) => {
-  const isOutgoing = position === 'right';
-  const timeLabel = formatMessageTime(message.createdAt);
-  if (!message.text?.trim()) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(KContainer.View, {
-    style: styles.wrapper,
-    children: [/*#__PURE__*/_jsx(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
-      children: /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextMdNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: message.text
-      })
-    }), !isOutgoing && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
-      typo: "TextXsNormal",
-      color: CHAT_BUBBLE_COLORS.timestamp,
-      marginL: '0.25rem',
-      children: timeLabel
-    }) : null]
-  });
-});
-ChatTextBubble.displayName = 'ChatTextBubble';
-const styles = StyleSheet.create({
-  wrapper: {
-    maxWidth: '80%'
-  },
-  bubble: {
-    paddingHorizontal: KSpacingValue['0.75rem'],
-    paddingVertical: KSpacingValue['0.5rem'],
-    borderRadius: KSpacingValue['1.25rem']
-  },
-  bubbleReceived: {
-    backgroundColor: CHAT_BUBBLE_COLORS.received
-  },
-  bubbleSent: {
-    backgroundColor: CHAT_BUBBLE_COLORS.sent
-  }
-});
-//# sourceMappingURL=ChatTextBubble.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["memo","StyleSheet","KContainer","KLabel","KSpacingValue","CHAT_BUBBLE_COLORS","jsx","_jsx","jsxs","_jsxs","formatMessageTime","createdAt","date","Date","Number","isNaN","getTime","toLocaleTimeString","hour","minute","hour12","ChatTextBubble","message","position","isOutgoing","timeLabel","text","trim","View","style","styles","wrapper","children","bubble","bubbleSent","bubbleReceived","Text","typo","color","timestamp","marginL","displayName","create","maxWidth","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","received","sent"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatTextBubble.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,MAAM,EAAEC,aAAa,QAAQ,eAAe;AAEjE,SAASC,kBAAkB,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjD,MAAMC,iBAAiB,GAAIC,SAAwB,IAAK;EACtD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,IAAIG,MAAM,CAACC,KAAK,CAACH,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE;IAChC,OAAO,EAAE;EACX;EAEA,OAAOJ,IAAI,CAACK,kBAAkB,CAAC,OAAO,EAAE;IACtCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,MAAMC,cAAc,gBAAGrB,IAAI,CAChC,CAAC;EAAEsB,OAAO;EAAEC;AAAiC,CAAC,KAAK;EACjD,MAAMC,UAAU,GAAGD,QAAQ,KAAK,OAAO;EACvC,MAAME,SAAS,GAAGf,iBAAiB,CAACY,OAAO,CAACX,SAAS,CAAC;EAEtD,IAAI,CAACW,OAAO,CAACI,IAAI,EAAEC,IAAI,CAAC,CAAC,EAAE;IACzB,OAAO,IAAI;EACb;EAEA,oBACElB,KAAA,CAACP,UAAU,CAAC0B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBACrCzB,IAAA,CAACL,UAAU,CAAC0B,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACG,MAAM,EACbT,UAAU,GAAGM,MAAM,CAACI,UAAU,GAAGJ,MAAM,CAACK,cAAc,CACtD;MAAAH,QAAA,eAEFzB,IAAA,CAACJ,MAAM,CAACiC,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,KAAK,EAAEjC,kBAAkB,CAACqB,IAAK;QAAAM,QAAA,EAC7DV,OAAO,CAACI;MAAI,CACF;IAAC,CACC,CAAC,EAEjB,CAACF,UAAU,IAAIC,SAAS,gBACvBlB,IAAA,CAACJ,MAAM,CAACiC,IAAI;MACVC,IAAI,EAAC,cAAc;MACnBC,KAAK,EAAEjC,kBAAkB,CAACkC,SAAU;MACpCC,OAAO,EAAE,SAAU;MAAAR,QAAA,EAElBP;IAAS,CACC,CAAC,GACZ,IAAI;EAAA,CACO,CAAC;AAEtB,CACF,CAAC;AAEDJ,cAAc,CAACoB,WAAW,GAAG,gBAAgB;AAE7C,MAAMX,MAAM,GAAG7B,UAAU,CAACyC,MAAM,CAAC;EAC/BX,OAAO,EAAE;IACPY,QAAQ,EAAE;EACZ,CAAC;EACDV,MAAM,EAAE;IACNW,iBAAiB,EAAExC,aAAa,CAAC,SAAS,CAAC;IAC3CyC,eAAe,EAAEzC,aAAa,CAAC,QAAQ,CAAC;IACxC0C,YAAY,EAAE1C,aAAa,CAAC,SAAS;EACvC,CAAC;EACD+B,cAAc,EAAE;IACdY,eAAe,EAAE1C,kBAAkB,CAAC2C;EACtC,CAAC;EACDd,UAAU,EAAE;IACVa,eAAe,EAAE1C,kBAAkB,CAAC4C;EACtC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/screens/chat-detail/legend/message-types.js

@@ -1,244 +0,0 @@
-"use strict";
-
-import { memo } from 'react';
-import { Linking, StyleSheet, Text } from 'react-native';
-import { KContainer, KImage, KLabel, KColors, KSpacingValue } from '@droppii/libs';
-import { getMessageText } from "../../../utils/legendListMessage.js";
-import { CHAT_BUBBLE_COLORS } from "../constants.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const formatMessageTime = createdAt => {
-  const date = new Date(createdAt);
-  if (Number.isNaN(date.getTime())) return '';
-  return date.toLocaleTimeString('vi-VN', {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false
-  });
-};
-
-// Text Message Component
-export const LegendTextMessage = /*#__PURE__*/memo(({
-  message,
-  isOutgoing,
-  createdAtTime
-}) => {
-  const messageText = getMessageText(message);
-  const timeLabel = formatMessageTime(createdAtTime);
-  if (!messageText?.trim()) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(KContainer.View, {
-    style: styles.wrapper,
-    children: [/*#__PURE__*/_jsx(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
-      children: /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextMdNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: messageText
-      })
-    }), !isOutgoing && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
-      typo: "TextXsNormal",
-      color: CHAT_BUBBLE_COLORS.timestamp,
-      marginL: "0.25rem",
-      children: timeLabel
-    }) : null]
-  });
-});
-LegendTextMessage.displayName = 'LegendTextMessage';
-
-// Image Message Component (placeholder)
-export const LegendImageMessage = /*#__PURE__*/memo(({
-  isOutgoing
-}) => {
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    style: styles.wrapper,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
-      children: /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextSmNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: "[Image]"
-      })
-    })
-  });
-});
-LegendImageMessage.displayName = 'LegendImageMessage';
-
-// Video Message Component (placeholder)
-export const LegendVideoMessage = /*#__PURE__*/memo(({
-  isOutgoing
-}) => {
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    style: styles.wrapper,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
-      children: /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextSmNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: "[Video]"
-      })
-    })
-  });
-});
-LegendVideoMessage.displayName = 'LegendVideoMessage';
-
-// File Message Component
-export const LegendFileMessage = /*#__PURE__*/memo(({
-  message,
-  isOutgoing
-}) => {
-  const fileName = message.fileElem?.fileName || message.content || '[File]';
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    style: styles.wrapper,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
-      children: /*#__PURE__*/_jsxs(KLabel.Text, {
-        typo: "TextSmNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: ["\uD83D\uDCCE ", fileName]
-      })
-    })
-  });
-});
-LegendFileMessage.displayName = 'LegendFileMessage';
-
-// Link Message Component
-const parseUrlMetadata = ex => {
-  if (!ex) return undefined;
-  try {
-    return JSON.parse(ex).urlMetadata;
-  } catch {
-    return undefined;
-  }
-};
-const renderTextWithLinks = (content, urls) => {
-  if (!urls.length) {
-    return /*#__PURE__*/_jsx(KLabel.Text, {
-      typo: "TextMdNormal",
-      color: CHAT_BUBBLE_COLORS.text,
-      children: content
-    });
-  }
-  const parts = [];
-  let remaining = content;
-  for (const url of urls) {
-    const idx = remaining.indexOf(url);
-    if (idx === -1) continue;
-    if (idx > 0) parts.push({
-      text: remaining.slice(0, idx),
-      isUrl: false
-    });
-    parts.push({
-      text: url,
-      isUrl: true
-    });
-    remaining = remaining.slice(idx + url.length);
-  }
-  if (remaining) parts.push({
-    text: remaining,
-    isUrl: false
-  });
-  return /*#__PURE__*/_jsx(KLabel.Text, {
-    typo: "TextMdNormal",
-    color: CHAT_BUBBLE_COLORS.text,
-    children: parts.map((part, i) => part.isUrl ? /*#__PURE__*/_jsx(Text, {
-      style: styles.urlText,
-      onPress: () => Linking.openURL(part.text),
-      children: part.text
-    }, i) : /*#__PURE__*/_jsx(Text, {
-      children: part.text
-    }, i))
-  });
-};
-export const LegendLinkMessage = /*#__PURE__*/memo(({
-  message,
-  isOutgoing,
-  createdAtTime
-}) => {
-  const content = message?.urlTextElem?.content;
-  const urls = message?.urlTextElem?.urls ?? [];
-  const metadata = parseUrlMetadata(message.ex);
-  const timeLabel = formatMessageTime(createdAtTime);
-  return /*#__PURE__*/_jsxs(KContainer.View, {
-    style: styles.wrapper,
-    children: [/*#__PURE__*/_jsxs(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived],
-      children: [!!content?.trim() && /*#__PURE__*/_jsx(KContainer.View, {
-        style: styles.textRow,
-        children: renderTextWithLinks(content, urls)
-      }), metadata && /*#__PURE__*/_jsxs(KContainer.Touchable, {
-        style: styles.card,
-        onPress: () => metadata.url && Linking.openURL(metadata.url),
-        children: [!!metadata.image && /*#__PURE__*/_jsx(KImage.Base, {
-          uri: metadata.image,
-          style: styles.cardThumb,
-          resizeMode: "cover"
-        }), /*#__PURE__*/_jsxs(KContainer.View, {
-          style: styles.cardBody,
-          children: [!!metadata.title && /*#__PURE__*/_jsx(KLabel.Text, {
-            typo: "TextNmMedium",
-            color: KColors.palette.gray.w900,
-            numberOfLines: 1,
-            children: metadata.title
-          }), !!metadata.url && /*#__PURE__*/_jsx(KLabel.Text, {
-            typo: "TextXsMedium",
-            color: KColors.palette.primary.w400,
-            numberOfLines: 1,
-            children: metadata.url
-          }), !!metadata.description && /*#__PURE__*/_jsx(KLabel.Text, {
-            typo: "TextXsNormal",
-            color: KColors.gray.normal,
-            numberOfLines: 2,
-            children: metadata.description
-          })]
-        })]
-      })]
-    }), !isOutgoing && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
-      typo: "TextXsNormal",
-      color: CHAT_BUBBLE_COLORS.timestamp,
-      marginL: "0.25rem",
-      children: timeLabel
-    }) : null]
-  });
-});
-LegendLinkMessage.displayName = 'LegendLinkMessage';
-const styles = StyleSheet.create({
-  wrapper: {
-    maxWidth: '80%'
-  },
-  bubble: {
-    paddingHorizontal: KSpacingValue['0.75rem'],
-    paddingVertical: KSpacingValue['0.5rem'],
-    borderRadius: KSpacingValue['1.25rem']
-  },
-  bubbleReceived: {
-    backgroundColor: CHAT_BUBBLE_COLORS.received
-  },
-  bubbleSent: {
-    backgroundColor: CHAT_BUBBLE_COLORS.sent
-  },
-  textRow: {
-    paddingHorizontal: KSpacingValue['0.25rem']
-  },
-  urlText: {
-    color: KColors.palette.primary.w400,
-    fontWeight: '500'
-  },
-  card: {
-    borderRadius: KSpacingValue['0.75rem'],
-    borderWidth: 1,
-    borderColor: 'rgba(57,62,64,0.1)',
-    backgroundColor: KColors.white,
-    overflow: 'hidden'
-  },
-  cardThumb: {
-    width: '100%',
-    aspectRatio: 16 / 9
-  },
-  cardBody: {
-    paddingHorizontal: KSpacingValue['0.75rem'],
-    paddingVertical: KSpacingValue['0.5rem'],
-    gap: 2
-  }
-});
-//# sourceMappingURL=message-types.js.map