npm - stream-chat-react-native-core - Versions diffs - 5.8.1-beta.2 → 5.8.1-beta.4 - Mend

stream-chat-react-native-core 5.8.1-beta.2 → 5.8.1-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

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

	@@ -1 +1 @@
1	- {"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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"}
1	+ {"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","marginTop","unsupportedFile","unsupportedFileText","marginHorizontal","warningIconStyle","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 marginTop: 2,\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":";;;;;;;;AAAA;AACA;AAEA;AAEA;AACA;AAKA;AAIA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAuF;EAAA;AAAA;AAAA;AAEvF,IAAMA,mBAAmB,GAAG,EAAE;AAC9B,IAAMC,iBAAiB,GAAG,EAAE;AAE5B,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE;EACT,CAAC;EACDC,aAAa,EAAE;IACbN,YAAY,EAAE,EAAE;IAChBO,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,KAAK;IACpBP,MAAM,EAAEP,mBAAmB;IAC3Be,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB,CAAC;EACDC,oBAAoB,EAAE;IAAEL,aAAa,EAAE;EAAM,CAAC;EAC9CM,QAAQ,EAAE;IACRC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,QAAQ;IACnBP,cAAc,EAAE;EAClB,CAAC;EACDQ,YAAY,EAAE;IACZC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,YAAY,EAAE;IACZH,QAAQ,EAAE,EAAE;IACZE,iBAAiB,EAAE;EACrB,CAAC;EACDE,iBAAiB,EAAE;IACjBrB,MAAM,EAAE,MAAM;IACdQ,cAAc,EAAE;EAClB,CAAC;EACDc,QAAQ,EAAE;IAAEb,YAAY,EAAE,EAAE;IAAEc,SAAS,EAAE9B,mBAAmB,GAAG,GAAG,GAAG;EAAG,CAAC;EACzE+B,OAAO,EAAE;IACPzB,YAAY,EAAE,EAAE;IAChB0B,UAAU,EAAE,CAAC;IACbC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE;EACb,CAAC;EACDC,eAAe,EAAE;IACfrB,aAAa,EAAE,KAAK;IACpBG,WAAW,EAAE;EACf,CAAC;EACDmB,mBAAmB,EAAE;IACnBZ,QAAQ,EAAE,EAAE;IACZa,gBAAgB,EAAE;EACpB,CAAC;EACDC,gBAAgB,EAAE;IAChBhC,YAAY,EAAE,EAAE;IAChB4B,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,IAAMK,sCAAsC,GAAG,SAAzCA,sCAAsC,OAMtC;EAAA,IALJC,aAAa,QAAbA,aAAa;IACbC,IAAI,QAAJA,IAAI;EAKJ,gBAOI,IAAAC,sBAAQ,GAAE;IAAA,4BANZC,KAAK;IAAA,wCACHC,MAAM;IAAIC,UAAU,yBAAVA,UAAU;IAAEC,IAAI,yBAAJA,IAAI;IAAEC,SAAS,yBAATA,SAAS;IAEdpB,YAAY,mBADnCqB,YAAY,CACVC,iBAAiB,CAAItB,YAAY;EAKvC,4BAAc,IAAAuB,yCAAqB,GAAE;IAA7BC,CAAC,yBAADA,CAAC;EAET,OAAOX,aAAa,KAAKY,6BAAsB,CAACC,aAAa,GAC3D,gCAAC,iBAAI;IAAC,KAAK,EAAEnD,MAAM,CAACiC,eAAgB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAClC,gCAAC,gBAAO;IACN,MAAM,EAAElC,iBAAkB;IAC1B,QAAQ,EAAE4C,UAAW;IACrB,KAAK,EAAE3C,MAAM,CAACoC,gBAAiB;IAC/B,KAAK,EAAErC,iBAAkB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EACzB,EACF,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACC,MAAM,CAACkC,mBAAmB,EAAE;MAAEkB,KAAK,EAAEP;IAAU,CAAC,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC7DI,CAAC,CAAC,yBAAyB,CAAC,CACxB,CACF,GAEP,gCAAC,oDAAyB;IAAC,KAAK,EAAE,CAACjD,MAAM,CAACyB,YAAY,EAAE;MAAE2B,KAAK,EAAER;IAAK,CAAC,EAAEnB,YAAY,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACpFc,IAAI,CAACc,IAAI,CAACC,QAAQ,IAAI,IAAAC,sCAAsB,EAAChB,IAAI,CAACc,IAAI,CAACG,IAAI,CAAC,CAEhE;AACH,CAAC;AAWD,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4B,CAGhCC,KAA4D,EACzD;EACH,IACEC,eAAe,GAObD,KAAK,CAPPC,eAAe;IACfC,oBAAoB,GAMlBF,KAAK,CANPE,oBAAoB;IACpBC,kBAAkB,GAKhBH,KAAK,CALPG,kBAAkB;IAClBC,WAAW,GAITJ,KAAK,CAJPI,WAAW;IACXC,UAAU,GAGRL,KAAK,CAHPK,UAAU;IACVC,cAAc,GAEZN,KAAK,CAFPM,cAAc;IACdC,UAAU,GACRP,KAAK,CADPO,UAAU;EAGZ,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAA8B,IAAI,CAAC;EAC7D,gBAA0C,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAA;IAA9CC,aAAa;IAAEC,gBAAgB;EAGtC,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAa,EAAElB,QAAgB,EAAK;IAClDU,cAAc,CAAC,UAACS,eAAe;MAAA,OAC7BA,eAAe,CAACC,GAAG,CAAC,UAACC,UAAU;QAAA,qCAC1BA,UAAU;UACbrB,QAAQ,EAAEqB,UAAU,CAACC,EAAE,KAAKJ,KAAK,GAAGlB,QAAQ,GAAGqB,UAAU,CAACrB;QAAQ;MAAA,CAClE,CAAC;IAAA,EACJ;EACH,CAAC;EAGD,IAAMuB,UAAU,GAAG,SAAbA,UAAU,CAAIL,KAAa,EAAEM,WAAoB,EAAEC,MAAgB,EAAK;IAC5Ef,cAAc,CAAC,UAACS,eAAe;MAAA,OAC7BA,eAAe,CAACC,GAAG,CAAC,UAACC,UAAU;QAAA,qCAC1BA,UAAU;UACbK,QAAQ,EACNL,UAAU,CAACC,EAAE,KAAKJ,KAAK,GACnBO,MAAM,GACJ,CAAC,GACDD,WAAW,GACXA,WAAW,GAAIH,UAAU,CAACrB,QAAmB,GAC7C,CAAC,GACHqB,UAAU,CAACK;QAAQ;MAAA,CACzB,CAAC;IAAA,EACJ;EACH,CAAC;EAGD,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIT,KAAa,EAAEU,YAAsB,EAAK;IAC7D,IAAIA,YAAY,KAAK,KAAK,EAAE;MAE1BlB,cAAc,CAAC,UAACS,eAAe;QAAA,OAC7BA,eAAe,CAACC,GAAG,CAAC,UAACC,UAAU;UAAA,qCAC1BA,UAAU;YACbQ,MAAM,EAAER,UAAU,CAACC,EAAE,KAAKJ,KAAK,GAAG,KAAK,GAAG;UAAI;QAAA,CAC9C,CAAC;MAAA,EACJ;IACH,CAAC,MAAM;MAELR,cAAc,CAAC,UAACS,eAAe;QAAA,OAC7BA,eAAe,CAACC,GAAG,CAAC,UAACC,UAAU;UAAA,qCAC1BA,UAAU;YACbQ,MAAM,EAAE;UAAI;QAAA,CACZ,CAAC;MAAA,EACJ;IACH;EACF,CAAC;EAED,iBAeI,IAAA3C,sBAAQ,GAAE;IAAA,8BAdZC,KAAK;IAAA,yCACHC,MAAM;IAAI0C,KAAK,yBAALA,KAAK;IAAEvC,SAAS,yBAATA,SAAS;IAAEwC,cAAc,yBAAdA,cAAc;IAAEC,YAAY,yBAAZA,YAAY;IAAEC,KAAK,yBAALA,KAAK;IAAA,yCAC/DzC,YAAY,CACVC,iBAAiB;IACfyC,4BAA4B,yBAA5BA,4BAA4B;IAC5BrF,OAAO,yBAAPA,OAAO;IACPO,aAAa,yBAAbA,aAAa;IACbO,oBAAoB,yBAApBA,oBAAoB;IACpBI,YAAY,yBAAZA,YAAY;IACZK,iBAAiB,yBAAjBA,iBAAiB;IACjBC,QAAQ,yBAARA,QAAQ;EAMhB,IAAM8D,UAAU,GAAG,SAAbA,UAAU,QAA6D;IAAA;IAAA,IAAvDjB,KAAK,SAALA,KAAK;MAAEjC,IAAI,SAAJA,IAAI;IAC/B,IAAMD,aAAa,GAAG,IAAAoD,mCAA4B,EAACnD,IAAI,CAACoD,KAAK,EAAE/B,oBAAoB,CAAC;IAEpF,IAAMgC,cAAc,GAAGrD,IAAI,CAACc,IAAI,CAACwC,IAAI,CAACC,WAAW,CAAC,GAAG,CAAC;IAEtD,OACE;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GACE,gCAAC,gDAAuB;MACtB,MAAM,EAAE,kBAAM;QACZ7B,UAAU,CAAC;UAAE8B,OAAO,EAAExD;QAAK,CAAC,CAAC;MAC/B,CAAE;MACF,KAAK,EAAEvC,MAAM,CAAC6B,OAAQ;MACtB,IAAI,EAAES,aAAc;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAEnB,mBAAAC,IAAI,CAACc,IAAI,CAAC2C,IAAI,aAAd,gBAAgBC,UAAU,CAAC,QAAQ,CAAC,IAAI,IAAAC,+BAAuB,GAAE,GAChE,gCAAC,iBAAI;MACH,KAAK,EAAE,CACL;QAAEpF,YAAY,EAAEyB,IAAI,CAACoD,KAAK,KAAKQ,gBAAS,CAACC,QAAQ,GAAG,CAAC,GAAG;MAAE,CAAC,EAC3DZ,4BAA4B,CAC5B;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAEF,gCAAC,iBAAI;MACH,KAAK,EAAE,CACLxF,MAAM,CAACU,aAAa,EACpB8D,KAAK,KAAKV,WAAW,CAACuC,MAAM,GAAG,CAAC,GAC5B;QACEvF,YAAY,EAAE;MAChB,CAAC,GACD,CAAC,CAAC,EACN;QACEwF,eAAe,EAAEf,KAAK;QACtBgB,WAAW,EAAEjB,YAAY;QACzB7E,KAAK,EAAE,CAAC;MACV,CAAC,EACDC,aAAa,CACb;MACF,MAAM,EAAC,iCAAiC;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAExC,gCAAC,eAAe;MACd,IAAI,EAAE6B,IAAK;MACX,MAAM,EAAEgC,MAAO;MACf,WAAW,EAAEU,WAAY;MACzB,UAAU,EAAEJ,UAAW;MACvB,MAAM,EAAC,iCAAiC;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EACxC,CACG,CACF,GAEP,gCAAC,iBAAI;MACH,KAAK,EAAE,CACL7E,MAAM,CAACU,aAAa,EACpB8D,KAAK,KAAKV,WAAW,CAACuC,MAAM,GAAG,CAAC,GAC5B;QACEvF,YAAY,EAAE;MAChB,CAAC,GACD,CAAC,CAAC,EACN;QACEyF,WAAW,EAAEjB,YAAY;QACzB7E,KAAK,EAAE4D,aAAa,GAAG;MACzB,CAAC,EACD3D,aAAa,CACb;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAEF,gCAAC,iBAAI;MAAC,KAAK,EAAE,CAACV,MAAM,CAACiB,oBAAoB,EAAEA,oBAAoB,CAAE;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAC/D,gCAAC,iBAAI;MAAC,KAAK,EAAEjB,MAAM,CAACkB,QAAS;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAC3B,gCAAC,kBAAkB;MAAC,QAAQ,EAAEqB,IAAI,CAACc,IAAI,CAAC2C,IAAK;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG,CAC3C,EACP,gCAAC,iBAAI;MAAC,KAAK,EAAE,CAAChG,MAAM,CAAC0B,iBAAiB,EAAEA,iBAAiB,CAAE;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GACzD,gCAAC,iBAAI;MACH,aAAa,EAAE,CAAE;MACjB,KAAK,EAAE,CACL1B,MAAM,CAACqB,YAAY,EACnB;QACE+B,KAAK,EAAEgC,KAAK;QACZ3E,KAAK,EACH4D,aAAa,GACb,EAAE,GACF,EAAE,GACF,EAAE,GACF;MACJ,CAAC,EACDmC,wBAAW,CAACC,KAAK,GAAG;QAAEC,gBAAgB,EAAE;MAAM,CAAC,GAAG;QAAEA,gBAAgB,EAAE;MAAM,CAAC,EAC7ErF,YAAY,CACZ;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAEDkB,IAAI,CAACc,IAAI,CAACwC,IAAI,CAACc,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,GAAGpE,IAAI,CAACc,IAAI,CAACwC,IAAI,CAACc,KAAK,CAACf,cAAc,CAAC,CACtE,EACNtD,aAAa,KAAK,IAAI,IACrB,gCAAC,sCAAsC;MACrC,aAAa,EAAEA,aAAc;MAC7B,IAAI,EAAEC,IAAK;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAEd,CACI,CACF,CAEV,EACD,gCAAC,6BAAgB;MACf,OAAO,EAAE,mBAAM;QACbwB,UAAU,CAACxB,IAAI,CAACqC,EAAE,CAAC;MACrB,CAAE;MACF,KAAK,EAAE,CAAC5E,MAAM,CAACG,OAAO,EAAE;QAAEmG,eAAe,EAAEjB;MAAe,CAAC,EAAElF,OAAO,CAAE;MACtE,MAAM,EAAC,4BAA4B;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAEnC,gCAAC,YAAK;MAAC,QAAQ,EAAE0C,SAAU;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG,CACb,CACK,CACzB;EAEP,CAAC;EAED,IAAM+D,iBAAiB,GAAG9C,WAAW,CAACuC,MAAM;EAE5C,IAAAQ,gBAAS,EAAC,YAAM;IACd,IAAID,iBAAiB,IAAI1C,WAAW,CAAC4C,OAAO,EAAE;MAC5CC,UAAU,CAAC;QAAA;QAAA,+BAAM7C,WAAW,CAAC4C,OAAO,qBAAnB,qBAAqBE,WAAW,EAAE;MAAA,GAAE,CAAC,CAAC;IACzD;EACF,CAAC,EAAE,CAACJ,iBAAiB,CAAC,CAAC;EAEvB,OAAOA,iBAAiB,GACtB,gCAAC,qBAAQ;IACP,IAAI,EAAE9C,WAAY;IAClB,aAAa,EAAE,uBAACmD,CAAC,EAAEzC,KAAK;MAAA,OAAM;QAC5BA,KAAK,EAALA,KAAK;QACL6B,MAAM,EAAEvG,mBAAmB,GAAG,CAAC;QAC/BoH,MAAM,EAAE,CAACpH,mBAAmB,GAAG,CAAC,IAAI0E;MACtC,CAAC;IAAA,CAAE;IACH,YAAY,EAAE,sBAACjC,IAAI;MAAA,YAAQA,IAAI,CAACqC,EAAE;IAAA,CAAG;IACrC,QAAQ,EAAE,yBAIJ;MAAA,IAFQnE,KAAK,SADjB0G,WAAW,CACTC,MAAM,CAAI3G,KAAK;MAGjB6D,gBAAgB,CAAC7D,KAAK,CAAC;IACzB,CAAE;IACF,GAAG,EAAEyD,WAAY;IACjB,UAAU,EAAEuB,UAAW;IACvB,KAAK,EAAE,CAACzF,MAAM,CAAC2B,QAAQ,EAAEA,QAAQ,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EACnC,GACA,IAAI;AACV,CAAC;AAED,IAAM0F,QAAQ,GAAG,SAAXA,QAAQ,CACZC,SAAgE,EAChEC,SAAgE,EAC7D;EACH,IAAqB9C,eAAe,GAAK6C,SAAS,CAA1CxD,WAAW;EACnB,IAAqB0D,eAAe,GAAKD,SAAS,CAA1CzD,WAAW;EAEnB,OACEW,eAAe,CAAC4B,MAAM,KAAKmB,eAAe,CAACnB,MAAM,IACjD5B,eAAe,CAACgD,KAAK,CACnB,UAACC,cAAc,EAAElD,KAAK;IAAA,OACpBkD,cAAc,CAAC/B,KAAK,KAAK6B,eAAe,CAAChD,KAAK,CAAC,CAACmB,KAAK,IACrD+B,cAAc,CAACvC,MAAM,KAAKqC,eAAe,CAAChD,KAAK,CAAC,CAACW,MAAM,IACvDuC,cAAc,CAAC1C,QAAQ,KAAKwC,eAAe,CAAChD,KAAK,CAAC,CAACQ,QAAQ,IAC3D0C,cAAc,CAACpE,QAAQ,KAAKkE,eAAe,CAAChD,KAAK,CAAC,CAAClB,QAAQ;EAAA,EAC9D;AAEL,CAAC;AAED,IAAMqE,yBAAyB,GAAGC,iBAAK,CAACC,IAAI,CAC1CpE,4BAA4B,EAC5B4D,QAAQ,CAC8B;AAUjC,IAAMS,iBAAiB,GAAG,SAApBA,iBAAiB,CAG5BpE,KAAiD,EAC9C;EACH,sBAAiC,IAAAqE,wBAAc,GAAsB;IAA7DnE,oBAAoB,mBAApBA,oBAAoB;EAC5B,4BACE,IAAAoE,2CAAsB,GAAsB;IADtClE,WAAW,yBAAXA,WAAW;IAAEC,UAAU,yBAAVA,UAAU;IAAEC,cAAc,yBAAdA,cAAc;IAAEC,UAAU,yBAAVA,UAAU;EAE3D,0BAAgD,IAAAgE,mCAAkB,GAAsB;IAAhFtE,eAAe,uBAAfA,eAAe;IAAEE,kBAAkB,uBAAlBA,kBAAkB;EAE3C,OACE,gCAAC,yBAAyB;IAEtBF,eAAe,EAAfA,eAAe;IACfE,kBAAkB,EAAlBA,kBAAkB;IAClBC,WAAW,EAAXA,WAAW;IACXC,UAAU,EAAVA,UAAU;IACVC,cAAc,EAAdA,cAAc;IACdC,UAAU,EAAVA,UAAU;IAENL,oBAAoB,EAApBA;EAAoB,GACtBF,KAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACT;AAEN,CAAC;AAAC;AAEFoE,iBAAiB,CAACI,WAAW,GAAG,oDAAoD"}

package/lib/module/contexts/messageInputContext/MessageInputContext.js CHANGED Viewed

@@ -679,7 +679,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   };
   var uploadFile = function () {
     var _ref6 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(_ref5) {
-      var newFile, file, id, response, extraData;
+      var newFile, file, id, response, localAssetURI, extraData;
       return _regenerator["default"].wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
@@ -696,136 +696,106 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             return value.doDocUploadRequest(file, channel);
           case 8:
             response = _context5.sent;
-            _context5.next = 15;
+            _context5.next = 21;
             break;
           case 11:
             if (!(channel && file.uri)) {
-              _context5.next = 15;
+              _context5.next = 21;
               break;
             }
-            _context5.next = 14;
-            return channel.sendFile(file.uri, file.name, file.type);
-          case 14:
+            _context5.t0 = _reactNative.Platform.OS === 'ios' && file.id;
+            if (!_context5.t0) {
+              _context5.next = 17;
+              break;
+            }
+            _context5.next = 16;
+            return (0, _native.getLocalAssetUri)(file.id);
+          case 16:
+            _context5.t0 = _context5.sent;
+          case 17:
+            localAssetURI = _context5.t0;
+            _context5.next = 20;
+            return channel.sendFile(localAssetURI || file.uri, file.name, file.type);
+          case 20:
             response = _context5.sent;
-          case 15:
+          case 21:
             extraData = {
               thumb_url: response.thumb_url,
               url: response.file
             };
             setFileUploads(getUploadSetStateAction(id, _utils.FileState.UPLOADED, extraData));
-            _context5.next = 22;
+            _context5.next = 28;
             break;
-          case 19:
-            _context5.prev = 19;
-            _context5.t0 = _context5["catch"](4);
-            handleFileOrImageUploadError(_context5.t0, false, id);
-          case 22:
+          case 25:
+            _context5.prev = 25;
+            _context5.t1 = _context5["catch"](4);
+            handleFileOrImageUploadError(_context5.t1, false, id);
+          case 28:
           case "end":
             return _context5.stop();
         }
-      }, _callee5, null, [[4, 19]]);
+      }, _callee5, null, [[4, 25]]);
     }));
     return function uploadFile(_x) {
       return _ref6.apply(this, arguments);
     };
   }();
   var uploadImage = function () {
-    var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(_ref7) {
-      var newImage, _ref9, file, id, response, getLocalUri, uri, compressedUri, filename, contentType, newImageUploads;
-      return _regenerator["default"].wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+    var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(_ref7) {
+      var newImage, _ref9, file, id, response, localAssetURI, uri, compressedUri, filename, contentType, newImageUploads;
+      return _regenerator["default"].wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             newImage = _ref7.newImage;
             _ref9 = newImage || {}, file = _ref9.file, id = _ref9.id;
             if (file) {
-              _context7.next = 4;
+              _context6.next = 4;
               break;
             }
-            return _context7.abrupt("return");
+            return _context6.abrupt("return");
           case 4:
             response = {};
-            _context7.prev = 5;
-            getLocalUri = function () {
-              var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6() {
-                var _file$uri;
-                return _regenerator["default"].wrap(function _callee6$(_context6) {
-                  while (1) switch (_context6.prev = _context6.next) {
-                    case 0:
-                      if (!file.id) {
-                        _context6.next = 6;
-                        break;
-                      }
-                      _context6.next = 3;
-                      return (0, _native.getLocalAssetUri)(file.id);
-                    case 3:
-                      return _context6.abrupt("return", _context6.sent);
-                    case 6:
-                      if (!((_file$uri = file.uri) != null && _file$uri.match(/assets-library/))) {
-                        _context6.next = 10;
-                        break;
-                      }
-                      _context6.next = 9;
-                      return (0, _native.getLocalAssetUri)(file.uri);
-                    case 9:
-                      return _context6.abrupt("return", _context6.sent);
-                    case 10:
-                      return _context6.abrupt("return", file.uri);
-                    case 11:
-                    case "end":
-                      return _context6.stop();
-                  }
-                }, _callee6);
-              }));
-              return function getLocalUri() {
-                return _ref10.apply(this, arguments);
-              };
-            }();
-            _context7.t1 = file.name;
-            if (_context7.t1) {
-              _context7.next = 12;
+            _context6.prev = 5;
+            _context6.t0 = _reactNative.Platform.OS === 'ios' && file.id;
+            if (!_context6.t0) {
+              _context6.next = 11;
               break;
             }
-            _context7.next = 11;
-            return getLocalUri();
+            _context6.next = 10;
+            return (0, _native.getLocalAssetUri)(file.id);
+          case 10:
+            _context6.t0 = _context6.sent;
           case 11:
-            _context7.t1 = _context7.sent;
-          case 12:
-            _context7.t0 = _context7.t1;
-            if (_context7.t0) {
-              _context7.next = 15;
-              break;
-            }
-            _context7.t0 = '';
-          case 15:
-            uri = _context7.t0;
-            _context7.next = 18;
+            localAssetURI = _context6.t0;
+            uri = localAssetURI || file.uri || '';
+            _context6.next = 15;
             return file.source === 'camera' || !file.height || !file.width || typeof value.compressImageQuality !== 'number' || value.compressImageQuality === 1 ? uri : (0, _native.compressImage)({
               compressImageQuality: value.compressImageQuality,
               height: file.height,
               uri: uri,
               width: file.width
             });
-          case 18:
-            compressedUri = _context7.sent;
+          case 15:
+            compressedUri = _context6.sent;
             filename = uri.replace(/^(file:\/\/|content:\/\/|assets-library:\/\/)/, '');
             contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
             if (!value.doImageUploadRequest) {
-              _context7.next = 27;
+              _context6.next = 24;
               break;
             }
-            _context7.next = 24;
+            _context6.next = 21;
             return value.doImageUploadRequest(file, channel);
-          case 24:
-            response = _context7.sent;
-            _context7.next = 35;
+          case 21:
+            response = _context6.sent;
+            _context6.next = 32;
             break;
-          case 27:
+          case 24:
             if (!(compressedUri && channel)) {
-              _context7.next = 35;
+              _context6.next = 32;
               break;
             }
             if (!value.sendImageAsync) {
-              _context7.next = 32;
+              _context6.next = 29;
               break;
             }
             channel.sendImage(compressedUri, file.filename, contentType).then(function (res) {
@@ -844,14 +814,14 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 setImageUploads(newImageUploads);
               }
             });
-            _context7.next = 35;
+            _context6.next = 32;
             break;
-          case 32:
-            _context7.next = 34;
+          case 29:
+            _context6.next = 31;
             return channel.sendImage(compressedUri, file.filename, contentType);
-          case 34:
-            response = _context7.sent;
-          case 35:
+          case 31:
+            response = _context6.sent;
+          case 32:
             if (Object.keys(response).length) {
               newImageUploads = getUploadSetStateAction(id, _utils.FileState.UPLOADED, {
                 height: file.height,
@@ -860,27 +830,27 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               });
               setImageUploads(newImageUploads);
             }
-            _context7.next = 41;
+            _context6.next = 38;
             break;
+          case 35:
+            _context6.prev = 35;
+            _context6.t1 = _context6["catch"](5);
+            handleFileOrImageUploadError(_context6.t1, true, id);
           case 38:
-            _context7.prev = 38;
-            _context7.t2 = _context7["catch"](5);
-            handleFileOrImageUploadError(_context7.t2, true, id);
-          case 41:
           case "end":
-            return _context7.stop();
+            return _context6.stop();
         }
-      }, _callee7, null, [[5, 38]]);
+      }, _callee6, null, [[5, 35]]);
     }));
     return function uploadImage(_x2) {
       return _ref8.apply(this, arguments);
     };
   }();
   var uploadNewFile = function () {
-    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(file) {
+    var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(file) {
       var id, mimeType, isBlockedFileExtension, isBlockedFileMimeType, fileState, newFile;
-      return _regenerator["default"].wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
+      return _regenerator["default"].wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
             id = (0, _utils.generateRandomId)();
             mimeType = (0, _mimeTypes.lookup)(file.name);
@@ -898,12 +868,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               file: (0, _extends2["default"])({}, file, {
                 type: mimeType || (file == null ? void 0 : file.type)
               }),
-              id: id,
+              id: file.id || id,
               paused: true,
               progress: 0,
               state: fileState
             };
-            _context8.next = 8;
+            _context7.next = 8;
             return Promise.all([setFileUploads(function (prevFileUploads) {
               return prevFileUploads.concat([newFile]);
             }), setNumberOfUploads(function (prevNumberOfUploads) {
@@ -917,19 +887,19 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             }
           case 9:
           case "end":
-            return _context8.stop();
+            return _context7.stop();
         }
-      }, _callee8);
+      }, _callee7);
     }));
     return function uploadNewFile(_x3) {
-      return _ref11.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
   var uploadNewImage = function () {
-    var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee9(image) {
+    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(image) {
       var id, isBlockedImageMimeType, isBlockedImageExtension, imageState, newImage;
-      return _regenerator["default"].wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
+      return _regenerator["default"].wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             id = (0, _utils.generateRandomId)();
             isBlockedImageMimeType = blockedImageMimeTypes == null ? void 0 : blockedImageMimeTypes.some(function (mimeType) {
@@ -949,7 +919,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               url: image.uri,
               width: image.width
             };
-            _context9.next = 7;
+            _context8.next = 7;
             return Promise.all([setImageUploads(function (prevImageUploads) {
               return prevImageUploads.concat([newImage]);
             }), setNumberOfUploads(function (prevNumberOfUploads) {
@@ -963,12 +933,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             }
           case 8:
           case "end":
-            return _context9.stop();
+            return _context8.stop();
         }
-      }, _callee9);
+      }, _callee8);
     }));
     return function uploadNewImage(_x4) {
-      return _ref12.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
   var messageInputContext = (0, _useCreateMessageInputContext.useCreateMessageInputContext)((0, _extends2["default"])({
@@ -1027,7 +997,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1199,
+      lineNumber: 1177,
       columnNumber: 5
     }
   }, children);
@@ -1048,7 +1018,7 @@ var withMessageInputContext = function withMessageInputContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1239,
+        lineNumber: 1217,
         columnNumber: 12
       }
     }));