stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.7

package/lib/module/components/MessageInput/FileUploadPreview.js

@@ -1,54 +1,31 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileUploadPreview = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _UploadProgressIndicator = require("./UploadProgressIndicator");
-
 var _contexts = require("../../contexts");
-
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
-
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _Close = require("../../icons/Close");
-
 var _Warning = require("../../icons/Warning");
-
 var _native = require("../../native");
-
 var _utils = require("../../utils/utils");
-
 var _FileAttachment = require("../Attachment/FileAttachment");
-
 var _WritingDirectionAwareText = require("../RTLComponents/WritingDirectionAwareText");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/FileUploadPreview.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/FileUploadPreview.tsx";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var FILE_PREVIEW_HEIGHT = 60;
 var WARNING_ICON_SIZE = 16;
-
 var styles = _reactNative.StyleSheet.create({
   dismiss: {
     borderRadius: 24,
@@ -111,22 +88,18 @@ var styles = _reactNative.StyleSheet.create({
     marginTop: 2
   }
 });
-
 var UnsupportedFileTypeOrFileSizeIndicator = function UnsupportedFileTypeOrFileSizeIndicator(_ref) {
   var indicatorType = _ref.indicatorType,
-      item = _ref.item;
-
+    item = _ref.item;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_red = _useTheme$theme$color.accent_red,
-      grey = _useTheme$theme$color.grey,
-      grey_dark = _useTheme$theme$color.grey_dark,
-      fileSizeText = _useTheme$theme.messageInput.fileUploadPreview.fileSizeText;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_red = _useTheme$theme$color.accent_red,
+    grey = _useTheme$theme$color.grey,
+    grey_dark = _useTheme$theme$color.grey_dark,
+    fileSizeText = _useTheme$theme.messageInput.fileUploadPreview.fileSizeText;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   return indicatorType === _utils.ProgressIndicatorTypes.NOT_SUPPORTED ? _react["default"].createElement(_reactNative.View, {
     style: styles.unsupportedFile,
     __self: _this,
@@ -168,22 +141,19 @@ var UnsupportedFileTypeOrFileSizeIndicator = function UnsupportedFileTypeOrFileS
     }
   }, item.file.duration || (0, _FileAttachment.getFileSizeDisplayText)(item.file.size));
 };
-
 var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props) {
   var AudioAttachment = props.AudioAttachment,
-      enableOfflineSupport = props.enableOfflineSupport,
-      FileAttachmentIcon = props.FileAttachmentIcon,
-      fileUploads = props.fileUploads,
-      removeFile = props.removeFile,
-      setFileUploads = props.setFileUploads,
-      uploadFile = props.uploadFile;
+    enableOfflineSupport = props.enableOfflineSupport,
+    FileAttachmentIcon = props.FileAttachmentIcon,
+    fileUploads = props.fileUploads,
+    removeFile = props.removeFile,
+    setFileUploads = props.setFileUploads,
+    uploadFile = props.uploadFile;
   var flatListRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      flatListWidth = _useState2[0],
-      setFlatListWidth = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    flatListWidth = _useState2[0],
+    setFlatListWidth = _useState2[1];
   var onLoad = function onLoad(index, duration) {
     setFileUploads(function (prevFileUploads) {
       return prevFileUploads.map(function (fileUpload) {
@@ -193,7 +163,6 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       });
     });
   };
-
   var onProgress = function onProgress(index, currentTime, hasEnd) {
     setFileUploads(function (prevFileUploads) {
       return prevFileUploads.map(function (fileUpload) {
@@ -203,7 +172,6 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       });
     });
   };
-
   var onPlayPause = function onPlayPause(index, pausedStatus) {
     if (pausedStatus === false) {
       setFileUploads(function (prevFileUploads) {
@@ -223,32 +191,35 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       });
     }
   };
-
   var _useTheme2 = (0, _ThemeContext.useTheme)(),
-      _useTheme2$theme = _useTheme2.theme,
-      _useTheme2$theme$colo = _useTheme2$theme.colors,
-      black = _useTheme2$theme$colo.black,
-      grey_dark = _useTheme2$theme$colo.grey_dark,
-      grey_gainsboro = _useTheme2$theme$colo.grey_gainsboro,
-      grey_whisper = _useTheme2$theme$colo.grey_whisper,
-      white = _useTheme2$theme$colo.white,
-      _useTheme2$theme$mess = _useTheme2$theme.messageInput.fileUploadPreview,
-      audioAttachmentFileContainer = _useTheme2$theme$mess.audioAttachmentFileContainer,
-      dismiss = _useTheme2$theme$mess.dismiss,
-      fileContainer = _useTheme2$theme$mess.fileContainer,
-      fileContentContainer = _useTheme2$theme$mess.fileContentContainer,
-      filenameText = _useTheme2$theme$mess.filenameText,
-      fileTextContainer = _useTheme2$theme$mess.fileTextContainer,
-      flatList = _useTheme2$theme$mess.flatList;
-
+    _useTheme2$theme = _useTheme2.theme,
+    _useTheme2$theme$colo = _useTheme2$theme.colors,
+    black = _useTheme2$theme$colo.black,
+    grey_dark = _useTheme2$theme$colo.grey_dark,
+    grey_gainsboro = _useTheme2$theme$colo.grey_gainsboro,
+    grey_whisper = _useTheme2$theme$colo.grey_whisper,
+    white = _useTheme2$theme$colo.white,
+    _useTheme2$theme$mess = _useTheme2$theme.messageInput.fileUploadPreview,
+    audioAttachmentFileContainer = _useTheme2$theme$mess.audioAttachmentFileContainer,
+    dismiss = _useTheme2$theme$mess.dismiss,
+    fileContainer = _useTheme2$theme$mess.fileContainer,
+    fileContentContainer = _useTheme2$theme$mess.fileContentContainer,
+    filenameText = _useTheme2$theme$mess.filenameText,
+    fileTextContainer = _useTheme2$theme$mess.fileTextContainer,
+    flatList = _useTheme2$theme$mess.flatList;
   var renderItem = function renderItem(_ref2) {
     var _item$file$type;
-
     var index = _ref2.index,
-        item = _ref2.item;
+      item = _ref2.item;
     var indicatorType = (0, _utils.getIndicatorTypeForFileState)(item.state, enableOfflineSupport);
     var lastIndexOfDot = item.file.name.lastIndexOf('.');
-    return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_UploadProgressIndicator.UploadProgressIndicator, {
+    return _react["default"].createElement(_react["default"].Fragment, {
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 222,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(_UploadProgressIndicator.UploadProgressIndicator, {
       action: function action() {
         uploadFile({
           newFile: item
@@ -393,13 +364,11 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       }
     }))));
   };
-
   var fileUploadsLength = fileUploads.length;
   (0, _react.useEffect)(function () {
     if (fileUploadsLength && flatListRef.current) {
       setTimeout(function () {
         var _flatListRef$current;
-
         return (_flatListRef$current = flatListRef.current) == null ? void 0 : _flatListRef$current.scrollToEnd();
       }, 1);
     }
@@ -431,7 +400,6 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
     }
   }) : null;
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevFileUploads = prevProps.fileUploads;
   var nextFileUploads = nextProps.fileUploads;
@@ -439,23 +407,18 @@ var areEqual = function areEqual(prevProps, nextProps) {
     return prevFileUpload.state === nextFileUploads[index].state && prevFileUpload.paused === nextFileUploads[index].paused && prevFileUpload.progress === nextFileUploads[index].progress && prevFileUpload.duration === nextFileUploads[index].duration;
   });
 };
-
 var MemoizedFileUploadPreview = _react["default"].memo(FileUploadPreviewWithContext, areEqual);
-
 var FileUploadPreview = function FileUploadPreview(props) {
   var _useChatContext = (0, _contexts.useChatContext)(),
-      enableOfflineSupport = _useChatContext.enableOfflineSupport;
-
+    enableOfflineSupport = _useChatContext.enableOfflineSupport;
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-      fileUploads = _useMessageInputConte.fileUploads,
-      removeFile = _useMessageInputConte.removeFile,
-      setFileUploads = _useMessageInputConte.setFileUploads,
-      uploadFile = _useMessageInputConte.uploadFile;
-
+    fileUploads = _useMessageInputConte.fileUploads,
+    removeFile = _useMessageInputConte.removeFile,
+    setFileUploads = _useMessageInputConte.setFileUploads,
+    uploadFile = _useMessageInputConte.uploadFile;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      AudioAttachment = _useMessagesContext.AudioAttachment,
-      FileAttachmentIcon = _useMessagesContext.FileAttachmentIcon;
-
+    AudioAttachment = _useMessagesContext.AudioAttachment,
+    FileAttachmentIcon = _useMessagesContext.FileAttachmentIcon;
   return _react["default"].createElement(MemoizedFileUploadPreview, (0, _extends2["default"])({
     AudioAttachment: AudioAttachment,
     FileAttachmentIcon: FileAttachmentIcon,
@@ -473,7 +436,6 @@ var FileUploadPreview = function FileUploadPreview(props) {
     }
   }));
 };
-
 exports.FileUploadPreview = FileUploadPreview;
 FileUploadPreview.displayName = 'FileUploadPreview{messageInput{fileUploadPreview}}';
 //# sourceMappingURL=FileUploadPreview.js.map

package/lib/module/components/MessageInput/FileUploadPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploadPreview.tsx"],"names":["FILE_PREVIEW_HEIGHT","WARNING_ICON_SIZE","styles","StyleSheet","create","dismiss","borderRadius","height","position","right","top","width","fileContainer","borderWidth","flexDirection","justifyContent","marginBottom","paddingLeft","paddingRight","fileContentContainer","fileIcon","alignItems","alignSelf","filenameText","fontSize","fontWeight","paddingHorizontal","fileSizeText","fileTextContainer","flatList","maxHeight","overlay","marginLeft","marginRight","unsupportedFile","unsupportedFileText","marginHorizontal","warningIconStyle","marginTop","UnsupportedFileTypeOrFileSizeIndicator","indicatorType","item","theme","colors","accent_red","grey","grey_dark","messageInput","fileUploadPreview","t","ProgressIndicatorTypes","NOT_SUPPORTED","color","file","duration","size","FileUploadPreviewWithContext","props","AudioAttachment","enableOfflineSupport","FileAttachmentIcon","fileUploads","removeFile","setFileUploads","uploadFile","flatListRef","flatListWidth","setFlatListWidth","onLoad","index","prevFileUploads","map","fileUpload","id","onProgress","currentTime","hasEnd","progress","onPlayPause","pausedStatus","paused","black","grey_gainsboro","grey_whisper","white","audioAttachmentFileContainer","renderItem","state","lastIndexOfDot","name","lastIndexOf","newFile","type","startsWith","FileState","UPLOADED","length","backgroundColor","borderColor","I18nManager","isRTL","writingDirection","slice","fileUploadsLength","current","setTimeout","scrollToEnd","_","offset","nativeEvent","layout","areEqual","prevProps","nextProps","nextFileUploads","every","prevFileUpload","MemoizedFileUploadPreview","React","memo","FileUploadPreview","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { FlatList, I18nManager, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { UploadProgressIndicator } from './UploadProgressIndicator';\n\nimport { ChatContextValue, useChatContext } from '../../contexts';\nimport {\n  FileUpload,\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Close } from '../../icons/Close';\nimport { Warning } from '../../icons/Warning';\nimport { isAudioPackageAvailable } from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { FileState, getIndicatorTypeForFileState, ProgressIndicatorTypes } from '../../utils/utils';\nimport { getFileSizeDisplayText } from '../Attachment/FileAttachment';\nimport { WritingDirectionAwareText } from '../RTLComponents/WritingDirectionAwareText';\n\nconst FILE_PREVIEW_HEIGHT = 60;\nconst WARNING_ICON_SIZE = 16;\n\nconst styles = StyleSheet.create({\n  dismiss: {\n    borderRadius: 24,\n    height: 24,\n    position: 'absolute',\n    right: 8,\n    top: 8,\n    width: 24,\n  },\n  fileContainer: {\n    borderRadius: 12,\n    borderWidth: 1,\n    flexDirection: 'row',\n    height: FILE_PREVIEW_HEIGHT,\n    justifyContent: 'space-between',\n    marginBottom: 8,\n    paddingLeft: 8,\n    paddingRight: 8,\n  },\n  fileContentContainer: { flexDirection: 'row' },\n  fileIcon: {\n    alignItems: 'center',\n    alignSelf: 'center',\n    justifyContent: 'center',\n  },\n  filenameText: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingHorizontal: 10,\n  },\n  fileSizeText: {\n    fontSize: 12,\n    paddingHorizontal: 10,\n  },\n  fileTextContainer: {\n    height: '100%',\n    justifyContent: 'space-around',\n  },\n  flatList: { marginBottom: 12, maxHeight: FILE_PREVIEW_HEIGHT * 2.5 + 16 },\n  overlay: {\n    borderRadius: 12,\n    marginLeft: 8,\n    marginRight: 8,\n  },\n  unsupportedFile: {\n    flexDirection: 'row',\n    paddingLeft: 10,\n  },\n  unsupportedFileText: {\n    fontSize: 12,\n    marginHorizontal: 4,\n  },\n  warningIconStyle: {\n    borderRadius: 24,\n    marginTop: 2,\n  },\n});\n\nconst UnsupportedFileTypeOrFileSizeIndicator = ({\n  indicatorType,\n  item,\n}: {\n  indicatorType: typeof ProgressIndicatorTypes[keyof typeof ProgressIndicatorTypes];\n  item: FileUpload;\n}) => {\n  const {\n    theme: {\n      colors: { accent_red, grey, grey_dark },\n      messageInput: {\n        fileUploadPreview: { fileSizeText },\n      },\n    },\n  } = useTheme();\n\n  const { t } = useTranslationContext();\n\n  return indicatorType === ProgressIndicatorTypes.NOT_SUPPORTED ? (\n    <View style={styles.unsupportedFile}>\n      <Warning\n        height={WARNING_ICON_SIZE}\n        pathFill={accent_red}\n        style={styles.warningIconStyle}\n        width={WARNING_ICON_SIZE}\n      />\n      <Text style={[styles.unsupportedFileText, { color: grey_dark }]}>\n        {t('File type not supported')}\n      </Text>\n    </View>\n  ) : (\n    <WritingDirectionAwareText style={[styles.fileSizeText, { color: grey }, fileSizeText]}>\n      {item.file.duration || getFileSizeDisplayText(item.file.size)}\n    </WritingDirectionAwareText>\n  );\n};\n\ntype FileUploadPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'fileUploads' | 'removeFile' | 'uploadFile' | 'setFileUploads'\n> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'AudioAttachment' | 'FileAttachmentIcon'> &\n  Pick<ChatContextValue<StreamChatGenerics>, 'enableOfflineSupport'>;\n\nconst FileUploadPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: FileUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    AudioAttachment,\n    enableOfflineSupport,\n    FileAttachmentIcon,\n    fileUploads,\n    removeFile,\n    setFileUploads,\n    uploadFile,\n  } = props;\n\n  const flatListRef = useRef<FlatList<FileUpload> | null>(null);\n  const [flatListWidth, setFlatListWidth] = useState(0);\n\n  // Handler triggered when an audio is loaded in the message input. The initial state is defined for the audio here and the duration is set.\n  const onLoad = (index: string, duration: number) => {\n    setFileUploads((prevFileUploads) =>\n      prevFileUploads.map((fileUpload) => ({\n        ...fileUpload,\n        duration: fileUpload.id === index ? duration : fileUpload.duration,\n      })),\n    );\n  };\n\n  // The handler which is triggered when the audio progresses/ the thumb is dragged in the progress control. The progressed duration is set here.\n  const onProgress = (index: string, currentTime?: number, hasEnd?: boolean) => {\n    setFileUploads((prevFileUploads) =>\n      prevFileUploads.map((fileUpload) => ({\n        ...fileUpload,\n        progress:\n          fileUpload.id === index\n            ? hasEnd\n              ? 1\n              : currentTime\n              ? currentTime / (fileUpload.duration as number)\n              : 0\n            : fileUpload.progress,\n      })),\n    );\n  };\n\n  // The handler which controls or sets the paused/played state of the audio.\n  const onPlayPause = (index: string, pausedStatus?: boolean) => {\n    if (pausedStatus === false) {\n      // If the status is false we set the audio with the index as playing and the others as paused.\n      setFileUploads((prevFileUploads) =>\n        prevFileUploads.map((fileUpload) => ({\n          ...fileUpload,\n          paused: fileUpload.id === index ? false : true,\n        })),\n      );\n    } else {\n      // If the status is true we simply set all the audio's paused state as true.\n      setFileUploads((prevFileUploads) =>\n        prevFileUploads.map((fileUpload) => ({\n          ...fileUpload,\n          paused: true,\n        })),\n      );\n    }\n  };\n\n  const {\n    theme: {\n      colors: { black, grey_dark, grey_gainsboro, grey_whisper, white },\n      messageInput: {\n        fileUploadPreview: {\n          audioAttachmentFileContainer,\n          dismiss,\n          fileContainer,\n          fileContentContainer,\n          filenameText,\n          fileTextContainer,\n          flatList,\n        },\n      },\n    },\n  } = useTheme();\n\n  const renderItem = ({ index, item }: { index: number; item: FileUpload }) => {\n    const indicatorType = getIndicatorTypeForFileState(item.state, enableOfflineSupport);\n\n    const lastIndexOfDot = item.file.name.lastIndexOf('.');\n\n    return (\n      <>\n        <UploadProgressIndicator\n          action={() => {\n            uploadFile({ newFile: item });\n          }}\n          style={styles.overlay}\n          type={indicatorType}\n        >\n          {item.file.type?.startsWith('audio/') && isAudioPackageAvailable() ? (\n            <View\n              style={[\n                { marginBottom: item.state === FileState.UPLOADED ? 8 : 0 },\n                audioAttachmentFileContainer,\n              ]}\n            >\n              <View\n                style={[\n                  styles.fileContainer,\n                  index === fileUploads.length - 1\n                    ? {\n                        marginBottom: 0,\n                      }\n                    : {},\n                  {\n                    backgroundColor: white,\n                    borderColor: grey_whisper,\n                    width: -16,\n                  },\n                  fileContainer,\n                ]}\n                testID='audio-attachment-upload-preview'\n              >\n                <AudioAttachment\n                  item={item}\n                  onLoad={onLoad}\n                  onPlayPause={onPlayPause}\n                  onProgress={onProgress}\n                  testID='audio-attachment-upload-preview'\n                />\n              </View>\n            </View>\n          ) : (\n            <View\n              style={[\n                styles.fileContainer,\n                index === fileUploads.length - 1\n                  ? {\n                      marginBottom: 0,\n                    }\n                  : {},\n                {\n                  borderColor: grey_whisper,\n                  width: flatListWidth - 16,\n                },\n                fileContainer,\n              ]}\n            >\n              <View style={[styles.fileContentContainer, fileContentContainer]}>\n                <View style={styles.fileIcon}>\n                  <FileAttachmentIcon mimeType={item.file.type} />\n                </View>\n                <View style={[styles.fileTextContainer, fileTextContainer]}>\n                  <Text\n                    numberOfLines={1}\n                    style={[\n                      styles.filenameText,\n                      {\n                        color: black,\n                        width:\n                          flatListWidth -\n                          16 - // 16 = horizontal padding\n                          40 - // 40 = file icon size\n                          24 - // 24 = close icon size\n                          24, // 24 = internal padding\n                      },\n                      I18nManager.isRTL ? { writingDirection: 'rtl' } : { writingDirection: 'ltr' },\n                      filenameText,\n                    ]}\n                  >\n                    {item.file.name.slice(0, 12) + '...' + item.file.name.slice(lastIndexOfDot)}\n                  </Text>\n                  {indicatorType !== null && (\n                    <UnsupportedFileTypeOrFileSizeIndicator\n                      indicatorType={indicatorType}\n                      item={item}\n                    />\n                  )}\n                </View>\n              </View>\n            </View>\n          )}\n          <TouchableOpacity\n            onPress={() => {\n              removeFile(item.id);\n            }}\n            style={[styles.dismiss, { backgroundColor: grey_gainsboro }, dismiss]}\n            testID='remove-file-upload-preview'\n          >\n            <Close pathFill={grey_dark} />\n          </TouchableOpacity>\n        </UploadProgressIndicator>\n      </>\n    );\n  };\n\n  const fileUploadsLength = fileUploads.length;\n\n  useEffect(() => {\n    if (fileUploadsLength && flatListRef.current) {\n      setTimeout(() => flatListRef.current?.scrollToEnd(), 1);\n    }\n  }, [fileUploadsLength]);\n\n  return fileUploadsLength ? (\n    <FlatList\n      data={fileUploads}\n      getItemLayout={(_, index) => ({\n        index,\n        length: FILE_PREVIEW_HEIGHT + 8,\n        offset: (FILE_PREVIEW_HEIGHT + 8) * index,\n      })}\n      keyExtractor={(item) => `${item.id}`}\n      onLayout={({\n        nativeEvent: {\n          layout: { width },\n        },\n      }) => {\n        setFlatListWidth(width);\n      }}\n      ref={flatListRef}\n      renderItem={renderItem}\n      style={[styles.flatList, flatList]}\n    />\n  ) : null;\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: FileUploadPreviewPropsWithContext<StreamChatGenerics>,\n  nextProps: FileUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { fileUploads: prevFileUploads } = prevProps;\n  const { fileUploads: nextFileUploads } = nextProps;\n\n  return (\n    prevFileUploads.length === nextFileUploads.length &&\n    prevFileUploads.every(\n      (prevFileUpload, index) =>\n        prevFileUpload.state === nextFileUploads[index].state &&\n        prevFileUpload.paused === nextFileUploads[index].paused &&\n        prevFileUpload.progress === nextFileUploads[index].progress &&\n        prevFileUpload.duration === nextFileUploads[index].duration,\n    )\n  );\n};\n\nconst MemoizedFileUploadPreview = React.memo(\n  FileUploadPreviewWithContext,\n  areEqual,\n) as typeof FileUploadPreviewWithContext;\n\nexport type FileUploadPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<FileUploadPreviewPropsWithContext<StreamChatGenerics>>;\n\n/**\n * FileUploadPreview\n * UI Component to preview the files set for upload\n */\nexport const FileUploadPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: FileUploadPreviewProps<StreamChatGenerics>,\n) => {\n  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();\n  const { fileUploads, removeFile, setFileUploads, uploadFile } =\n    useMessageInputContext<StreamChatGenerics>();\n  const { AudioAttachment, FileAttachmentIcon } = useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedFileUploadPreview\n      {...{\n        AudioAttachment,\n        FileAttachmentIcon,\n        fileUploads,\n        removeFile,\n        setFileUploads,\n        uploadFile,\n      }}\n      {...{ enableOfflineSupport }}\n      {...props}\n    />\n  );\n};\n\nFileUploadPreview.displayName = 'FileUploadPreview{messageInput{fileUploadPreview}}';\n"]}
+{"version":3,"names":["FILE_PREVIEW_HEIGHT","WARNING_ICON_SIZE","styles","StyleSheet","create","dismiss","borderRadius","height","position","right","top","width","fileContainer","borderWidth","flexDirection","justifyContent","marginBottom","paddingLeft","paddingRight","fileContentContainer","fileIcon","alignItems","alignSelf","filenameText","fontSize","fontWeight","paddingHorizontal","fileSizeText","fileTextContainer","flatList","maxHeight","overlay","marginLeft","marginRight","unsupportedFile","unsupportedFileText","marginHorizontal","warningIconStyle","marginTop","UnsupportedFileTypeOrFileSizeIndicator","indicatorType","item","useTheme","theme","colors","accent_red","grey","grey_dark","messageInput","fileUploadPreview","useTranslationContext","t","ProgressIndicatorTypes","NOT_SUPPORTED","color","file","duration","getFileSizeDisplayText","size","FileUploadPreviewWithContext","props","AudioAttachment","enableOfflineSupport","FileAttachmentIcon","fileUploads","removeFile","setFileUploads","uploadFile","flatListRef","useRef","useState","flatListWidth","setFlatListWidth","onLoad","index","prevFileUploads","map","fileUpload","id","onProgress","currentTime","hasEnd","progress","onPlayPause","pausedStatus","paused","black","grey_gainsboro","grey_whisper","white","audioAttachmentFileContainer","renderItem","getIndicatorTypeForFileState","state","lastIndexOfDot","name","lastIndexOf","newFile","type","startsWith","isAudioPackageAvailable","FileState","UPLOADED","length","backgroundColor","borderColor","I18nManager","isRTL","writingDirection","slice","fileUploadsLength","useEffect","current","setTimeout","scrollToEnd","_","offset","nativeEvent","layout","areEqual","prevProps","nextProps","nextFileUploads","every","prevFileUpload","MemoizedFileUploadPreview","React","memo","FileUploadPreview","useChatContext","useMessageInputContext","useMessagesContext","displayName"],"sources":["FileUploadPreview.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { FlatList, I18nManager, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { UploadProgressIndicator } from './UploadProgressIndicator';\n\nimport { ChatContextValue, useChatContext } from '../../contexts';\nimport {\n  FileUpload,\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Close } from '../../icons/Close';\nimport { Warning } from '../../icons/Warning';\nimport { isAudioPackageAvailable } from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { FileState, getIndicatorTypeForFileState, ProgressIndicatorTypes } from '../../utils/utils';\nimport { getFileSizeDisplayText } from '../Attachment/FileAttachment';\nimport { WritingDirectionAwareText } from '../RTLComponents/WritingDirectionAwareText';\n\nconst FILE_PREVIEW_HEIGHT = 60;\nconst WARNING_ICON_SIZE = 16;\n\nconst styles = StyleSheet.create({\n  dismiss: {\n    borderRadius: 24,\n    height: 24,\n    position: 'absolute',\n    right: 8,\n    top: 8,\n    width: 24,\n  },\n  fileContainer: {\n    borderRadius: 12,\n    borderWidth: 1,\n    flexDirection: 'row',\n    height: FILE_PREVIEW_HEIGHT,\n    justifyContent: 'space-between',\n    marginBottom: 8,\n    paddingLeft: 8,\n    paddingRight: 8,\n  },\n  fileContentContainer: { flexDirection: 'row' },\n  fileIcon: {\n    alignItems: 'center',\n    alignSelf: 'center',\n    justifyContent: 'center',\n  },\n  filenameText: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingHorizontal: 10,\n  },\n  fileSizeText: {\n    fontSize: 12,\n    paddingHorizontal: 10,\n  },\n  fileTextContainer: {\n    height: '100%',\n    justifyContent: 'space-around',\n  },\n  flatList: { marginBottom: 12, maxHeight: FILE_PREVIEW_HEIGHT * 2.5 + 16 },\n  overlay: {\n    borderRadius: 12,\n    marginLeft: 8,\n    marginRight: 8,\n  },\n  unsupportedFile: {\n    flexDirection: 'row',\n    paddingLeft: 10,\n  },\n  unsupportedFileText: {\n    fontSize: 12,\n    marginHorizontal: 4,\n  },\n  warningIconStyle: {\n    borderRadius: 24,\n    marginTop: 2,\n  },\n});\n\nconst UnsupportedFileTypeOrFileSizeIndicator = ({\n  indicatorType,\n  item,\n}: {\n  indicatorType: typeof ProgressIndicatorTypes[keyof typeof ProgressIndicatorTypes];\n  item: FileUpload;\n}) => {\n  const {\n    theme: {\n      colors: { accent_red, grey, grey_dark },\n      messageInput: {\n        fileUploadPreview: { fileSizeText },\n      },\n    },\n  } = useTheme();\n\n  const { t } = useTranslationContext();\n\n  return indicatorType === ProgressIndicatorTypes.NOT_SUPPORTED ? (\n    <View style={styles.unsupportedFile}>\n      <Warning\n        height={WARNING_ICON_SIZE}\n        pathFill={accent_red}\n        style={styles.warningIconStyle}\n        width={WARNING_ICON_SIZE}\n      />\n      <Text style={[styles.unsupportedFileText, { color: grey_dark }]}>\n        {t('File type not supported')}\n      </Text>\n    </View>\n  ) : (\n    <WritingDirectionAwareText style={[styles.fileSizeText, { color: grey }, fileSizeText]}>\n      {item.file.duration || getFileSizeDisplayText(item.file.size)}\n    </WritingDirectionAwareText>\n  );\n};\n\ntype FileUploadPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'fileUploads' | 'removeFile' | 'uploadFile' | 'setFileUploads'\n> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'AudioAttachment' | 'FileAttachmentIcon'> &\n  Pick<ChatContextValue<StreamChatGenerics>, 'enableOfflineSupport'>;\n\nconst FileUploadPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: FileUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    AudioAttachment,\n    enableOfflineSupport,\n    FileAttachmentIcon,\n    fileUploads,\n    removeFile,\n    setFileUploads,\n    uploadFile,\n  } = props;\n\n  const flatListRef = useRef<FlatList<FileUpload> | null>(null);\n  const [flatListWidth, setFlatListWidth] = useState(0);\n\n  // Handler triggered when an audio is loaded in the message input. The initial state is defined for the audio here and the duration is set.\n  const onLoad = (index: string, duration: number) => {\n    setFileUploads((prevFileUploads) =>\n      prevFileUploads.map((fileUpload) => ({\n        ...fileUpload,\n        duration: fileUpload.id === index ? duration : fileUpload.duration,\n      })),\n    );\n  };\n\n  // The handler which is triggered when the audio progresses/ the thumb is dragged in the progress control. The progressed duration is set here.\n  const onProgress = (index: string, currentTime?: number, hasEnd?: boolean) => {\n    setFileUploads((prevFileUploads) =>\n      prevFileUploads.map((fileUpload) => ({\n        ...fileUpload,\n        progress:\n          fileUpload.id === index\n            ? hasEnd\n              ? 1\n              : currentTime\n              ? currentTime / (fileUpload.duration as number)\n              : 0\n            : fileUpload.progress,\n      })),\n    );\n  };\n\n  // The handler which controls or sets the paused/played state of the audio.\n  const onPlayPause = (index: string, pausedStatus?: boolean) => {\n    if (pausedStatus === false) {\n      // If the status is false we set the audio with the index as playing and the others as paused.\n      setFileUploads((prevFileUploads) =>\n        prevFileUploads.map((fileUpload) => ({\n          ...fileUpload,\n          paused: fileUpload.id === index ? false : true,\n        })),\n      );\n    } else {\n      // If the status is true we simply set all the audio's paused state as true.\n      setFileUploads((prevFileUploads) =>\n        prevFileUploads.map((fileUpload) => ({\n          ...fileUpload,\n          paused: true,\n        })),\n      );\n    }\n  };\n\n  const {\n    theme: {\n      colors: { black, grey_dark, grey_gainsboro, grey_whisper, white },\n      messageInput: {\n        fileUploadPreview: {\n          audioAttachmentFileContainer,\n          dismiss,\n          fileContainer,\n          fileContentContainer,\n          filenameText,\n          fileTextContainer,\n          flatList,\n        },\n      },\n    },\n  } = useTheme();\n\n  const renderItem = ({ index, item }: { index: number; item: FileUpload }) => {\n    const indicatorType = getIndicatorTypeForFileState(item.state, enableOfflineSupport);\n\n    const lastIndexOfDot = item.file.name.lastIndexOf('.');\n\n    return (\n      <>\n        <UploadProgressIndicator\n          action={() => {\n            uploadFile({ newFile: item });\n          }}\n          style={styles.overlay}\n          type={indicatorType}\n        >\n          {item.file.type?.startsWith('audio/') && isAudioPackageAvailable() ? (\n            <View\n              style={[\n                { marginBottom: item.state === FileState.UPLOADED ? 8 : 0 },\n                audioAttachmentFileContainer,\n              ]}\n            >\n              <View\n                style={[\n                  styles.fileContainer,\n                  index === fileUploads.length - 1\n                    ? {\n                        marginBottom: 0,\n                      }\n                    : {},\n                  {\n                    backgroundColor: white,\n                    borderColor: grey_whisper,\n                    width: -16,\n                  },\n                  fileContainer,\n                ]}\n                testID='audio-attachment-upload-preview'\n              >\n                <AudioAttachment\n                  item={item}\n                  onLoad={onLoad}\n                  onPlayPause={onPlayPause}\n                  onProgress={onProgress}\n                  testID='audio-attachment-upload-preview'\n                />\n              </View>\n            </View>\n          ) : (\n            <View\n              style={[\n                styles.fileContainer,\n                index === fileUploads.length - 1\n                  ? {\n                      marginBottom: 0,\n                    }\n                  : {},\n                {\n                  borderColor: grey_whisper,\n                  width: flatListWidth - 16,\n                },\n                fileContainer,\n              ]}\n            >\n              <View style={[styles.fileContentContainer, fileContentContainer]}>\n                <View style={styles.fileIcon}>\n                  <FileAttachmentIcon mimeType={item.file.type} />\n                </View>\n                <View style={[styles.fileTextContainer, fileTextContainer]}>\n                  <Text\n                    numberOfLines={1}\n                    style={[\n                      styles.filenameText,\n                      {\n                        color: black,\n                        width:\n                          flatListWidth -\n                          16 - // 16 = horizontal padding\n                          40 - // 40 = file icon size\n                          24 - // 24 = close icon size\n                          24, // 24 = internal padding\n                      },\n                      I18nManager.isRTL ? { writingDirection: 'rtl' } : { writingDirection: 'ltr' },\n                      filenameText,\n                    ]}\n                  >\n                    {item.file.name.slice(0, 12) + '...' + item.file.name.slice(lastIndexOfDot)}\n                  </Text>\n                  {indicatorType !== null && (\n                    <UnsupportedFileTypeOrFileSizeIndicator\n                      indicatorType={indicatorType}\n                      item={item}\n                    />\n                  )}\n                </View>\n              </View>\n            </View>\n          )}\n          <TouchableOpacity\n            onPress={() => {\n              removeFile(item.id);\n            }}\n            style={[styles.dismiss, { backgroundColor: grey_gainsboro }, dismiss]}\n            testID='remove-file-upload-preview'\n          >\n            <Close pathFill={grey_dark} />\n          </TouchableOpacity>\n        </UploadProgressIndicator>\n      </>\n    );\n  };\n\n  const fileUploadsLength = fileUploads.length;\n\n  useEffect(() => {\n    if (fileUploadsLength && flatListRef.current) {\n      setTimeout(() => flatListRef.current?.scrollToEnd(), 1);\n    }\n  }, [fileUploadsLength]);\n\n  return fileUploadsLength ? (\n    <FlatList\n      data={fileUploads}\n      getItemLayout={(_, index) => ({\n        index,\n        length: FILE_PREVIEW_HEIGHT + 8,\n        offset: (FILE_PREVIEW_HEIGHT + 8) * index,\n      })}\n      keyExtractor={(item) => `${item.id}`}\n      onLayout={({\n        nativeEvent: {\n          layout: { width },\n        },\n      }) => {\n        setFlatListWidth(width);\n      }}\n      ref={flatListRef}\n      renderItem={renderItem}\n      style={[styles.flatList, flatList]}\n    />\n  ) : null;\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: FileUploadPreviewPropsWithContext<StreamChatGenerics>,\n  nextProps: FileUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { fileUploads: prevFileUploads } = prevProps;\n  const { fileUploads: nextFileUploads } = nextProps;\n\n  return (\n    prevFileUploads.length === nextFileUploads.length &&\n    prevFileUploads.every(\n      (prevFileUpload, index) =>\n        prevFileUpload.state === nextFileUploads[index].state &&\n        prevFileUpload.paused === nextFileUploads[index].paused &&\n        prevFileUpload.progress === nextFileUploads[index].progress &&\n        prevFileUpload.duration === nextFileUploads[index].duration,\n    )\n  );\n};\n\nconst MemoizedFileUploadPreview = React.memo(\n  FileUploadPreviewWithContext,\n  areEqual,\n) as typeof FileUploadPreviewWithContext;\n\nexport type FileUploadPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<FileUploadPreviewPropsWithContext<StreamChatGenerics>>;\n\n/**\n * FileUploadPreview\n * UI Component to preview the files set for upload\n */\nexport const FileUploadPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: FileUploadPreviewProps<StreamChatGenerics>,\n) => {\n  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();\n  const { fileUploads, removeFile, setFileUploads, uploadFile } =\n    useMessageInputContext<StreamChatGenerics>();\n  const { AudioAttachment, FileAttachmentIcon } = useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedFileUploadPreview\n      {...{\n        AudioAttachment,\n        FileAttachmentIcon,\n        fileUploads,\n        removeFile,\n        setFileUploads,\n        uploadFile,\n      }}\n      {...{ enableOfflineSupport }}\n      {...props}\n    />\n  );\n};\n\nFileUploadPreview.displayName = 'FileUploadPreview{messageInput{fileUploadPreview}}';\n"],"mappings":"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"}

package/lib/module/components/MessageInput/ImageUploadPreview.js

@@ -1,38 +1,23 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageUploadPreview = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _UploadProgressIndicator = require("./UploadProgressIndicator");
-
 var _contexts = require("../../contexts");
-
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _Close = require("../../icons/Close");
-
 var _Warning = require("../../icons/Warning");
-
 var _utils = require("../../utils/utils");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/ImageUploadPreview.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/ImageUploadPreview.tsx";
 var IMAGE_PREVIEW_SIZE = 100;
 var WARNING_ICON_SIZE = 16;
-
 var styles = _reactNative.StyleSheet.create({
   dismiss: {
     borderRadius: 24,
@@ -81,31 +66,25 @@ var styles = _reactNative.StyleSheet.create({
     marginHorizontal: 4
   }
 });
-
 var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props) {
   var enableOfflineSupport = props.enableOfflineSupport,
-      imageUploads = props.imageUploads,
-      removeImage = props.removeImage,
-      uploadImage = props.uploadImage;
-
+    imageUploads = props.imageUploads,
+    removeImage = props.removeImage,
+    uploadImage = props.uploadImage;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme$messa = _useTheme.theme.messageInput.imageUploadPreview,
-      flatList = _useTheme$theme$messa.flatList,
-      itemContainer = _useTheme$theme$messa.itemContainer,
-      upload = _useTheme$theme$messa.upload;
-
+    _useTheme$theme$messa = _useTheme.theme.messageInput.imageUploadPreview,
+    flatList = _useTheme$theme$messa.flatList,
+    itemContainer = _useTheme$theme$messa.itemContainer,
+    upload = _useTheme$theme$messa.upload;
   var UnsupportedImageTypeIndicator = function UnsupportedImageTypeIndicator(_ref) {
     var indicatorType = _ref.indicatorType;
-
     var _useTheme2 = (0, _ThemeContext.useTheme)(),
-        _useTheme2$theme$colo = _useTheme2.theme.colors,
-        accent_red = _useTheme2$theme$colo.accent_red,
-        overlay = _useTheme2$theme$colo.overlay,
-        white = _useTheme2$theme$colo.white;
-
+      _useTheme2$theme$colo = _useTheme2.theme.colors,
+      accent_red = _useTheme2$theme$colo.accent_red,
+      overlay = _useTheme2$theme$colo.overlay,
+      white = _useTheme2$theme$colo.white;
     var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-        t = _useTranslationContex.t;
-
+      t = _useTranslationContex.t;
     return indicatorType === _utils.ProgressIndicatorTypes.NOT_SUPPORTED ? _react["default"].createElement(_reactNative.View, {
       style: [styles.unsupportedImage, {
         backgroundColor: overlay
@@ -147,10 +126,9 @@ var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props
       }
     }, t('Not supported')))) : null;
   };
-
   var renderItem = function renderItem(_ref2) {
     var index = _ref2.index,
-        item = _ref2.item;
+      item = _ref2.item;
     var indicatorType = (0, _utils.getIndicatorTypeForFileState)(item.state, enableOfflineSupport);
     var itemMarginForIndex = index === imageUploads.length - 1 ? {
       marginRight: 8
@@ -209,7 +187,6 @@ var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props
       }
     }));
   };
-
   return imageUploads.length > 0 ? _react["default"].createElement(_reactNative.FlatList, {
     data: imageUploads,
     getItemLayout: function getItemLayout(_, index) {
@@ -233,19 +210,16 @@ var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props
     }
   }) : null;
 };
-
 var DismissUpload = function DismissUpload(_ref3) {
   var onPress = _ref3.onPress;
-
   var _useTheme3 = (0, _ThemeContext.useTheme)(),
-      _useTheme3$theme = _useTheme3.theme,
-      _useTheme3$theme$colo = _useTheme3$theme.colors,
-      overlay = _useTheme3$theme$colo.overlay,
-      white = _useTheme3$theme$colo.white,
-      _useTheme3$theme$mess = _useTheme3$theme.messageInput.imageUploadPreview,
-      dismiss = _useTheme3$theme$mess.dismiss,
-      dismissIconColor = _useTheme3$theme$mess.dismissIconColor;
-
+    _useTheme3$theme = _useTheme3.theme,
+    _useTheme3$theme$colo = _useTheme3$theme.colors,
+    overlay = _useTheme3$theme$colo.overlay,
+    white = _useTheme3$theme$colo.white,
+    _useTheme3$theme$mess = _useTheme3$theme.messageInput.imageUploadPreview,
+    dismiss = _useTheme3$theme$mess.dismiss,
+    dismissIconColor = _useTheme3$theme$mess.dismissIconColor;
   return _react["default"].createElement(_reactNative.TouchableOpacity, {
     onPress: onPress,
     style: [styles.dismiss, {
@@ -268,7 +242,6 @@ var DismissUpload = function DismissUpload(_ref3) {
     }
   }));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevImageUploads = prevProps.imageUploads;
   var nextImageUploads = nextProps.imageUploads;
@@ -276,18 +249,14 @@ var areEqual = function areEqual(prevProps, nextProps) {
     return prevImageUpload.state === nextImageUploads[index].state;
   });
 };
-
 var MemoizedImageUploadPreviewWithContext = _react["default"].memo(ImageUploadPreviewWithContext, areEqual);
-
 var ImageUploadPreview = function ImageUploadPreview(props) {
   var _useChatContext = (0, _contexts.useChatContext)(),
-      enableOfflineSupport = _useChatContext.enableOfflineSupport;
-
+    enableOfflineSupport = _useChatContext.enableOfflineSupport;
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-      imageUploads = _useMessageInputConte.imageUploads,
-      removeImage = _useMessageInputConte.removeImage,
-      uploadImage = _useMessageInputConte.uploadImage;
-
+    imageUploads = _useMessageInputConte.imageUploads,
+    removeImage = _useMessageInputConte.removeImage,
+    uploadImage = _useMessageInputConte.uploadImage;
   return _react["default"].createElement(MemoizedImageUploadPreviewWithContext, (0, _extends2["default"])({
     imageUploads: imageUploads,
     removeImage: removeImage,
@@ -302,7 +271,6 @@ var ImageUploadPreview = function ImageUploadPreview(props) {
     }
   }));
 };
-
 exports.ImageUploadPreview = ImageUploadPreview;
 ImageUploadPreview.displayName = 'ImageUploadPreview{messageInput{imageUploadPreview}}';
 //# sourceMappingURL=ImageUploadPreview.js.map

package/lib/module/components/MessageInput/ImageUploadPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageUploadPreview.tsx"],"names":["IMAGE_PREVIEW_SIZE","WARNING_ICON_SIZE","styles","StyleSheet","create","dismiss","borderRadius","position","right","top","fileSizeText","fontSize","paddingHorizontal","flatList","paddingBottom","iconContainer","alignItems","flexDirection","justifyContent","itemContainer","height","marginLeft","unsupportedImage","bottom","marginHorizontal","upload","width","warningIconStyle","marginTop","warningText","color","ImageUploadPreviewWithContext","props","enableOfflineSupport","imageUploads","removeImage","uploadImage","theme","messageInput","imageUploadPreview","UnsupportedImageTypeIndicator","indicatorType","colors","accent_red","overlay","white","t","ProgressIndicatorTypes","NOT_SUPPORTED","backgroundColor","renderItem","index","item","state","itemMarginForIndex","length","marginRight","newImage","uri","file","url","id","_","offset","DismissUpload","onPress","dismissIconColor","areEqual","prevProps","nextProps","prevImageUploads","nextImageUploads","every","prevImageUpload","MemoizedImageUploadPreviewWithContext","React","memo","ImageUploadPreview","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  FlatList,\n  Image,\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  TouchableOpacityProps,\n  View,\n} from 'react-native';\n\nimport { UploadProgressIndicator } from './UploadProgressIndicator';\n\nimport { ChatContextValue, useChatContext } from '../../contexts';\nimport {\n  ImageUpload,\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Close } from '../../icons/Close';\nimport { Warning } from '../../icons/Warning';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getIndicatorTypeForFileState, ProgressIndicatorTypes } from '../../utils/utils';\n\nconst IMAGE_PREVIEW_SIZE = 100;\nconst WARNING_ICON_SIZE = 16;\n\nconst styles = StyleSheet.create({\n  dismiss: {\n    borderRadius: 24,\n    position: 'absolute',\n    right: 8,\n    top: 8,\n  },\n  fileSizeText: {\n    fontSize: 12,\n    paddingHorizontal: 10,\n  },\n  flatList: { paddingBottom: 12 },\n  iconContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n  itemContainer: {\n    flexDirection: 'row',\n    height: IMAGE_PREVIEW_SIZE,\n    marginLeft: 8,\n  },\n  unsupportedImage: {\n    borderRadius: 20,\n    bottom: 8,\n    flexDirection: 'row',\n    marginHorizontal: 3,\n    position: 'absolute',\n  },\n  upload: {\n    borderRadius: 10,\n    height: IMAGE_PREVIEW_SIZE,\n    width: IMAGE_PREVIEW_SIZE,\n  },\n  warningIconStyle: {\n    borderRadius: 24,\n    marginTop: 6,\n  },\n  warningText: {\n    alignItems: 'center',\n    color: 'black',\n    fontSize: 10,\n    justifyContent: 'center',\n    marginHorizontal: 4,\n  },\n});\n\ntype ImageUploadPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'imageUploads' | 'removeImage' | 'uploadImage'\n> &\n  Pick<ChatContextValue<StreamChatGenerics>, 'enableOfflineSupport'>;\n\nexport type ImageUploadPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<ImageUploadPreviewPropsWithContext<StreamChatGenerics>>;\n\ntype ImageUploadPreviewItem = { index: number; item: ImageUpload };\n\nconst ImageUploadPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { enableOfflineSupport, imageUploads, removeImage, uploadImage } = props;\n\n  const {\n    theme: {\n      messageInput: {\n        imageUploadPreview: { flatList, itemContainer, upload },\n      },\n    },\n  } = useTheme();\n\n  const UnsupportedImageTypeIndicator = ({\n    indicatorType,\n  }: {\n    indicatorType: typeof ProgressIndicatorTypes[keyof typeof ProgressIndicatorTypes] | null;\n  }) => {\n    const {\n      theme: {\n        colors: { accent_red, overlay, white },\n      },\n    } = useTheme();\n\n    const { t } = useTranslationContext();\n    return indicatorType === ProgressIndicatorTypes.NOT_SUPPORTED ? (\n      <View style={[styles.unsupportedImage, { backgroundColor: overlay }]}>\n        <View style={[styles.iconContainer]}>\n          <Warning\n            height={WARNING_ICON_SIZE}\n            pathFill={accent_red}\n            style={styles.warningIconStyle}\n            width={WARNING_ICON_SIZE}\n          />\n          <Text style={[styles.warningText, { color: white }]}>{t('Not supported')}</Text>\n        </View>\n      </View>\n    ) : null;\n  };\n\n  const renderItem = ({ index, item }: ImageUploadPreviewItem) => {\n    const indicatorType = getIndicatorTypeForFileState(item.state, enableOfflineSupport);\n    const itemMarginForIndex = index === imageUploads.length - 1 ? { marginRight: 8 } : {};\n\n    return (\n      <View style={[styles.itemContainer, itemMarginForIndex, itemContainer]}>\n        <UploadProgressIndicator\n          action={() => {\n            uploadImage({ newImage: item });\n          }}\n          style={styles.upload}\n          type={indicatorType}\n        >\n          <Image\n            resizeMode='cover'\n            source={{ uri: item.file.uri || item.url }}\n            style={[styles.upload, upload]}\n          />\n        </UploadProgressIndicator>\n        <DismissUpload\n          onPress={() => {\n            removeImage(item.id);\n          }}\n        />\n        <UnsupportedImageTypeIndicator indicatorType={indicatorType} />\n      </View>\n    );\n  };\n\n  return imageUploads.length > 0 ? (\n    <FlatList\n      data={imageUploads}\n      getItemLayout={(_, index) => ({\n        index,\n        length: IMAGE_PREVIEW_SIZE + 8,\n        offset: (IMAGE_PREVIEW_SIZE + 8) * index,\n      })}\n      horizontal\n      keyExtractor={(item) => item.id}\n      renderItem={renderItem}\n      style={[styles.flatList, flatList]}\n    />\n  ) : null;\n};\n\ntype DismissUploadProps = Pick<TouchableOpacityProps, 'onPress'>;\n\nconst DismissUpload = ({ onPress }: DismissUploadProps) => {\n  const {\n    theme: {\n      colors: { overlay, white },\n      messageInput: {\n        imageUploadPreview: { dismiss, dismissIconColor },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity\n      onPress={onPress}\n      style={[styles.dismiss, { backgroundColor: overlay }, dismiss]}\n      testID='remove-image-upload-preview'\n    >\n      <Close pathFill={dismissIconColor || white} />\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,\n  nextProps: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { imageUploads: prevImageUploads } = prevProps;\n  const { imageUploads: nextImageUploads } = nextProps;\n\n  return (\n    prevImageUploads.length === nextImageUploads.length &&\n    prevImageUploads.every(\n      (prevImageUpload, index) => prevImageUpload.state === nextImageUploads[index].state,\n    )\n  );\n};\n\nconst MemoizedImageUploadPreviewWithContext = React.memo(\n  ImageUploadPreviewWithContext,\n  areEqual,\n) as typeof ImageUploadPreviewWithContext;\n\n/**\n * UI Component to preview the images set for upload\n */\nexport const ImageUploadPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ImageUploadPreviewProps<StreamChatGenerics>,\n) => {\n  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();\n  const { imageUploads, removeImage, uploadImage } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedImageUploadPreviewWithContext\n      {...{ imageUploads, removeImage, uploadImage }}\n      {...{ enableOfflineSupport }}\n      {...props}\n    />\n  );\n};\n\nImageUploadPreview.displayName = 'ImageUploadPreview{messageInput{imageUploadPreview}}';\n"]}
+{"version":3,"names":["IMAGE_PREVIEW_SIZE","WARNING_ICON_SIZE","styles","StyleSheet","create","dismiss","borderRadius","position","right","top","fileSizeText","fontSize","paddingHorizontal","flatList","paddingBottom","iconContainer","alignItems","flexDirection","justifyContent","itemContainer","height","marginLeft","unsupportedImage","bottom","marginHorizontal","upload","width","warningIconStyle","marginTop","warningText","color","ImageUploadPreviewWithContext","props","enableOfflineSupport","imageUploads","removeImage","uploadImage","useTheme","theme","messageInput","imageUploadPreview","UnsupportedImageTypeIndicator","indicatorType","colors","accent_red","overlay","white","useTranslationContext","t","ProgressIndicatorTypes","NOT_SUPPORTED","backgroundColor","renderItem","index","item","getIndicatorTypeForFileState","state","itemMarginForIndex","length","marginRight","newImage","uri","file","url","id","_","offset","DismissUpload","onPress","dismissIconColor","areEqual","prevProps","nextProps","prevImageUploads","nextImageUploads","every","prevImageUpload","MemoizedImageUploadPreviewWithContext","React","memo","ImageUploadPreview","useChatContext","useMessageInputContext","displayName"],"sources":["ImageUploadPreview.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  FlatList,\n  Image,\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  TouchableOpacityProps,\n  View,\n} from 'react-native';\n\nimport { UploadProgressIndicator } from './UploadProgressIndicator';\n\nimport { ChatContextValue, useChatContext } from '../../contexts';\nimport {\n  ImageUpload,\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Close } from '../../icons/Close';\nimport { Warning } from '../../icons/Warning';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getIndicatorTypeForFileState, ProgressIndicatorTypes } from '../../utils/utils';\n\nconst IMAGE_PREVIEW_SIZE = 100;\nconst WARNING_ICON_SIZE = 16;\n\nconst styles = StyleSheet.create({\n  dismiss: {\n    borderRadius: 24,\n    position: 'absolute',\n    right: 8,\n    top: 8,\n  },\n  fileSizeText: {\n    fontSize: 12,\n    paddingHorizontal: 10,\n  },\n  flatList: { paddingBottom: 12 },\n  iconContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n  itemContainer: {\n    flexDirection: 'row',\n    height: IMAGE_PREVIEW_SIZE,\n    marginLeft: 8,\n  },\n  unsupportedImage: {\n    borderRadius: 20,\n    bottom: 8,\n    flexDirection: 'row',\n    marginHorizontal: 3,\n    position: 'absolute',\n  },\n  upload: {\n    borderRadius: 10,\n    height: IMAGE_PREVIEW_SIZE,\n    width: IMAGE_PREVIEW_SIZE,\n  },\n  warningIconStyle: {\n    borderRadius: 24,\n    marginTop: 6,\n  },\n  warningText: {\n    alignItems: 'center',\n    color: 'black',\n    fontSize: 10,\n    justifyContent: 'center',\n    marginHorizontal: 4,\n  },\n});\n\ntype ImageUploadPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'imageUploads' | 'removeImage' | 'uploadImage'\n> &\n  Pick<ChatContextValue<StreamChatGenerics>, 'enableOfflineSupport'>;\n\nexport type ImageUploadPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<ImageUploadPreviewPropsWithContext<StreamChatGenerics>>;\n\ntype ImageUploadPreviewItem = { index: number; item: ImageUpload };\n\nconst ImageUploadPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { enableOfflineSupport, imageUploads, removeImage, uploadImage } = props;\n\n  const {\n    theme: {\n      messageInput: {\n        imageUploadPreview: { flatList, itemContainer, upload },\n      },\n    },\n  } = useTheme();\n\n  const UnsupportedImageTypeIndicator = ({\n    indicatorType,\n  }: {\n    indicatorType: typeof ProgressIndicatorTypes[keyof typeof ProgressIndicatorTypes] | null;\n  }) => {\n    const {\n      theme: {\n        colors: { accent_red, overlay, white },\n      },\n    } = useTheme();\n\n    const { t } = useTranslationContext();\n    return indicatorType === ProgressIndicatorTypes.NOT_SUPPORTED ? (\n      <View style={[styles.unsupportedImage, { backgroundColor: overlay }]}>\n        <View style={[styles.iconContainer]}>\n          <Warning\n            height={WARNING_ICON_SIZE}\n            pathFill={accent_red}\n            style={styles.warningIconStyle}\n            width={WARNING_ICON_SIZE}\n          />\n          <Text style={[styles.warningText, { color: white }]}>{t('Not supported')}</Text>\n        </View>\n      </View>\n    ) : null;\n  };\n\n  const renderItem = ({ index, item }: ImageUploadPreviewItem) => {\n    const indicatorType = getIndicatorTypeForFileState(item.state, enableOfflineSupport);\n    const itemMarginForIndex = index === imageUploads.length - 1 ? { marginRight: 8 } : {};\n\n    return (\n      <View style={[styles.itemContainer, itemMarginForIndex, itemContainer]}>\n        <UploadProgressIndicator\n          action={() => {\n            uploadImage({ newImage: item });\n          }}\n          style={styles.upload}\n          type={indicatorType}\n        >\n          <Image\n            resizeMode='cover'\n            source={{ uri: item.file.uri || item.url }}\n            style={[styles.upload, upload]}\n          />\n        </UploadProgressIndicator>\n        <DismissUpload\n          onPress={() => {\n            removeImage(item.id);\n          }}\n        />\n        <UnsupportedImageTypeIndicator indicatorType={indicatorType} />\n      </View>\n    );\n  };\n\n  return imageUploads.length > 0 ? (\n    <FlatList\n      data={imageUploads}\n      getItemLayout={(_, index) => ({\n        index,\n        length: IMAGE_PREVIEW_SIZE + 8,\n        offset: (IMAGE_PREVIEW_SIZE + 8) * index,\n      })}\n      horizontal\n      keyExtractor={(item) => item.id}\n      renderItem={renderItem}\n      style={[styles.flatList, flatList]}\n    />\n  ) : null;\n};\n\ntype DismissUploadProps = Pick<TouchableOpacityProps, 'onPress'>;\n\nconst DismissUpload = ({ onPress }: DismissUploadProps) => {\n  const {\n    theme: {\n      colors: { overlay, white },\n      messageInput: {\n        imageUploadPreview: { dismiss, dismissIconColor },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity\n      onPress={onPress}\n      style={[styles.dismiss, { backgroundColor: overlay }, dismiss]}\n      testID='remove-image-upload-preview'\n    >\n      <Close pathFill={dismissIconColor || white} />\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,\n  nextProps: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { imageUploads: prevImageUploads } = prevProps;\n  const { imageUploads: nextImageUploads } = nextProps;\n\n  return (\n    prevImageUploads.length === nextImageUploads.length &&\n    prevImageUploads.every(\n      (prevImageUpload, index) => prevImageUpload.state === nextImageUploads[index].state,\n    )\n  );\n};\n\nconst MemoizedImageUploadPreviewWithContext = React.memo(\n  ImageUploadPreviewWithContext,\n  areEqual,\n) as typeof ImageUploadPreviewWithContext;\n\n/**\n * UI Component to preview the images set for upload\n */\nexport const ImageUploadPreview = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ImageUploadPreviewProps<StreamChatGenerics>,\n) => {\n  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();\n  const { imageUploads, removeImage, uploadImage } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedImageUploadPreviewWithContext\n      {...{ imageUploads, removeImage, uploadImage }}\n      {...{ enableOfflineSupport }}\n      {...props}\n    />\n  );\n};\n\nImageUploadPreview.displayName = 'ImageUploadPreview{messageInput{imageUploadPreview}}';\n"],"mappings":"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"}