@droppii-org/chat-mobile 0.2.17 → 0.2.18

package/lib/module/assets/images/index.js

@@ -2,6 +2,11 @@
 
 const Images = {
   ICON_BOT: require('./icon_bot.png'),
+  ICON_EXCEL: require('./icon_excel.png'),
+  ICON_IMG: require('./icon_img.png'),
+  ICON_PDF: require('./icon_pdf.png'),
+  ICON_TXT: require('./icon_txt.png'),
+  ICON_WORD: require('./icon_word.png'),
   TAG_BOT: require('./tag_bot.png'),
   TAG_MALL: require('./tag_mall.png'),
   ICON_DROPPII: require('./icon_droppii.png')

package/lib/module/assets/images/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Images","ICON_BOT","require","TAG_BOT","TAG_MALL","ICON_DROPPII"],"sourceRoot":"../../../../src","sources":["assets/images/index.ts"],"mappings":";;AAAA,MAAMA,MAAM,GAAG;EACbC,QAAQ,EAAEC,OAAO,CAAC,gBAAgB,CAAC;EACnCC,OAAO,EAAED,OAAO,CAAC,eAAe,CAAC;EACjCE,QAAQ,EAAEF,OAAO,CAAC,gBAAgB,CAAC;EACnCG,YAAY,EAAEH,OAAO,CAAC,oBAAoB;AAC5C,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}
+{"version":3,"names":["Images","ICON_BOT","require","ICON_EXCEL","ICON_IMG","ICON_PDF","ICON_TXT","ICON_WORD","TAG_BOT","TAG_MALL","ICON_DROPPII"],"sourceRoot":"../../../../src","sources":["assets/images/index.ts"],"mappings":";;AAAA,MAAMA,MAAM,GAAG;EACbC,QAAQ,EAAEC,OAAO,CAAC,gBAAgB,CAAC;EACnCC,UAAU,EAAED,OAAO,CAAC,kBAAkB,CAAC;EACvCE,QAAQ,EAAEF,OAAO,CAAC,gBAAgB,CAAC;EACnCG,QAAQ,EAAEH,OAAO,CAAC,gBAAgB,CAAC;EACnCI,QAAQ,EAAEJ,OAAO,CAAC,gBAAgB,CAAC;EACnCK,SAAS,EAAEL,OAAO,CAAC,iBAAiB,CAAC;EACrCM,OAAO,EAAEN,OAAO,CAAC,eAAe,CAAC;EACjCO,QAAQ,EAAEP,OAAO,CAAC,gBAAgB,CAAC;EACnCQ,YAAY,EAAER,OAAO,CAAC,oBAAoB;AAC5C,CAAC;AAED,eAAeF,MAAM","ignoreList":[]}

package/lib/module/components/AttachmentPreview/FilePreview.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import { memo, useCallback } from 'react';
+import { ActivityIndicator, StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel, KColors } from '@droppii/libs';
+import FileViewer from 'react-native-file-viewer';
+import UIUtils from "../../utils/ui.js";
+import { trans } from "../../translation/index.js";
+import { formatFileSize, getFileIcon } from "../../utils/imageUtils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FilePreview = /*#__PURE__*/memo(({
+  file,
+  onRemove
+}) => {
+  const handlePress = useCallback(async () => {
+    if (file.isUploading || file.error) return;
+    try {
+      const path = file.metadata.uri?.startsWith('file://') ? file.metadata.uri.slice(7) : file.metadata.uri;
+      await FileViewer.open(path ?? '', {
+        showOpenWithDialog: true,
+        showAppsSuggestions: true
+      });
+    } catch {
+      UIUtils.toast.open({
+        title: trans('chat:file_preview_unsupported'),
+        theme: 'warning'
+      });
+    }
+  }, [file]);
+  const handleRemove = useCallback(() => {
+    onRemove(file.metadata.id ?? '');
+  }, [file.metadata?.id, onRemove]);
+  const iconSource = getFileIcon(file.metadata.mimeType);
+  const hasError = !!file.error;
+  return /*#__PURE__*/_jsxs(KContainer.Touchable, {
+    row: true,
+    alignItems: true,
+    width: 160,
+    onPress: handlePress,
+    br: "3x",
+    background: !hasError ? KColors.hexToRgba(KColors.palette.gray.w400, 0.1) : KColors.hexToRgba(KColors.danger.light, 0.2),
+    paddingL: '0.5rem',
+    paddingR: '1rem',
+    paddingV: '0.25rem',
+    children: [/*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: file.isUploading,
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "small",
+        color: KColors.palette.primary.w400,
+        style: styles.loader
+      })
+    }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: !file.isUploading,
+      children: /*#__PURE__*/_jsx(KImage.Base, {
+        uri: iconSource,
+        style: styles.icon,
+        resizeMode: "contain"
+      })
+    }), /*#__PURE__*/_jsxs(KContainer.View, {
+      flex: true,
+      children: [/*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextSmMedium",
+        color: KColors.gray.dark,
+        numberOfLines: 1,
+        ellipsizeMode: "middle",
+        children: file.metadata.filename
+      }), /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextXsNormal",
+        color: KColors.palette.gray.w500,
+        numberOfLines: 1,
+        children: hasError ? file.error : file.isUploading ? `${file.uploadProgress}%` : formatFileSize(file.metadata.size ?? 0)
+      })]
+    }), /*#__PURE__*/_jsx(KContainer.Touchable, {
+      onPress: handleRemove,
+      center: true,
+      width: 20,
+      height: 20,
+      br: 'round',
+      background: KColors.gray.dark,
+      hitSlop: 8,
+      style: styles.removeBtn,
+      children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "close",
+        provider: "MaterialCommunityIcons",
+        size: 18,
+        color: KColors.white
+      })
+    })]
+  });
+});
+FilePreview.displayName = 'FilePreview';
+const styles = StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    marginRight: 7
+  },
+  loader: {
+    marginRight: 8
+  },
+  removeBtn: {
+    position: 'absolute',
+    right: -4,
+    top: -4
+  }
+});
+//# sourceMappingURL=FilePreview.js.map

package/lib/module/components/AttachmentPreview/FilePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","ActivityIndicator","StyleSheet","KContainer","KImage","KLabel","KColors","FileViewer","UIUtils","trans","formatFileSize","getFileIcon","jsx","_jsx","jsxs","_jsxs","FilePreview","file","onRemove","handlePress","isUploading","error","path","metadata","uri","startsWith","slice","open","showOpenWithDialog","showAppsSuggestions","toast","title","theme","handleRemove","id","iconSource","mimeType","hasError","Touchable","row","alignItems","width","onPress","br","background","hexToRgba","palette","gray","w400","danger","light","paddingL","paddingR","paddingV","children","VisibleView","visible","size","color","primary","style","styles","loader","Base","icon","resizeMode","View","flex","Text","typo","dark","numberOfLines","ellipsizeMode","filename","w500","uploadProgress","center","height","hitSlop","removeBtn","VectorIcons","name","provider","white","displayName","create","marginRight","position","right","top"],"sourceRoot":"../../../../src","sources":["components/AttachmentPreview/FilePreview.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AttachmentPreview/MediaPreview.js

@@ -0,0 +1,212 @@
+"use strict";
+
+import { memo } from 'react';
+import { KColors, KContainer, KImage, KLabel } from '@droppii/libs';
+import { StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const formatDuration = seconds => {
+  const totalSecs = Math.floor(seconds);
+  const mins = Math.floor(totalSecs / 60);
+  const secs = totalSecs % 60;
+  return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+};
+const getAttachmentIcon = type => {
+  switch (type) {
+    case 'image':
+      return 'image';
+    case 'video':
+      return 'play-circle';
+    case 'audio':
+      return 'music';
+    case 'document':
+      return 'file-document';
+    case 'file':
+    default:
+      return 'file';
+  }
+};
+export const MediaPreview = /*#__PURE__*/memo(({
+  item,
+  index,
+  onRemove
+}) => {
+  const {
+    type,
+    metadata,
+    uploadProgress,
+    error,
+    isUploading,
+    thumbnailUrl
+  } = item;
+  const isImage = type === 'image';
+  const isVideo = type === 'video';
+  const hasPreview = isImage || isVideo;
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    children: [/*#__PURE__*/_jsxs(KContainer.View, {
+      style: styles.thumbnail,
+      center: true,
+      children: [isVideo && thumbnailUrl && /*#__PURE__*/_jsx(KImage.Base, {
+        uri: thumbnailUrl,
+        width: 48,
+        height: 48,
+        resizeMode: "cover"
+      }), isVideo && !thumbnailUrl && /*#__PURE__*/_jsx(KContainer.View, {
+        style: [styles.videoBg, styles.videoThumbnail]
+      }), isImage && /*#__PURE__*/_jsx(KImage.Base, {
+        uri: `file://${metadata.path}`,
+        width: 48,
+        height: 48
+      }), !hasPreview && /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.iconOverlay,
+        center: true,
+        background: KColors.palette.gray.w100,
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: getAttachmentIcon(type),
+          provider: "MaterialCommunityIcons",
+          size: 24,
+          color: KColors.palette.primary.w400
+        })
+      }), isVideo && !!metadata.duration && /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.durationBadge,
+        center: true,
+        children: /*#__PURE__*/_jsx(KLabel.Text, {
+          typo: "TextXsNormal",
+          color: KColors.white,
+          style: styles.durationText,
+          children: formatDuration(metadata.duration / 1000)
+        })
+      }), !hasPreview && /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.typeIcon,
+        center: true,
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: getAttachmentIcon(type),
+          provider: "MaterialCommunityIcons",
+          size: 14,
+          color: KColors.white
+        })
+      }), error && /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.errorOverlay,
+        center: true,
+        children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+          name: "close-circle",
+          provider: "MaterialCommunityIcons",
+          size: 28,
+          color: KColors.white
+        })
+      }), isUploading && /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.progressOverlay,
+        center: true,
+        children: /*#__PURE__*/_jsxs(KLabel.Text, {
+          typo: "TextSmNormal",
+          color: KColors.white,
+          children: [uploadProgress, "%"]
+        })
+      })]
+    }), /*#__PURE__*/_jsx(KContainer.Touchable, {
+      style: styles.removeButton,
+      center: true,
+      br: "round",
+      background: KColors.black,
+      onPress: () => onRemove(type, index),
+      disabled: isUploading,
+      hitSlop: 10,
+      children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "close",
+        provider: "MaterialCommunityIcons",
+        size: 18,
+        color: KColors.white
+      })
+    })]
+  });
+});
+MediaPreview.displayName = 'MediaPreview';
+const styles = StyleSheet.create({
+  thumbnail: {
+    position: 'relative',
+    width: 48,
+    height: 48,
+    borderRadius: 4,
+    overflow: 'hidden',
+    backgroundColor: KColors.palette.gray.w50
+  },
+  durationBadge: {
+    position: 'absolute',
+    bottom: 4,
+    right: 4,
+    backgroundColor: 'rgba(0, 0, 0, 0.8)',
+    borderRadius: 3,
+    paddingVertical: 2,
+    paddingHorizontal: 4
+  },
+  durationText: {
+    fontSize: 11,
+    fontWeight: '600'
+  },
+  iconOverlay: {
+    width: 48,
+    height: 48,
+    borderRadius: 4
+  },
+  videoIcon: {
+    position: 'absolute',
+    top: 2,
+    right: 2,
+    backgroundColor: 'rgba(0, 0, 0, 0.6)',
+    borderRadius: 8,
+    width: 20,
+    height: 20
+  },
+  typeIcon: {
+    position: 'absolute',
+    bottom: 2,
+    right: 2,
+    backgroundColor: 'rgba(0, 0, 0, 0.7)',
+    borderRadius: 6,
+    width: 16,
+    height: 16
+  },
+  videoBg: {
+    width: 48,
+    height: 48,
+    borderRadius: 4
+  },
+  videoThumbnail: {
+    backgroundColor: KColors.black
+  },
+  progressOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.6)'
+  },
+  errorOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(255, 59, 48, 0.8)'
+  },
+  removeButton: {
+    position: 'absolute',
+    right: -4,
+    top: -4,
+    width: 22,
+    height: 22,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 2,
+    elevation: 3
+  },
+  sendButton: {
+    width: 48,
+    height: 48
+  }
+});
+//# sourceMappingURL=MediaPreview.js.map

package/lib/module/components/AttachmentPreview/MediaPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","KColors","KContainer","KImage","KLabel","StyleSheet","jsx","_jsx","jsxs","_jsxs","formatDuration","seconds","totalSecs","Math","floor","mins","secs","toString","padStart","getAttachmentIcon","type","MediaPreview","item","index","onRemove","metadata","uploadProgress","error","isUploading","thumbnailUrl","isImage","isVideo","hasPreview","View","children","style","styles","thumbnail","center","Base","uri","width","height","resizeMode","videoBg","videoThumbnail","path","iconOverlay","background","palette","gray","w100","VectorIcons","name","provider","size","color","primary","w400","duration","durationBadge","Text","typo","white","durationText","typeIcon","errorOverlay","progressOverlay","Touchable","removeButton","br","black","onPress","disabled","hitSlop","displayName","create","position","borderRadius","overflow","backgroundColor","w50","bottom","right","paddingVertical","paddingHorizontal","fontSize","fontWeight","videoIcon","top","left","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","sendButton"],"sourceRoot":"../../../../src","sources":["components/AttachmentPreview/MediaPreview.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AttachmentPreview/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { memo, useCallback } from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+import { MediaPreview } from "./MediaPreview.js";
+import { FilePreview } from "./FilePreview.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AttachmentPreview = /*#__PURE__*/memo(({
+  visible,
+  attachments,
+  onRemove
+}) => {
+  const onFileRemove = useCallback(id => {
+    onRemove('file', id);
+  }, [onRemove]);
+  if (!visible || !attachments?.length) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    scrollEventThrottle: 16,
+    contentContainerStyle: styles.scrollContent,
+    children: attachments?.map((item, index) => {
+      switch (item.type) {
+        case 'file':
+          return /*#__PURE__*/_jsx(FilePreview, {
+            file: item,
+            onRemove: onFileRemove
+          }, `${item.type}-${index}`);
+        default:
+          return /*#__PURE__*/_jsx(MediaPreview, {
+            index: index,
+            item: item,
+            onRemove: onRemove
+          }, `${item.type}-${index}`);
+      }
+    })
+  });
+});
+AttachmentPreview.displayName = 'AttachmentPreview';
+const styles = StyleSheet.create({
+  scrollContent: {
+    padding: 8,
+    paddingTop: 12,
+    gap: 8
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/AttachmentPreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","ScrollView","StyleSheet","MediaPreview","FilePreview","jsx","_jsx","AttachmentPreview","visible","attachments","onRemove","onFileRemove","id","length","horizontal","showsHorizontalScrollIndicator","scrollEventThrottle","contentContainerStyle","styles","scrollContent","children","map","item","index","type","file","displayName","create","padding","paddingTop","gap"],"sourceRoot":"../../../../src","sources":["components/AttachmentPreview/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,WAAW,QAAQ,OAAO;AACzC,SAASC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,WAAW,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ5C,OAAO,MAAMC,iBAAiB,gBAAGR,IAAI,CACnC,CAAC;EAAES,OAAO;EAAEC,WAAW;EAAEC;AAAiC,CAAC,KAAK;EAC9D,MAAMC,YAAY,GAAGX,WAAW,CAC7BY,EAAU,IAAK;IACdF,QAAQ,CAAC,MAAM,EAAEE,EAAE,CAAC;EACtB,CAAC,EACD,CAACF,QAAQ,CACX,CAAC;EAED,IAAI,CAACF,OAAO,IAAI,CAACC,WAAW,EAAEI,MAAM,EAAE;IACpC,OAAO,IAAI;EACb;EAEA,oBACEP,IAAA,CAACL,UAAU;IACTa,UAAU;IACVC,8BAA8B,EAAE,KAAM;IACtCC,mBAAmB,EAAE,EAAG;IACxBC,qBAAqB,EAAEC,MAAM,CAACC,aAAc;IAAAC,QAAA,EAE3CX,WAAW,EAAEY,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MACjC,QAAQD,IAAI,CAACE,IAAI;QACf,KAAK,MAAM;UACT,oBACElB,IAAA,CAACF,WAAW;YAEVqB,IAAI,EAAEH,IAAK;YACXZ,QAAQ,EAAEC;UAAa,GAFlB,GAAGW,IAAI,CAACE,IAAI,IAAID,KAAK,EAG3B,CAAC;QAGN;UACE,oBACEjB,IAAA,CAACH,YAAY;YAEXoB,KAAK,EAAEA,KAAM;YACbD,IAAI,EAAEA,IAAK;YACXZ,QAAQ,EAAEA;UAAS,GAHd,GAAGY,IAAI,CAACE,IAAI,IAAID,KAAK,EAI3B,CAAC;MAER;IACF,CAAC;EAAC,CACQ,CAAC;AAEjB,CACF,CAAC;AAEDhB,iBAAiB,CAACmB,WAAW,GAAG,mBAAmB;AAEnD,MAAMR,MAAM,GAAGhB,UAAU,CAACyB,MAAM,CAAC;EAC/BR,aAAa,EAAE;IACbS,OAAO,EAAE,CAAC;IACVC,UAAU,EAAE,EAAE;IACdC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/messages/fileMessage/index.js

@@ -1,26 +1,136 @@
 "use strict";
 
-import { memo } from 'react';
-import { KContainer, KLabel } from '@droppii/libs';
+import { memo, useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel, KColors } from '@droppii/libs';
 import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
 import { messageStyles } from "../styles.js";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useFileDownload } from "../../../hooks/useFileDownload.js";
+import { getFileIcon, getMimeType, formatFileSize } from "../../../utils/imageUtils.js";
+import { trans } from "../../../translation/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const FileMessage = /*#__PURE__*/memo(({
   message,
   isOutgoing
 }) => {
-  const fileName = message.fileElem?.fileName || message.content || '[File]';
+  const fileName = message.fileElem?.fileName || '[File]';
+  const fileSize = message.fileElem?.fileSize ?? 0;
+  const url = message.fileElem?.sourceUrl || message.fileElem?.url || '';
+  const {
+    state,
+    handleView,
+    handleDownload
+  } = useFileDownload(fileName, url);
+  const mimeType = useMemo(() => getMimeType(fileName), [fileName]);
+  const iconSource = useMemo(() => getFileIcon(mimeType), [mimeType]);
+  const subtitle = useMemo(() => {
+    if (state.status === 'downloading') {
+      return trans('chat:file_downloading', {
+        received: state.receivedMB ?? 0,
+        total: state.totalMB ?? 0
+      });
+    }
+    if (state.status === 'error') {
+      return state.error ?? trans('chat:file_download_failed');
+    }
+    return formatFileSize(fileSize);
+  }, [state, fileSize]);
+  const subtitleColor = state.status === 'error' ? KColors.palette.danger?.w400 ?? '#FF3B30' : KColors.palette.gray.w500;
+  const isDownloading = state.status === 'downloading';
   return /*#__PURE__*/_jsx(KContainer.View, {
-    style: messageStyles.wrapper,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      style: [messageStyles.bubble, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived],
-      children: /*#__PURE__*/_jsxs(KLabel.Text, {
-        typo: "TextSmNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: ["\uD83D\uDCCE ", fileName]
-      })
+    padding: '0.5rem',
+    style: [styles.wrapper, messageStyles.wrapper, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived],
+    children: /*#__PURE__*/_jsxs(KContainer.View, {
+      row: true,
+      alignItems: true,
+      br: '3x',
+      paddingR: '0.75rem',
+      paddingV: '0.25rem',
+      background: KColors.white,
+      children: [/*#__PURE__*/_jsx(KContainer.VisibleView, {
+        visible: isDownloading,
+        children: /*#__PURE__*/_jsx(KContainer.Touchable, {
+          center: true,
+          br: "round",
+          style: styles.cancelBtn,
+          width: 32,
+          height: 32,
+          onPress: handleDownload,
+          children: /*#__PURE__*/_jsx(KContainer.View, {
+            center: true,
+            br: "round",
+            style: styles.cancelBtnIconContainer,
+            width: 26,
+            height: 26,
+            children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+              name: "close",
+              provider: "MaterialCommunityIcons",
+              size: 24,
+              color: KColors.white
+            })
+          })
+        })
+      }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
+        visible: !isDownloading,
+        children: /*#__PURE__*/_jsx(KImage.Base, {
+          uri: iconSource,
+          style: styles.fileIcon,
+          resizeMode: "contain"
+        })
+      }), /*#__PURE__*/_jsxs(KContainer.View, {
+        flexS: 1,
+        children: [/*#__PURE__*/_jsx(KLabel.Text, {
+          typo: "TextSmMedium",
+          color: CHAT_BUBBLE_COLORS.text,
+          numberOfLines: 1,
+          ellipsizeMode: "middle",
+          children: fileName
+        }), /*#__PURE__*/_jsx(KLabel.Text, {
+          typo: "TextXsNormal",
+          color: subtitleColor,
+          numberOfLines: 1,
+          children: subtitle
+        })]
+      }), /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "eye-outline",
+        provider: "MaterialCommunityIcons",
+        onPress: handleView,
+        size: 20,
+        color: KColors.palette.gray.w600,
+        containerStyle: styles.viewIcon
+      }), /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: 'download-o',
+        provider: "DroppiiNew",
+        onPress: isDownloading ? undefined : handleDownload,
+        size: 20,
+        color: state.status === 'error' ? KColors.palette.danger?.w400 ?? '#FF3B30' : KColors.palette.gray.w600,
+        containerStyle: isDownloading ? styles.disabledIcon : undefined
+      })]
     })
   });
 });
 FileMessage.displayName = 'FileMessage';
+const styles = StyleSheet.create({
+  wrapper: {
+    borderRadius: 20
+  },
+  fileIcon: {
+    width: 24,
+    height: 24,
+    marginHorizontal: 12
+  },
+  cancelBtn: {
+    backgroundColor: KColors.hexToRgba('#6355CA', 0.3),
+    marginHorizontal: 6
+  },
+  cancelBtnIconContainer: {
+    backgroundColor: '#6355CA'
+  },
+  viewIcon: {
+    marginHorizontal: 12
+  },
+  disabledIcon: {
+    opacity: 0.3
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib/module/components/messages/fileMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","KContainer","KLabel","CHAT_BUBBLE_COLORS","messageStyles","jsxs","_jsxs","jsx","_jsx","FileMessage","message","isOutgoing","fileName","fileElem","content","View","style","wrapper","children","bubble","bubbleSent","bubbleReceived","Text","typo","color","text","displayName"],"sourceRoot":"../../../../../src","sources":["components/messages/fileMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,aAAa,QAAQ,cAAW;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,WAAW,gBAAGT,IAAI,CAC7B,CAAC;EAAEU,OAAO;EAAEC;AAAmC,CAAC,KAAK;EACnD,MAAMC,QAAQ,GAAGF,OAAO,CAACG,QAAQ,EAAED,QAAQ,IAAIF,OAAO,CAACI,OAAO,IAAI,QAAQ;EAE1E,oBACEN,IAAA,CAACP,UAAU,CAACc,IAAI;IAACC,KAAK,EAAEZ,aAAa,CAACa,OAAQ;IAAAC,QAAA,eAC5CV,IAAA,CAACP,UAAU,CAACc,IAAI;MACdC,KAAK,EAAE,CACLZ,aAAa,CAACe,MAAM,EACpBR,UAAU,GACNP,aAAa,CAACgB,UAAU,GACxBhB,aAAa,CAACiB,cAAc,CAChC;MAAAH,QAAA,eAEFZ,KAAA,CAACJ,MAAM,CAACoB,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,KAAK,EAAErB,kBAAkB,CAACsB,IAAK;QAAAP,QAAA,GAAC,eAC5D,EAACN,QAAQ;MAAA,CACD;IAAC,CACC;EAAC,CACH,CAAC;AAEtB,CACF,CAAC;AAEDH,WAAW,CAACiB,WAAW,GAAG,aAAa","ignoreList":[]}
+{"version":3,"names":["memo","useMemo","StyleSheet","KContainer","KImage","KLabel","KColors","CHAT_BUBBLE_COLORS","messageStyles","useFileDownload","getFileIcon","getMimeType","formatFileSize","trans","jsx","_jsx","jsxs","_jsxs","FileMessage","message","isOutgoing","fileName","fileElem","fileSize","url","sourceUrl","state","handleView","handleDownload","mimeType","iconSource","subtitle","status","received","receivedMB","total","totalMB","error","subtitleColor","palette","danger","w400","gray","w500","isDownloading","View","padding","style","styles","wrapper","bubbleSent","bubbleReceived","children","row","alignItems","br","paddingR","paddingV","background","white","VisibleView","visible","Touchable","center","cancelBtn","width","height","onPress","cancelBtnIconContainer","VectorIcons","name","provider","size","color","Base","uri","fileIcon","resizeMode","flexS","Text","typo","text","numberOfLines","ellipsizeMode","w600","containerStyle","viewIcon","undefined","disabledIcon","displayName","create","borderRadius","marginHorizontal","backgroundColor","hexToRgba","opacity"],"sourceRoot":"../../../../../src","sources":["components/messages/fileMessage/index.tsx"],"mappings":"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","ignoreList":[]}