stream-chat-react-native-core 5.22.0-beta.9 → 5.22.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_UploadProgressIndicator","_contexts","_MessageInputContext","_ThemeContext","_TranslationContext","_Close","_Warning","_utils","_this","_jsxFileName","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","useTheme","_useTheme$theme$messa","theme","messageInput","imageUploadPreview","UnsupportedImageTypeIndicator","_ref","indicatorType","_useTheme2","_useTheme2$theme$colo","colors","accent_red","overlay","white","_useTranslationContex","useTranslationContext","t","ProgressIndicatorTypes","NOT_SUPPORTED","createElement","View","style","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Warning","pathFill","Text","renderItem","_ref2","index","item","getIndicatorTypeForFileState","state","itemMarginForIndex","length","marginRight","UploadProgressIndicator","action","newImage","type","Image","resizeMode","source","uri","file","url","DismissUpload","onPress","id","FlatList","data","getItemLayout","_","offset","horizontal","keyExtractor","_ref3","_useTheme3","_useTheme3$theme","_useTheme3$theme$colo","_useTheme3$theme$mess","dismissIconColor","TouchableOpacity","testID","Close","areEqual","prevProps","nextProps","prevImageUploads","nextImageUploads","every","prevImageUpload","MemoizedImageUploadPreviewWithContext","React","memo","ImageUploadPreview","_useChatContext","useChatContext","_useMessageInputConte","useMessageInputContext","_extends2","exports","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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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_UploadProgressIndicator","_contexts","_MessageInputContext","_ThemeContext","_TranslationContext","_Close","_Warning","_utils","_this","_jsxFileName","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","useTheme","_useTheme$theme$messa","theme","messageInput","imageUploadPreview","UnsupportedImageTypeIndicator","_ref","indicatorType","_useTheme2","_useTheme2$theme$colo","colors","accent_red","overlay","white","_useTranslationContex","useTranslationContext","t","ProgressIndicatorTypes","NOT_SUPPORTED","createElement","View","style","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Warning","pathFill","Text","renderItem","_ref2","index","item","getIndicatorTypeForFileState","state","itemMarginForIndex","length","marginRight","UploadProgressIndicator","action","newImage","type","Image","resizeMode","source","uri","file","url","DismissUpload","onPress","id","FlatList","data","getItemLayout","_","offset","horizontal","keyExtractor","_ref3","_useTheme3","_useTheme3$theme","_useTheme3$theme$colo","_useTheme3$theme$mess","dismissIconColor","TouchableOpacity","testID","Close","areEqual","prevProps","nextProps","prevImageUploads","nextImageUploads","every","prevImageUpload","MemoizedImageUploadPreviewWithContext","React","memo","ImageUploadPreview","_useChatContext","useChatContext","_useMessageInputConte","useMessageInputContext","_extends2","exports","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  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, ImageUpload } 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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"}

package/lib/module/contexts/channelContext/ChannelContext.js

@@ -23,7 +23,7 @@ var ChannelProvider = function ChannelProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200,
+      lineNumber: 205,
       columnNumber: 3
     }
   }, children);
@@ -44,7 +44,7 @@ var withChannelContext = function withChannelContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 236,
+        lineNumber: 241,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/channelContext/ChannelContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_defaultBaseContextValue","_getDisplayName","_isTestEnvironment","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ChannelContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","exports","ChannelProvider","_ref","children","value","createElement","Provider","__self","__source","fileName","lineNumber","columnNumber","useChannelContext","contextValue","useContext","isTestEnvironment","Error","withChannelContext","Component","WithChannelContextComponent","props","channelContext","_extends2","displayName","getDisplayName"],"sources":["ChannelContext.tsx"],"sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { Channel, ChannelState } from 'stream-chat';\n\nimport type { EmptyStateProps } from '../../components/Indicators/EmptyStateIndicator';\nimport type { LoadingProps } from '../../components/Indicators/LoadingIndicator';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type ChannelContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Instance of channel object from stream-chat package.\n   *\n   * Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript\n   *\n   * ```\n   * import { StreamChat, Channel } from 'stream-chat';\n   * import { Chat, Channel} from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key');\n   * await client.connectUser('user_id', 'user_token');\n   * const channel = client.channel('messaging', 'channel_id');\n   * await channel.watch();\n   *\n   * <Chat client={client}>\n   *  <Channel channel={channel}>\n   *  </Channel>\n   * </Chat>\n   * ```\n   *\n   * @overrideType Channel\n   */\n  channel: Channel<StreamChatGenerics>;\n  /**\n   * Custom UI component to display empty state when channel has no messages.\n   *\n   * **Default** [EmptyStateIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Indicators/EmptyStateIndicator.tsx)\n   */\n  EmptyStateIndicator: React.ComponentType<EmptyStateProps>;\n  /**\n   * When set to true, reactions will be limited to 1 per user. If user selects another reaction\n   * then his previous reaction will be removed and replaced with new one.\n   *\n   * This is similar to reaction UX on [iMessage application](https://en.wikipedia.org/wiki/IMessage).\n   */\n  enforceUniqueReaction: boolean;\n  error: boolean | Error;\n  /**\n   * When set to false, it will disable giphy command on MessageInput component.\n   */\n  giphyEnabled: boolean;\n  /**\n   * Hide inline date separators on channel\n   */\n  hideDateSeparators: boolean;\n  hideStickyDateHeader: boolean;\n  /**\n   * Returns true if the current user has admin privileges\n   */\n  isAdmin: boolean;\n  /**\n   * Returns true if the current user is a moderator\n   */\n  isModerator: boolean;\n  /**\n   * Returns true if the current user is a owner\n   */\n  isOwner: boolean;\n  /**\n   * Loads channel around a specific message\n   *\n   * @param messageId If undefined, channel will be loaded at most recent message.\n   */\n  loadChannelAroundMessage: ({ messageId }: { messageId?: string }) => Promise<void>;\n  /**\n   * @deprecated use loadChannelAroundMessage instead\n   *\n   * Loads channel at specific message\n   *\n   * @param messageId If undefined, channel will be loaded at most recent message.\n   * @param before Number of message to query before messageId\n   * @param after Number of message to query after messageId\n   */\n  loadChannelAtMessage: ({\n    after,\n    before,\n    messageId,\n  }: {\n    after?: number;\n    before?: number;\n    messageId?: string;\n  }) => Promise<void>;\n  loading: boolean;\n  /**\n   * Custom loading indicator to override the Stream default\n   */\n  LoadingIndicator: React.ComponentType<LoadingProps>;\n  markRead: () => void;\n  /**\n   *\n   * ```json\n   * {\n   *   \"thierry-123\": {\n   *     \"id\": \"thierry-123\",\n   *     \"role\": \"user\",\n   *     \"created_at\": \"2019-04-03T14:42:47.087869Z\",\n   *     \"updated_at\": \"2019-04-16T09:20:03.982283Z\",\n   *     \"last_active\": \"2019-04-16T11:23:51.168113408+02:00\",\n   *     \"online\": true\n   *   },\n   *   \"vishal-123\": {\n   *     \"id\": \"vishal-123\",\n   *     \"role\": \"user\",\n   *     \"created_at\": \"2019-05-03T14:42:47.087869Z\",\n   *     \"updated_at\": \"2019-05-16T09:20:03.982283Z\",\n   *     \"last_active\": \"2019-06-16T11:23:51.168113408+02:00\",\n   *     \"online\": false\n   *   }\n   * }\n   * ```\n   */\n  members: ChannelState<StreamChatGenerics>['members'];\n  /**\n   * Custom network down indicator to override the Stream default\n   */\n  NetworkDownIndicator: React.ComponentType;\n  read: ChannelState<StreamChatGenerics>['read'];\n  reloadChannel: () => Promise<void>;\n  /**\n   * When true, messagelist will be scrolled to first unread message, when opened.\n   */\n  scrollToFirstUnreadThreshold: number;\n  setLastRead: React.Dispatch<React.SetStateAction<Date | undefined>>;\n  setTargetedMessage: (messageId: string) => void;\n  /**\n   *\n   * ```json\n   * {\n   *   \"thierry-123\": {\n   *     \"id\": \"thierry-123\",\n   *     \"role\": \"user\",\n   *     \"created_at\": \"2019-04-03T14:42:47.087869Z\",\n   *     \"updated_at\": \"2019-04-16T09:20:03.982283Z\",\n   *     \"last_active\": \"2019-04-16T11:23:51.168113408+02:00\",\n   *     \"online\": true\n   *   },\n   *   \"vishal-123\": {\n   *     \"id\": \"vishal-123\",\n   *     \"role\": \"user\",\n   *     \"created_at\": \"2019-05-03T14:42:47.087869Z\",\n   *     \"updated_at\": \"2019-05-16T09:20:03.982283Z\",\n   *     \"last_active\": \"2019-06-16T11:23:51.168113408+02:00\",\n   *     \"online\": false\n   *   }\n   * }\n   * ```\n   */\n  watchers: ChannelState<StreamChatGenerics>['watchers'];\n  disabled?: boolean;\n  enableMessageGroupingByUser?: boolean;\n  isChannelActive?: boolean;\n  lastRead?: Date;\n  /**\n   * Maximum time in milliseconds that should occur between messages\n   * to still consider them grouped together\n   */\n  maxTimeBetweenGroupedMessages?: number;\n  /**\n   * Custom UI component for sticky header of channel.\n   *\n   * **Default** [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/DateHeader.tsx)\n   */\n  StickyHeader?: React.ComponentType<{ dateString: string }>;\n  /**\n   * Id of message, around which Channel/MessageList gets loaded when opened.\n   * You will see a highlighted background for targetted message, when opened.\n   */\n  targetedMessage?: string;\n  threadList?: boolean;\n  watcherCount?: ChannelState<StreamChatGenerics>['watcher_count'];\n};\n\nexport const ChannelContext = React.createContext(\n  DEFAULT_BASE_CONTEXT_VALUE as ChannelContextValue,\n);\n\nexport const ChannelProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChannelContextValue<StreamChatGenerics>;\n}>) => (\n  <ChannelContext.Provider value={value as unknown as ChannelContextValue}>\n    {children}\n  </ChannelContext.Provider>\n);\n\nexport const useChannelContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    ChannelContext,\n  ) as unknown as ChannelContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The useChannelContext hook was called outside of the ChannelContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,\n    );\n  }\n\n  return contextValue;\n};\n/**\n * Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChannelContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChannelContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChannelContextValue<StreamChatGenerics>>> => {\n  const WithChannelContextComponent = (\n    props: Omit<P, keyof ChannelContextValue<StreamChatGenerics>>,\n  ) => {\n    const channelContext = useChannelContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...channelContext} />;\n  };\n  WithChannelContextComponent.displayName = `WithChannelContext${getDisplayName(Component)}`;\n  return WithChannelContextComponent;\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_defaultBaseContextValue","_getDisplayName","_isTestEnvironment","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ChannelContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","exports","ChannelProvider","_ref","children","value","createElement","Provider","__self","__source","fileName","lineNumber","columnNumber","useChannelContext","contextValue","useContext","isTestEnvironment","Error","withChannelContext","Component","WithChannelContextComponent","props","channelContext","_extends2","displayName","getDisplayName"],"sources":["ChannelContext.tsx"],"sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { Channel, ChannelState } from 'stream-chat';\n\nimport type { EmptyStateProps } from '../../components/Indicators/EmptyStateIndicator';\nimport type { LoadingProps } from '../../components/Indicators/LoadingIndicator';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type ChannelContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * Instance of channel object from stream-chat package.\n   *\n   * Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript\n   *\n   * ```\n   * import { StreamChat, Channel } from 'stream-chat';\n   * import { Chat, Channel} from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key');\n   * await client.connectUser('user_id', 'user_token');\n   * const channel = client.channel('messaging', 'channel_id');\n   * await channel.watch();\n   *\n   * <Chat client={client}>\n   *  <Channel channel={channel}>\n   *  </Channel>\n   * </Chat>\n   * ```\n   *\n   * @overrideType Channel\n   */\n  channel: Channel<StreamChatGenerics>;\n  /**\n   * Custom UI component to display empty state when channel has no messages.\n   *\n   * **Default** [EmptyStateIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Indicators/EmptyStateIndicator.tsx)\n   */\n  EmptyStateIndicator: React.ComponentType<EmptyStateProps>;\n  /**\n   * When set to true, reactions will be limited to 1 per user. If user selects another reaction\n   * then his previous reaction will be removed and replaced with new one.\n   *\n   * This is similar to reaction UX on [iMessage application](https://en.wikipedia.org/wiki/IMessage).\n   */\n  enforceUniqueReaction: boolean;\n  error: boolean | Error;\n  /**\n   * When set to false, it will disable giphy command on MessageInput component.\n   */\n  giphyEnabled: boolean;\n  /**\n   * Hide inline date separators on channel\n   */\n  hideDateSeparators: boolean;\n  hideStickyDateHeader: boolean;\n  /**\n   * Returns true if the current user has admin privileges\n   */\n  isAdmin: boolean;\n  /**\n   * Returns true if the current user is a moderator\n   */\n  isModerator: boolean;\n  /**\n   * Returns true if the current user is a owner\n   */\n  isOwner: boolean;\n  /**\n   * Loads channel around a specific message\n   *\n   * @param messageId If undefined, channel will be loaded at most recent message.\n   */\n  loadChannelAroundMessage: ({ messageId }: { messageId?: string }) => Promise<void>;\n  /**\n   * @deprecated use loadChannelAroundMessage instead\n   *\n   * Loads channel at specific message\n   *\n   * @param messageId If undefined, channel will be loaded at most recent message.\n   * @param before Number of message to query before messageId\n   * @param after Number of message to query after messageId\n   */\n  loadChannelAtMessage: ({\n    after,\n    before,\n    messageId,\n  }: {\n    after?: number;\n    before?: number;\n    messageId?: string;\n  }) => Promise<void>;\n  loading: boolean;\n  /**\n   * Custom loading indicator to override the Stream default\n   */\n  LoadingIndicator: React.ComponentType<LoadingProps>;\n  markRead: () => void;\n  /**\n   *\n   * ```json\n   * {\n   *   \"thierry-123\": {\n   *     \"id\": \"thierry-123\",\n   *     \"role\": \"user\",\n   *     \"created_at\": \"2019-04-03T14:42:47.087869Z\",\n   *     \"updated_at\": \"2019-04-16T09:20:03.982283Z\",\n   *     \"last_active\": \"2019-04-16T11:23:51.168113408+02:00\",\n   *     \"online\": true\n   *   },\n   *   \"vishal-123\": {\n   *     \"id\": \"vishal-123\",\n   *     \"role\": \"user\",\n   *     \"created_at\": \"2019-05-03T14:42:47.087869Z\",\n   *     \"updated_at\": \"2019-05-16T09:20:03.982283Z\",\n   *     \"last_active\": \"2019-06-16T11:23:51.168113408+02:00\",\n   *     \"online\": false\n   *   }\n   * }\n   * ```\n   */\n  members: ChannelState<StreamChatGenerics>['members'];\n  /**\n   * Custom network down indicator to override the Stream default\n   */\n  NetworkDownIndicator: React.ComponentType;\n  read: ChannelState<StreamChatGenerics>['read'];\n  reloadChannel: () => Promise<void>;\n  /**\n   * When true, messagelist will be scrolled to first unread message, when opened.\n   */\n  scrollToFirstUnreadThreshold: number;\n  setLastRead: React.Dispatch<React.SetStateAction<Date | undefined>>;\n  setTargetedMessage: (messageId: string) => void;\n  /**\n   * Abort controller for cancelling async requests made for uploading images/files\n   * Its a map of filename and AbortController\n   */\n  uploadAbortControllerRef: React.MutableRefObject<Map<string, AbortController>>;\n  /**\n   *\n   * ```json\n   * {\n   *   \"thierry-123\": {\n   *     \"id\": \"thierry-123\",\n   *     \"role\": \"user\",\n   *     \"created_at\": \"2019-04-03T14:42:47.087869Z\",\n   *     \"updated_at\": \"2019-04-16T09:20:03.982283Z\",\n   *     \"last_active\": \"2019-04-16T11:23:51.168113408+02:00\",\n   *     \"online\": true\n   *   },\n   *   \"vishal-123\": {\n   *     \"id\": \"vishal-123\",\n   *     \"role\": \"user\",\n   *     \"created_at\": \"2019-05-03T14:42:47.087869Z\",\n   *     \"updated_at\": \"2019-05-16T09:20:03.982283Z\",\n   *     \"last_active\": \"2019-06-16T11:23:51.168113408+02:00\",\n   *     \"online\": false\n   *   }\n   * }\n   * ```\n   */\n  watchers: ChannelState<StreamChatGenerics>['watchers'];\n  disabled?: boolean;\n  enableMessageGroupingByUser?: boolean;\n  isChannelActive?: boolean;\n  lastRead?: Date;\n  /**\n   * Maximum time in milliseconds that should occur between messages\n   * to still consider them grouped together\n   */\n  maxTimeBetweenGroupedMessages?: number;\n  /**\n   * Custom UI component for sticky header of channel.\n   *\n   * **Default** [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/DateHeader.tsx)\n   */\n  StickyHeader?: React.ComponentType<{ dateString: string }>;\n  /**\n   * Id of message, around which Channel/MessageList gets loaded when opened.\n   * You will see a highlighted background for targetted message, when opened.\n   */\n  targetedMessage?: string;\n  threadList?: boolean;\n  watcherCount?: ChannelState<StreamChatGenerics>['watcher_count'];\n};\n\nexport const ChannelContext = React.createContext(\n  DEFAULT_BASE_CONTEXT_VALUE as ChannelContextValue,\n);\n\nexport const ChannelProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChannelContextValue<StreamChatGenerics>;\n}>) => (\n  <ChannelContext.Provider value={value as unknown as ChannelContextValue}>\n    {children}\n  </ChannelContext.Provider>\n);\n\nexport const useChannelContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    ChannelContext,\n  ) as unknown as ChannelContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `The useChannelContext hook was called outside of the ChannelContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,\n    );\n  }\n\n  return contextValue;\n};\n/**\n * Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChannelContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChannelContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChannelContextValue<StreamChatGenerics>>> => {\n  const WithChannelContextComponent = (\n    props: Omit<P, keyof ChannelContextValue<StreamChatGenerics>>,\n  ) => {\n    const channelContext = useChannelContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...channelContext} />;\n  };\n  WithChannelContextComponent.displayName = `WithChannelContext${getDisplayName(Component)}`;\n  return WithChannelContextComponent;\n};\n"],"mappings":"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"}

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

@@ -19,6 +19,7 @@ var _useCreateMessageInputContext = require("./hooks/useCreateMessageInputContex
 var _useMessageDetailsForState = require("./hooks/useMessageDetailsForState");
 var _useCooldown2 = require("../../components/MessageInput/hooks/useCooldown");
 var _native = require("../../native");
+var _compressImage = require("../../utils/compressImage");
 var _removeReservedFields = require("../../utils/removeReservedFields");
 var _utils = require("../../utils/utils");
 var _AttachmentPickerContext = require("../attachmentPickerContext/AttachmentPickerContext");
@@ -76,7 +77,8 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   var channelCapabities = (0, _OwnCapabilitiesContext.useOwnCapabilitiesContext)();
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
     channel = _useChannelContext.channel,
-    giphyEnabled = _useChannelContext.giphyEnabled;
+    giphyEnabled = _useChannelContext.giphyEnabled,
+    uploadAbortControllerRef = _useChannelContext.uploadAbortControllerRef;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
     thread = _useThreadContext.thread;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
@@ -298,13 +300,14 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   };
   var mapImageUploadToAttachment = function mapImageUploadToAttachment(image) {
     var mime_type = (0, _mimeTypes.lookup)(image.file.name);
+    var name = image.file.name;
     return {
-      fallback: image.file.name,
+      fallback: name,
       image_url: image.url,
       mime_type: mime_type ? mime_type : undefined,
       original_height: image.height,
       original_width: image.width,
-      originalFile: image.file,
+      originalImage: image.file,
       type: 'image'
     };
   };
@@ -697,34 +700,43 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             return value.doDocUploadRequest(file, channel);
           case 8:
             response = _context5.sent;
-            _context5.next = 15;
+            _context5.next = 17;
             break;
           case 11:
             if (!(channel && file.uri)) {
-              _context5.next = 15;
+              _context5.next = 17;
               break;
             }
-            _context5.next = 14;
+            uploadAbortControllerRef.current.set(file.name, client.createAbortControllerForNextRequest());
+            _context5.next = 15;
             return channel.sendFile(file.uri, file.name, file.mimeType);
-          case 14:
-            response = _context5.sent;
           case 15:
+            response = _context5.sent;
+            uploadAbortControllerRef.current["delete"](file.name);
+          case 17:
             extraData = {
               thumb_url: response.thumb_url,
               url: response.file
             };
             setFileUploads(getUploadSetStateAction(id, _utils.FileState.UPLOADED, extraData));
-            _context5.next = 22;
+            _context5.next = 27;
             break;
-          case 19:
-            _context5.prev = 19;
+          case 21:
+            _context5.prev = 21;
             _context5.t0 = _context5["catch"](4);
+            if (!(_context5.t0 instanceof Error && (_context5.t0.name === 'AbortError' || _context5.t0.name === 'CanceledError'))) {
+              _context5.next = 26;
+              break;
+            }
+            uploadAbortControllerRef.current["delete"](file.name);
+            return _context5.abrupt("return");
+          case 26:
             handleFileOrImageUploadError(_context5.t0, false, id);
-          case 22:
+          case 27:
           case "end":
             return _context5.stop();
         }
-      }, _callee5, null, [[4, 19]]);
+      }, _callee5, null, [[4, 21]]);
     }));
     return function uploadFile(_x) {
       return _ref6.apply(this, arguments);
@@ -732,7 +744,8 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   }();
   var uploadImage = function () {
     var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(_ref7) {
-      var newImage, _ref9, file, id, response, _file$name, uri, compressedUri, filename, contentType, newImageUploads;
+      var _file$name;
+      var newImage, _ref9, file, id, response, uri, filename, compressedUri, contentType, newImageUploads;
       return _regenerator["default"].wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
@@ -745,18 +758,13 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             return _context6.abrupt("return");
           case 4:
             response = {};
-            _context6.prev = 5;
             uri = file.uri || '';
-            _context6.next = 9;
-            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 9:
-            compressedUri = _context6.sent;
             filename = (_file$name = file.name) != null ? _file$name : uri.replace(/^(file:\/\/|content:\/\/)/, '');
+            _context6.prev = 7;
+            _context6.next = 10;
+            return (0, _compressImage.compressedImageURI)(file, value.compressImageQuality);
+          case 10:
+            compressedUri = _context6.sent;
             contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
             if (!value.doImageUploadRequest) {
               _context6.next = 18;
@@ -766,18 +774,20 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             return value.doImageUploadRequest(file, channel);
           case 15:
             response = _context6.sent;
-            _context6.next = 26;
+            _context6.next = 29;
             break;
           case 18:
             if (!(compressedUri && channel)) {
-              _context6.next = 26;
+              _context6.next = 29;
               break;
             }
             if (!value.sendImageAsync) {
-              _context6.next = 23;
+              _context6.next = 24;
               break;
             }
+            uploadAbortControllerRef.current.set(filename, client.createAbortControllerForNextRequest());
             channel.sendImage(compressedUri, filename, contentType).then(function (res) {
+              uploadAbortControllerRef.current["delete"](filename);
               if (asyncIds.includes(id)) {
                 setAsyncUploads(function (prevAsyncUploads) {
                   prevAsyncUploads[id] = (0, _extends2["default"])({}, prevAsyncUploads[id], {
@@ -792,15 +802,19 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 });
                 setImageUploads(newImageUploads);
               }
+            }, function () {
+              uploadAbortControllerRef.current["delete"](filename);
             });
-            _context6.next = 26;
+            _context6.next = 29;
             break;
-          case 23:
-            _context6.next = 25;
+          case 24:
+            uploadAbortControllerRef.current.set(filename, client.createAbortControllerForNextRequest());
+            _context6.next = 27;
             return channel.sendImage(compressedUri, filename, contentType);
-          case 25:
+          case 27:
             response = _context6.sent;
-          case 26:
+            uploadAbortControllerRef.current["delete"](filename);
+          case 29:
             if (Object.keys(response).length) {
               newImageUploads = getUploadSetStateAction(id, _utils.FileState.UPLOADED, {
                 height: file.height,
@@ -809,17 +823,24 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               });
               setImageUploads(newImageUploads);
             }
-            _context6.next = 32;
+            _context6.next = 38;
             break;
-          case 29:
-            _context6.prev = 29;
-            _context6.t0 = _context6["catch"](5);
-            handleFileOrImageUploadError(_context6.t0, true, id);
           case 32:
+            _context6.prev = 32;
+            _context6.t0 = _context6["catch"](7);
+            if (!(_context6.t0 instanceof Error && (_context6.t0.name === 'AbortError' || _context6.t0.name === 'CanceledError'))) {
+              _context6.next = 37;
+              break;
+            }
+            uploadAbortControllerRef.current["delete"](filename);
+            return _context6.abrupt("return");
+          case 37:
+            handleFileOrImageUploadError(_context6.t0, true, id);
+          case 38:
           case "end":
             return _context6.stop();
         }
-      }, _callee6, null, [[5, 29]]);
+      }, _callee6, null, [[7, 32]]);
     }));
     return function uploadImage(_x2) {
       return _ref8.apply(this, arguments);
@@ -973,7 +994,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1173,
+      lineNumber: 1185,
       columnNumber: 5
     }
   }, children);
@@ -994,7 +1015,7 @@ var withMessageInputContext = function withMessageInputContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1213,
+        lineNumber: 1225,
         columnNumber: 12
       }
     }));