@droppii-org/chat-mobile 0.2.16 → 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/MergedImageGrid.js

@@ -2,17 +2,17 @@
 
 import { memo, useMemo, useState, useCallback } from 'react';
 import { StyleSheet, useWindowDimensions } from 'react-native';
-import { KContainer, KImage, KLabel, KColors } from '@droppii/libs';
+import { KContainer, KImage, KLabel, KColors, KSpacingValue } from '@droppii/libs';
 import ChatImageDimens from "../utils/chatImageDimens.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Generic image grid for merged messages
- * Layout: 1 image (1x1), 2 images (1x2), 3 images (1x3), 4+ images (2x2)
- * Shows "+N more" overlay on last cell if images exceed limit
+ * Layout: always a single horizontal row (1xN), N capped at maxDisplay (default 3)
+ * Shows "+N more" overlay on last cell if images exceed limit (e.g. 4 images → 3 + "+1")
  */
 export const MergedImageGrid = /*#__PURE__*/memo(({
   images,
-  maxDisplay = 4,
+  maxDisplay = 3,
   onMediaPress
 }) => {
   const windowWidth = useWindowDimensions().width;
@@ -75,20 +75,30 @@ export const MergedImageGrid = /*#__PURE__*/memo(({
     return null;
   }
 
-  // Calculate columns based on image count
-  let columns = 1;
-  if (displayedImages.length === 2) {
-    columns = 2; // 2 images: horizontal layout (1x2)
-  } else if (displayedImages.length === 3) {
-    columns = 3; // 3 images: horizontal layout (1x3)
-  } else if (displayedImages.length >= 4) {
-    columns = 2; // 4+ images: grid layout (2x2)
-  }
-
-  // Use calculated aspect ratio for single image, 100x100 for multiple images
-  const cellSize = displayedImages.length === 1 && singleImageSize ? singleImageSize.width : 100;
-  const cellHeight = displayedImages.length === 1 && singleImageSize ? singleImageSize.height : cellSize;
+  // Always lay out images in a single horizontal row (1xN)
+  const columns = displayedImages.length;
   const gap = 4;
+
+  // Mirror the parent layout chain so the row never exceeds its container:
+  //   messageRow: width 100% with 0.75rem horizontal padding (both sides)
+  //   bubble wrapper: maxWidth 80% of that
+  //   bubble: another 0.75rem horizontal padding (both sides)
+  const rowPaddingH = KSpacingValue['0.75rem'] * 2;
+  const bubblePaddingH = KSpacingValue['0.75rem'] * 2;
+  const availableWidth = (windowWidth - rowPaddingH) * 0.8 - bubblePaddingH;
+
+  // Single image keeps its aspect-ratio size; multiple images share the row
+  // width so the whole row fits inside the bubble (cell capped at 100px).
+  let cellSize;
+  let cellHeight;
+  if (displayedImages.length === 1 && singleImageSize) {
+    cellSize = singleImageSize.width;
+    cellHeight = singleImageSize.height;
+  } else {
+    const fitted = Math.floor((availableWidth - gap * (columns - 1)) / columns);
+    cellSize = Math.min(100, fitted);
+    cellHeight = cellSize;
+  }
   const totalWidth = cellSize * columns + gap * (columns - 1);
   return /*#__PURE__*/_jsx(KContainer.View, {
     style: [styles.grid, {
@@ -137,7 +147,7 @@ MergedImageGrid.displayName = 'MergedImageGrid';
 const styles = StyleSheet.create({
   grid: {
     flexDirection: 'row',
-    flexWrap: 'wrap',
+    flexWrap: 'nowrap',
     gap: 4,
     justifyContent: 'flex-start',
     alignItems: 'flex-start'

package/lib/module/components/MergedImageGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","useMemo","useState","useCallback","StyleSheet","useWindowDimensions","KContainer","KImage","KLabel","KColors","ChatImageDimens","jsx","_jsx","jsxs","_jsxs","MergedImageGrid","images","maxDisplay","onMediaPress","windowWidth","width","loadingState","setLoadingState","displayedImages","slice","hiddenCount","Math","max","length","singleImageSize","image","pictureElem","imgWidth","bigPicture","imgHeight","height","maxWidth","floor","aspectRatio","finalWidth","finalHeight","maxHeight","round","mediaItems","map","imageUrl","snapshotPicture","url","sourcePicture","filter","item","Boolean","handleImageLoadEnd","index","prev","handleImagePress","initializeLoading","initial","forEach","_","columns","cellSize","cellHeight","gap","totalWidth","View","style","styles","grid","children","optimizedUrl","getOptimizedImageUrlWithDimensions","isLastCell","showHiddenCount","isImageLoading","Touchable","onPress","imageCell","Base","uri","onLoadEnd","skeleton","hiddenOverlay","center","Text","typo","color","white","displayName","create","flexDirection","flexWrap","justifyContent","alignItems","position","overflow","borderRadius","backgroundColor","top","left","right","bottom"],"sourceRoot":"../../../src","sources":["components/MergedImageGrid.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useMemo","useState","useCallback","StyleSheet","useWindowDimensions","KContainer","KImage","KLabel","KColors","KSpacingValue","ChatImageDimens","jsx","_jsx","jsxs","_jsxs","MergedImageGrid","images","maxDisplay","onMediaPress","windowWidth","width","loadingState","setLoadingState","displayedImages","slice","hiddenCount","Math","max","length","singleImageSize","image","pictureElem","imgWidth","bigPicture","imgHeight","height","maxWidth","floor","aspectRatio","finalWidth","finalHeight","maxHeight","round","mediaItems","map","imageUrl","snapshotPicture","url","sourcePicture","filter","item","Boolean","handleImageLoadEnd","index","prev","handleImagePress","initializeLoading","initial","forEach","_","columns","gap","rowPaddingH","bubblePaddingH","availableWidth","cellSize","cellHeight","fitted","min","totalWidth","View","style","styles","grid","children","optimizedUrl","getOptimizedImageUrlWithDimensions","isLastCell","showHiddenCount","isImageLoading","Touchable","onPress","imageCell","Base","uri","onLoadEnd","skeleton","hiddenOverlay","center","Text","typo","color","white","displayName","create","flexDirection","flexWrap","justifyContent","alignItems","position","overflow","borderRadius","backgroundColor","top","left","right","bottom"],"sourceRoot":"../../../src","sources":["components/MergedImageGrid.tsx"],"mappings":"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","ignoreList":[]}