stream-chat-react-native-core 4.0.0-beta.2 → 4.0.0-beta.6

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

@@ -1 +1 @@
-{"version":3,"sources":["CooldownTimer.tsx"],"names":["CONTAINER_SIZE","CONTAINER_HORIZONTAL_PADDING","EXTRA_CHARACTER_PADDING","normalizeWidth","seconds","length","CooldownTimer","props","theme","colors","black","grey_gainsboro","messageInput","cooldownTimer","container","text","styles","backgroundColor","width","color","StyleSheet","create","alignItems","borderRadius","height","justifyContent","minWidth","paddingHorizontal","fontSize","fontWeight"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;AAMA,IAAMA,cAAc,GAAG,EAAvB;AACA,IAAMC,4BAA4B,GAAG,CAArC;AACA,IAAMC,uBAAuB,GAAGF,cAAc,GAAGC,4BAA4B,GAAG,CAAhF;;AAOA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACC,OAAD;AAAA,SACrBJ,cAAc,GAAGE,uBAAuB,IAAI,MAAGE,OAAH,EAAaC,MAAb,GAAsB,CAA1B,CADnB;AAAA,CAAvB;;AASO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA+B;AAC1D,MAAQH,OAAR,GAAoBG,KAApB,CAAQH,OAAR;;AACA,kBAOI,6BAPJ;AAAA,kCACEI,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,KAFd,yBAEcA,KAFd;AAAA,MAEqBC,cAFrB,yBAEqBA,cAFrB;AAAA,8CAGIC,YAHJ,CAIMC,aAJN;AAAA,MAIuBC,SAJvB,yBAIuBA,SAJvB;AAAA,MAIkCC,IAJlC,yBAIkCA,IAJlC;;AASA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLC,MAAM,CAACF,SADF,EAEL;AACEG,MAAAA,eAAe,EAAEN,cADnB;AAEEO,MAAAA,KAAK,EAAEf,cAAc,CAACC,OAAD;AAFvB,KAFK,EAMLU,SANK,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAUE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACE,MAAM,CAACD,IAAR,EAAc;AAAEI,MAAAA,KAAK,EAAET;AAAT,KAAd,EAAgCK,IAAhC,CAAb;AAAoD,IAAA,MAAM,EAAC,kBAA3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGX,OADH,CAVF,CADF;AAgBD,CA3BM;;;;AA6BP,IAAMY,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BP,EAAAA,SAAS,EAAE;AACTQ,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,YAAY,EAAEvB,cAAc,GAAG,CAFtB;AAGTwB,IAAAA,MAAM,EAAExB,cAHC;AAITyB,IAAAA,cAAc,EAAE,QAJP;AAKTC,IAAAA,QAAQ,EAAE1B,cALD;AAMT2B,IAAAA,iBAAiB,EAAE1B;AANV,GADoB;AAS/Bc,EAAAA,IAAI,EAAE;AAAEa,IAAAA,QAAQ,EAAE,EAAZ;AAAgBC,IAAAA,UAAU,EAAE;AAA5B;AATyB,CAAlB,CAAf","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nexport type CooldownTimerProps = {\n  seconds: number;\n};\n\nconst CONTAINER_SIZE = 24;\nconst CONTAINER_HORIZONTAL_PADDING = 6;\nconst EXTRA_CHARACTER_PADDING = CONTAINER_SIZE - CONTAINER_HORIZONTAL_PADDING * 2;\n\n/**\n * To avoid the container jumping between sizes when there are more\n * than one character in the width of the container since we aren't\n * using a monospaced font.\n */\nconst normalizeWidth = (seconds: number) =>\n  CONTAINER_SIZE + EXTRA_CHARACTER_PADDING * (`${seconds}`.length - 1);\n\n/**\n * Renders an amount of seconds left for a cooldown to finish.\n *\n * See `useCountdown` for an example of how to set a countdown\n * to use as the source of `seconds`.\n **/\nexport const CooldownTimer = (props: CooldownTimerProps) => {\n  const { seconds } = props;\n  const {\n    theme: {\n      colors: { black, grey_gainsboro },\n      messageInput: {\n        cooldownTimer: { container, text },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          backgroundColor: grey_gainsboro,\n          width: normalizeWidth(seconds),\n        },\n        container,\n      ]}\n    >\n      <Text style={[styles.text, { color: black }, text]} testID='cooldown-seconds'>\n        {seconds}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: CONTAINER_SIZE / 2,\n    height: CONTAINER_SIZE,\n    justifyContent: 'center',\n    minWidth: CONTAINER_SIZE,\n    paddingHorizontal: CONTAINER_HORIZONTAL_PADDING,\n  },\n  text: { fontSize: 16, fontWeight: '600' },\n});\n"]}
+{"version":3,"sources":["CooldownTimer.tsx"],"names":["CONTAINER_SIZE","CONTAINER_HORIZONTAL_PADDING","EXTRA_CHARACTER_PADDING","normalizeWidth","seconds","length","CooldownTimer","props","theme","colors","black","grey_gainsboro","messageInput","cooldownTimer","container","text","styles","backgroundColor","width","color","StyleSheet","create","alignItems","borderRadius","height","justifyContent","minWidth","paddingHorizontal","fontSize","fontWeight"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;AAMA,IAAMA,cAAc,GAAG,EAAvB;AACA,IAAMC,4BAA4B,GAAG,CAArC;AACA,IAAMC,uBAAuB,GAAGF,cAAc,GAAGC,4BAA4B,GAAG,CAAhF;;AAOA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACC,OAAD;AAAA,SACrBJ,cAAc,GAAGE,uBAAuB,IAAI,MAAGE,OAAH,EAAaC,MAAb,GAAsB,CAA1B,CADnB;AAAA,CAAvB;;AASO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA+B;AAC1D,MAAQH,OAAR,GAAoBG,KAApB,CAAQH,OAAR;;AACA,kBAOI,6BAPJ;AAAA,kCACEI,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,KAFd,yBAEcA,KAFd;AAAA,MAEqBC,cAFrB,yBAEqBA,cAFrB;AAAA,8CAGIC,YAHJ,CAIMC,aAJN;AAAA,MAIuBC,SAJvB,yBAIuBA,SAJvB;AAAA,MAIkCC,IAJlC,yBAIkCA,IAJlC;;AASA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLC,MAAM,CAACF,SADF,EAEL;AACEG,MAAAA,eAAe,EAAEN,cADnB;AAEEO,MAAAA,KAAK,EAAEf,cAAc,CAACC,OAAD;AAFvB,KAFK,EAMLU,SANK,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAUE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACE,MAAM,CAACD,IAAR,EAAc;AAAEI,MAAAA,KAAK,EAAET;AAAT,KAAd,EAAgCK,IAAhC,CAAb;AAAoD,IAAA,MAAM,EAAC,kBAA3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGX,OADH,CAVF,CADF;AAgBD,CA3BM;;;;AA6BP,IAAMY,MAAM,GAAGI,wBAAWC,MAAX,CAAkB;AAC/BP,EAAAA,SAAS,EAAE;AACTQ,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,YAAY,EAAEvB,cAAc,GAAG,CAFtB;AAGTwB,IAAAA,MAAM,EAAExB,cAHC;AAITyB,IAAAA,cAAc,EAAE,QAJP;AAKTC,IAAAA,QAAQ,EAAE1B,cALD;AAMT2B,IAAAA,iBAAiB,EAAE1B;AANV,GADoB;AAS/Bc,EAAAA,IAAI,EAAE;AAAEa,IAAAA,QAAQ,EAAE,EAAZ;AAAgBC,IAAAA,UAAU,EAAE;AAA5B;AATyB,CAAlB,CAAf","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nexport type CooldownTimerProps = {\n  seconds: number;\n};\n\nconst CONTAINER_SIZE = 24;\nconst CONTAINER_HORIZONTAL_PADDING = 6;\nconst EXTRA_CHARACTER_PADDING = CONTAINER_SIZE - CONTAINER_HORIZONTAL_PADDING * 2;\n\n/**\n * To avoid the container jumping between sizes when there are more\n * than one character in the width of the container since we aren't\n * using a monospaced font.\n */\nconst normalizeWidth = (seconds: number) =>\n  CONTAINER_SIZE + EXTRA_CHARACTER_PADDING * (`${seconds}`.length - 1);\n\n/**\n * Renders an amount of seconds left for a cooldown to finish.\n *\n * See `useCountdown` for an example of how to set a countdown\n * to use as the source of `seconds`.\n **/\nexport const CooldownTimer = (props: CooldownTimerProps) => {\n  const { seconds } = props;\n  const {\n    theme: {\n      colors: { black, grey_gainsboro },\n      messageInput: {\n        cooldownTimer: { container, text },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          backgroundColor: grey_gainsboro,\n          width: normalizeWidth(seconds),\n        },\n        container,\n      ]}\n    >\n      <Text style={[styles.text, { color: black }, text]} testID='cooldown-seconds'>\n        {seconds}\n      </Text>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: CONTAINER_SIZE / 2,\n    height: CONTAINER_SIZE,\n    justifyContent: 'center',\n    minWidth: CONTAINER_SIZE,\n    paddingHorizontal: CONTAINER_HORIZONTAL_PADDING,\n  },\n  text: { fontSize: 16, fontWeight: '600' },\n});\n"]}

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

@@ -17,8 +17,6 @@ var _reactNative = require("react-native");
 
 var _UploadProgressIndicator = require("./UploadProgressIndicator");
 
-var _FileAttachment = require("../Attachment/FileAttachment");
-
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
 
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
@@ -29,6 +27,8 @@ var _Close = require("../../icons/Close");
 
 var _utils = require("../../utils/utils");
 
+var _FileAttachment = require("../Attachment/FileAttachment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/FileUploadPreview.tsx";
 
@@ -127,7 +127,7 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 130,
+        lineNumber: 109,
         columnNumber: 9
       }
     }, _react["default"].createElement(_reactNative.View, {
@@ -140,7 +140,7 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 138,
+        lineNumber: 117,
         columnNumber: 11
       }
     }, _react["default"].createElement(_reactNative.View, {
@@ -148,7 +148,7 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 153,
+        lineNumber: 132,
         columnNumber: 13
       }
     }, _react["default"].createElement(FileAttachmentIcon, {
@@ -156,7 +156,7 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 154,
+        lineNumber: 133,
         columnNumber: 15
       }
     }), _react["default"].createElement(_reactNative.View, {
@@ -164,7 +164,7 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 155,
+        lineNumber: 134,
         columnNumber: 15
       }
     }, _react["default"].createElement(_reactNative.Text, {
@@ -176,7 +176,7 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 156,
+        lineNumber: 135,
         columnNumber: 17
       }
     }, item.file.name || ''), _react["default"].createElement(_reactNative.Text, {
@@ -186,7 +186,7 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 174,
+        lineNumber: 153,
         columnNumber: 17
       }
     }, (0, _FileAttachment.getFileSizeDisplayText)(item.file.size)))))), _react["default"].createElement(_reactNative.TouchableOpacity, {
@@ -200,14 +200,14 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 181,
+        lineNumber: 160,
         columnNumber: 9
       }
     }, _react["default"].createElement(_Close.Close, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 188,
+        lineNumber: 167,
         columnNumber: 11
       }
     })));
@@ -245,7 +245,7 @@ var FileUploadPreviewWithContext = function FileUploadPreviewWithContext(props)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 203,
+      lineNumber: 182,
       columnNumber: 5
     }
   }) : null;
@@ -279,7 +279,7 @@ var FileUploadPreview = function FileUploadPreview(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 283,
+      lineNumber: 241,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["FileUploadPreview.tsx"],"names":["FILE_PREVIEW_HEIGHT","styles","StyleSheet","create","dismiss","borderRadius","height","position","right","top","width","fileContainer","borderWidth","flexDirection","justifyContent","marginBottom","padding","fileContentContainer","filenameText","fontSize","fontWeight","paddingLeft","fileSizeText","fileTextContainer","flatList","maxHeight","overlay","marginLeft","marginRight","FileUploadPreviewWithContext","props","FileAttachmentIcon","fileUploads","removeFile","uploadFile","flatListRef","flatListWidth","setFlatListWidth","theme","colors","black","grey","grey_whisper","messageInput","fileUploadPreview","renderItem","index","item","indicatorType","state","FileState","UPLOADING","ProgressIndicatorTypes","IN_PROGRESS","UPLOAD_FAILED","RETRY","undefined","newFile","UPLOADED","FINISHED","length","borderColor","file","type","color","name","size","id","backgroundColor","fileUploadsLength","current","setTimeout","scrollToEnd","_","offset","nativeEvent","layout","areEqual","prevProps","nextProps","prevFileUploads","nextFileUploads","every","prevFileUpload","MemoizedFileUploadPreview","React","memo","FileUploadPreview","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { FlatList, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { UploadProgressIndicator } from './UploadProgressIndicator';\n\nimport { getFileSizeDisplayText } from '../Attachment/FileAttachment';\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 { Close } from '../../icons/Close';\nimport { FileState, ProgressIndicatorTypes } from '../../utils/utils';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst FILE_PREVIEW_HEIGHT = 60;\n\nconst styles = StyleSheet.create({\n  dismiss: {\n    borderRadius: 24,\n    height: 24,\n    position: 'absolute',\n    right: 14,\n    top: 4,\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    padding: 8,\n  },\n  fileContentContainer: { flexDirection: 'row' },\n  filenameText: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingLeft: 10,\n  },\n  fileSizeText: {\n    fontSize: 12,\n    paddingLeft: 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});\n\ntype FileUploadPreviewPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<\n  MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'fileUploads' | 'removeFile' | 'uploadFile'\n> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'FileAttachmentIcon'>;\n\nconst FileUploadPreviewWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: FileUploadPreviewPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { FileAttachmentIcon, fileUploads, removeFile, uploadFile } = props;\n\n  const flatListRef = useRef<FlatList<FileUpload> | null>(null);\n  const [flatListWidth, setFlatListWidth] = useState(0);\n\n  const {\n    theme: {\n      colors: { black, grey, grey_whisper, overlay },\n      messageInput: {\n        fileUploadPreview: {\n          dismiss,\n          fileContainer,\n          fileContentContainer,\n          filenameText,\n          fileSizeText,\n          fileTextContainer,\n          flatList,\n        },\n      },\n    },\n  } = useTheme();\n\n  const renderItem = ({ index, item }: { index: number; item: FileUpload }) => {\n    const indicatorType =\n      item.state === FileState.UPLOADING\n        ? ProgressIndicatorTypes.IN_PROGRESS\n        : item.state === FileState.UPLOAD_FAILED\n        ? ProgressIndicatorTypes.RETRY\n        : undefined;\n\n    return (\n      <>\n        <UploadProgressIndicator\n          action={() => {\n            uploadFile({ newFile: item });\n          }}\n          active={item.state !== FileState.UPLOADED && item.state !== FileState.FINISHED}\n          style={styles.overlay}\n          type={indicatorType}\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              <FileAttachmentIcon mimeType={item.file.type} />\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                    filenameText,\n                  ]}\n                >\n                  {item.file.name || ''}\n                </Text>\n                <Text style={[styles.fileSizeText, { color: grey }, fileSizeText]}>\n                  {getFileSizeDisplayText(item.file.size)}\n                </Text>\n              </View>\n            </View>\n          </View>\n        </UploadProgressIndicator>\n        <TouchableOpacity\n          onPress={() => {\n            removeFile(item.id);\n          }}\n          style={[styles.dismiss, { backgroundColor: overlay }, dismiss]}\n          testID='remove-file-upload-preview'\n        >\n          <Close />\n        </TouchableOpacity>\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 = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: FileUploadPreviewPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: FileUploadPreviewPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\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) => prevFileUpload.state === nextFileUploads[index].state,\n    )\n  );\n};\n\nconst MemoizedFileUploadPreview = React.memo(\n  FileUploadPreviewWithContext,\n  areEqual,\n) as typeof FileUploadPreviewWithContext;\n\nexport type FileUploadPreviewProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<FileUploadPreviewPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * FileUploadPreview\n * UI Component to preview the files set for upload\n */\nexport const FileUploadPreview = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: FileUploadPreviewProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { fileUploads, removeFile, uploadFile } =\n    useMessageInputContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { FileAttachmentIcon } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedFileUploadPreview\n      {...{ FileAttachmentIcon, fileUploads, removeFile, uploadFile }}\n      {...props}\n    />\n  );\n};\n\nFileUploadPreview.displayName = 'FileUploadPreview{messageInput{fileUploadPreview}}';\n"]}
+{"version":3,"sources":["FileUploadPreview.tsx"],"names":["FILE_PREVIEW_HEIGHT","styles","StyleSheet","create","dismiss","borderRadius","height","position","right","top","width","fileContainer","borderWidth","flexDirection","justifyContent","marginBottom","padding","fileContentContainer","filenameText","fontSize","fontWeight","paddingLeft","fileSizeText","fileTextContainer","flatList","maxHeight","overlay","marginLeft","marginRight","FileUploadPreviewWithContext","props","FileAttachmentIcon","fileUploads","removeFile","uploadFile","flatListRef","flatListWidth","setFlatListWidth","theme","colors","black","grey","grey_whisper","messageInput","fileUploadPreview","renderItem","index","item","indicatorType","state","FileState","UPLOADING","ProgressIndicatorTypes","IN_PROGRESS","UPLOAD_FAILED","RETRY","undefined","newFile","UPLOADED","FINISHED","length","borderColor","file","type","color","name","size","id","backgroundColor","fileUploadsLength","current","setTimeout","scrollToEnd","_","offset","nativeEvent","layout","areEqual","prevProps","nextProps","prevFileUploads","nextFileUploads","every","prevFileUpload","MemoizedFileUploadPreview","React","memo","FileUploadPreview","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { FlatList, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\n\nimport { UploadProgressIndicator } from './UploadProgressIndicator';\n\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 { Close } from '../../icons/Close';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { FileState, ProgressIndicatorTypes } from '../../utils/utils';\n\nimport { getFileSizeDisplayText } from '../Attachment/FileAttachment';\n\nconst FILE_PREVIEW_HEIGHT = 60;\n\nconst styles = StyleSheet.create({\n  dismiss: {\n    borderRadius: 24,\n    height: 24,\n    position: 'absolute',\n    right: 14,\n    top: 4,\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    padding: 8,\n  },\n  fileContentContainer: { flexDirection: 'row' },\n  filenameText: {\n    fontSize: 14,\n    fontWeight: 'bold',\n    paddingLeft: 10,\n  },\n  fileSizeText: {\n    fontSize: 12,\n    paddingLeft: 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});\n\ntype FileUploadPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'fileUploads' | 'removeFile' | 'uploadFile'\n> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'FileAttachmentIcon'>;\n\nconst FileUploadPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: FileUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { FileAttachmentIcon, fileUploads, removeFile, uploadFile } = props;\n\n  const flatListRef = useRef<FlatList<FileUpload> | null>(null);\n  const [flatListWidth, setFlatListWidth] = useState(0);\n\n  const {\n    theme: {\n      colors: { black, grey, grey_whisper, overlay },\n      messageInput: {\n        fileUploadPreview: {\n          dismiss,\n          fileContainer,\n          fileContentContainer,\n          filenameText,\n          fileSizeText,\n          fileTextContainer,\n          flatList,\n        },\n      },\n    },\n  } = useTheme();\n\n  const renderItem = ({ index, item }: { index: number; item: FileUpload }) => {\n    const indicatorType =\n      item.state === FileState.UPLOADING\n        ? ProgressIndicatorTypes.IN_PROGRESS\n        : item.state === FileState.UPLOAD_FAILED\n        ? ProgressIndicatorTypes.RETRY\n        : undefined;\n\n    return (\n      <>\n        <UploadProgressIndicator\n          action={() => {\n            uploadFile({ newFile: item });\n          }}\n          active={item.state !== FileState.UPLOADED && item.state !== FileState.FINISHED}\n          style={styles.overlay}\n          type={indicatorType}\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              <FileAttachmentIcon mimeType={item.file.type} />\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                    filenameText,\n                  ]}\n                >\n                  {item.file.name || ''}\n                </Text>\n                <Text style={[styles.fileSizeText, { color: grey }, fileSizeText]}>\n                  {getFileSizeDisplayText(item.file.size)}\n                </Text>\n              </View>\n            </View>\n          </View>\n        </UploadProgressIndicator>\n        <TouchableOpacity\n          onPress={() => {\n            removeFile(item.id);\n          }}\n          style={[styles.dismiss, { backgroundColor: overlay }, dismiss]}\n          testID='remove-file-upload-preview'\n        >\n          <Close />\n        </TouchableOpacity>\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) => prevFileUpload.state === nextFileUploads[index].state,\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 { fileUploads, removeFile, uploadFile } = useMessageInputContext<StreamChatGenerics>();\n  const { FileAttachmentIcon } = useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedFileUploadPreview\n      {...{ FileAttachmentIcon, fileUploads, removeFile, uploadFile }}\n      {...props}\n    />\n  );\n};\n\nFileUploadPreview.displayName = 'FileUploadPreview{messageInput{fileUploadPreview}}';\n"]}

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

@@ -74,7 +74,7 @@ var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 94,
+        lineNumber: 66,
         columnNumber: 5
       }
     }, _react["default"].createElement(_UploadProgressIndicator.UploadProgressIndicator, {
@@ -89,7 +89,7 @@ var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 101,
+        lineNumber: 73,
         columnNumber: 7
       }
     }, _react["default"].createElement(_reactNative.Image, {
@@ -101,7 +101,7 @@ var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 115,
+        lineNumber: 87,
         columnNumber: 9
       }
     })), _react["default"].createElement(_reactNative.TouchableOpacity, {
@@ -115,7 +115,7 @@ var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121,
+        lineNumber: 93,
         columnNumber: 7
       }
     }, _react["default"].createElement(_Close.Close, {
@@ -123,7 +123,7 @@ var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 128,
+        lineNumber: 100,
         columnNumber: 9
       }
     })));
@@ -147,7 +147,7 @@ var ImageUploadPreviewWithContext = function ImageUploadPreviewWithContext(props
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 106,
       columnNumber: 5
     }
   }) : null;
@@ -177,7 +177,7 @@ var ImageUploadPreview = function ImageUploadPreview(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 195,
+      lineNumber: 152,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageUploadPreview.tsx"],"names":["IMAGE_PREVIEW_SIZE","styles","StyleSheet","create","dismiss","borderRadius","position","right","top","flatList","paddingBottom","itemContainer","flexDirection","height","marginLeft","upload","width","ImageUploadPreviewWithContext","props","imageUploads","removeImage","uploadImage","theme","colors","overlay","white","messageInput","imageUploadPreview","renderItem","index","item","length","marginRight","newImage","state","FileState","UPLOADED","FINISHED","UPLOADING","ProgressIndicatorTypes","IN_PROGRESS","UPLOAD_FAILED","RETRY","undefined","uri","file","url","id","backgroundColor","_","offset","areEqual","prevProps","nextProps","prevImageUploads","nextImageUploads","every","prevImageUpload","MemoizedImageUploadPreviewWithContext","React","memo","ImageUploadPreview","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FlatList, Image, StyleSheet, TouchableOpacity, View } from 'react-native';\n\nimport { UploadProgressIndicator } from './UploadProgressIndicator';\n\nimport {\n  ImageUpload,\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Close } from '../../icons/Close';\nimport { FileState, ProgressIndicatorTypes } from '../../utils/utils';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst IMAGE_PREVIEW_SIZE = 100;\n\nconst styles = StyleSheet.create({\n  dismiss: {\n    borderRadius: 24,\n    position: 'absolute',\n    right: 8,\n    top: 8,\n  },\n  flatList: { paddingBottom: 12 },\n  itemContainer: {\n    flexDirection: 'row',\n    height: IMAGE_PREVIEW_SIZE,\n    marginLeft: 8,\n  },\n  upload: {\n    borderRadius: 10,\n    height: IMAGE_PREVIEW_SIZE,\n    width: IMAGE_PREVIEW_SIZE,\n  },\n});\n\ntype ImageUploadPreviewPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<\n  MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'imageUploads' | 'removeImage' | 'uploadImage'\n>;\n\nexport type ImageUploadPreviewProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<ImageUploadPreviewPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nconst ImageUploadPreviewWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ImageUploadPreviewPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { imageUploads, removeImage, uploadImage } = props;\n\n  const {\n    theme: {\n      colors: { overlay, white },\n      messageInput: {\n        imageUploadPreview: { dismiss, flatList, itemContainer, upload },\n      },\n    },\n  } = useTheme();\n\n  const renderItem = ({ index, item }: { index: number; item: ImageUpload }) => (\n    <View\n      style={[\n        styles.itemContainer,\n        index === imageUploads.length - 1 ? { marginRight: 8 } : {},\n        itemContainer,\n      ]}\n    >\n      <UploadProgressIndicator\n        action={() => {\n          uploadImage({ newImage: item });\n        }}\n        active={item.state !== FileState.UPLOADED && item.state !== FileState.FINISHED}\n        style={styles.upload}\n        type={\n          item.state === FileState.UPLOADING\n            ? ProgressIndicatorTypes.IN_PROGRESS\n            : item.state === FileState.UPLOAD_FAILED\n            ? ProgressIndicatorTypes.RETRY\n            : undefined\n        }\n      >\n        <Image\n          resizeMode='cover'\n          source={{ uri: item.file.uri || item.url }}\n          style={[styles.upload, upload]}\n        />\n      </UploadProgressIndicator>\n      <TouchableOpacity\n        onPress={() => {\n          removeImage(item.id);\n        }}\n        style={[styles.dismiss, { backgroundColor: overlay }, dismiss]}\n        testID='remove-image-upload-preview'\n      >\n        <Close pathFill={white} />\n      </TouchableOpacity>\n    </View>\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\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: ImageUploadPreviewPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: ImageUploadPreviewPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\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  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ImageUploadPreviewProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { imageUploads, removeImage, uploadImage } =\n    useMessageInputContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedImageUploadPreviewWithContext\n      {...{ imageUploads, removeImage, uploadImage }}\n      {...props}\n    />\n  );\n};\n\nImageUploadPreview.displayName = 'ImageUploadPreview{messageInput{imageUploadPreview}}';\n"]}
+{"version":3,"sources":["ImageUploadPreview.tsx"],"names":["IMAGE_PREVIEW_SIZE","styles","StyleSheet","create","dismiss","borderRadius","position","right","top","flatList","paddingBottom","itemContainer","flexDirection","height","marginLeft","upload","width","ImageUploadPreviewWithContext","props","imageUploads","removeImage","uploadImage","theme","colors","overlay","white","messageInput","imageUploadPreview","renderItem","index","item","length","marginRight","newImage","state","FileState","UPLOADED","FINISHED","UPLOADING","ProgressIndicatorTypes","IN_PROGRESS","UPLOAD_FAILED","RETRY","undefined","uri","file","url","id","backgroundColor","_","offset","areEqual","prevProps","nextProps","prevImageUploads","nextImageUploads","every","prevImageUpload","MemoizedImageUploadPreviewWithContext","React","memo","ImageUploadPreview","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FlatList, Image, StyleSheet, TouchableOpacity, View } from 'react-native';\n\nimport { UploadProgressIndicator } from './UploadProgressIndicator';\n\nimport {\n  ImageUpload,\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Close } from '../../icons/Close';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { FileState, ProgressIndicatorTypes } from '../../utils/utils';\n\nconst IMAGE_PREVIEW_SIZE = 100;\n\nconst styles = StyleSheet.create({\n  dismiss: {\n    borderRadius: 24,\n    position: 'absolute',\n    right: 8,\n    top: 8,\n  },\n  flatList: { paddingBottom: 12 },\n  itemContainer: {\n    flexDirection: 'row',\n    height: IMAGE_PREVIEW_SIZE,\n    marginLeft: 8,\n  },\n  upload: {\n    borderRadius: 10,\n    height: IMAGE_PREVIEW_SIZE,\n    width: IMAGE_PREVIEW_SIZE,\n  },\n});\n\ntype ImageUploadPreviewPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  'imageUploads' | 'removeImage' | 'uploadImage'\n>;\n\nexport type ImageUploadPreviewProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<ImageUploadPreviewPropsWithContext<StreamChatGenerics>>;\n\nconst ImageUploadPreviewWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,\n) => {\n  const { imageUploads, removeImage, uploadImage } = props;\n\n  const {\n    theme: {\n      colors: { overlay, white },\n      messageInput: {\n        imageUploadPreview: { dismiss, flatList, itemContainer, upload },\n      },\n    },\n  } = useTheme();\n\n  const renderItem = ({ index, item }: { index: number; item: ImageUpload }) => (\n    <View\n      style={[\n        styles.itemContainer,\n        index === imageUploads.length - 1 ? { marginRight: 8 } : {},\n        itemContainer,\n      ]}\n    >\n      <UploadProgressIndicator\n        action={() => {\n          uploadImage({ newImage: item });\n        }}\n        active={item.state !== FileState.UPLOADED && item.state !== FileState.FINISHED}\n        style={styles.upload}\n        type={\n          item.state === FileState.UPLOADING\n            ? ProgressIndicatorTypes.IN_PROGRESS\n            : item.state === FileState.UPLOAD_FAILED\n            ? ProgressIndicatorTypes.RETRY\n            : undefined\n        }\n      >\n        <Image\n          resizeMode='cover'\n          source={{ uri: item.file.uri || item.url }}\n          style={[styles.upload, upload]}\n        />\n      </UploadProgressIndicator>\n      <TouchableOpacity\n        onPress={() => {\n          removeImage(item.id);\n        }}\n        style={[styles.dismiss, { backgroundColor: overlay }, dismiss]}\n        testID='remove-image-upload-preview'\n      >\n        <Close pathFill={white} />\n      </TouchableOpacity>\n    </View>\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\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 { imageUploads, removeImage, uploadImage } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedImageUploadPreviewWithContext\n      {...{ imageUploads, removeImage, uploadImage }}\n      {...props}\n    />\n  );\n};\n\nImageUploadPreview.displayName = 'ImageUploadPreview{messageInput{imageUploadPreview}}';\n"]}

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

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InputButtons = exports.InputButtonsWithContext = void 0;
+exports.InputButtonsWithContext = exports.InputButtons = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -11,10 +11,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
-var _OwnCapabilitiesContext = require("../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
-
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
 
+var _OwnCapabilitiesContext = require("../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
+
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
 var _this = this,
@@ -58,7 +58,7 @@ var InputButtonsWithContext = function InputButtonsWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 73,
       columnNumber: 5
     }
   }) : _react["default"].createElement(_react["default"].Fragment, null, (hasImagePicker || hasFilePicker) && ownCapabilities.uploadFile && _react["default"].createElement(_reactNative.View, {
@@ -66,7 +66,7 @@ var InputButtonsWithContext = function InputButtonsWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 77,
       columnNumber: 9
     }
   }, _react["default"].createElement(AttachButton, {
@@ -74,7 +74,7 @@ var InputButtonsWithContext = function InputButtonsWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 80,
       columnNumber: 11
     }
   })), hasCommands && !text && _react["default"].createElement(_reactNative.View, {
@@ -82,7 +82,7 @@ var InputButtonsWithContext = function InputButtonsWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 84,
       columnNumber: 9
     }
   }, _react["default"].createElement(CommandsButton, {
@@ -90,7 +90,7 @@ var InputButtonsWithContext = function InputButtonsWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 85,
       columnNumber: 11
     }
   })));
@@ -181,7 +181,7 @@ var InputButtons = function InputButtons(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214,
+      lineNumber: 173,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["InputButtons.tsx"],"names":["styles","StyleSheet","create","attachButtonContainer","paddingRight","InputButtonsWithContext","props","AttachButton","CommandsButton","giphyActive","hasCommands","hasFilePicker","hasImagePicker","MoreOptionsButton","openCommandsPicker","setShowMoreOptions","showMoreOptions","text","toggleAttachmentPicker","theme","messageInput","commandsButtonContainer","ownCapabilities","uploadFile","undefined","areEqual","prevProps","nextProps","prevGiphyActive","prevHasCommands","prevHasFilePicker","prevHasImagePicker","prevSelectedPicker","selectedPicker","prevShowMoreOptions","prevText","nextGiphyActive","nextHasCommands","nextHasFilePicker","nextHasImagePicker","nextSelectedPicker","nextShowMoreOptions","nextText","MemoizedInputButtonsWithContext","React","memo","InputButtons"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useOwnCapabilitiesContext } from '../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  attachButtonContainer: { paddingRight: 10 },\n});\n\nexport type InputButtonsProps<\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<InputButtonsWithContextProps<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport type InputButtonsWithContextProps<\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<\n  MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  | 'AttachButton'\n  | 'CommandsButton'\n  | 'giphyActive'\n  | 'hasCommands'\n  | 'hasFilePicker'\n  | 'hasImagePicker'\n  | 'MoreOptionsButton'\n  | 'openCommandsPicker'\n  | 'selectedPicker'\n  | 'setShowMoreOptions'\n  | 'showMoreOptions'\n  | 'text'\n  | 'toggleAttachmentPicker'\n>;\n\nexport const InputButtonsWithContext = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: InputButtonsWithContextProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    AttachButton,\n    CommandsButton,\n    giphyActive,\n    hasCommands,\n    hasFilePicker,\n    hasImagePicker,\n    MoreOptionsButton,\n    openCommandsPicker,\n    setShowMoreOptions,\n    showMoreOptions,\n    text,\n    toggleAttachmentPicker,\n  } = props;\n\n  const {\n    theme: {\n      messageInput: { attachButtonContainer, commandsButtonContainer },\n    },\n  } = useTheme();\n\n  const ownCapabilities = useOwnCapabilitiesContext();\n\n  if (giphyActive) {\n    return null;\n  }\n\n  return !showMoreOptions && (hasImagePicker || hasFilePicker) && hasCommands ? (\n    <MoreOptionsButton handleOnPress={() => setShowMoreOptions(true)} />\n  ) : (\n    <>\n      {(hasImagePicker || hasFilePicker) && ownCapabilities.uploadFile && (\n        <View\n          style={[hasCommands ? styles.attachButtonContainer : undefined, attachButtonContainer]}\n        >\n          <AttachButton handleOnPress={toggleAttachmentPicker} />\n        </View>\n      )}\n      {hasCommands && !text && (\n        <View style={commandsButtonContainer}>\n          <CommandsButton handleOnPress={openCommandsPicker} />\n        </View>\n      )}\n    </>\n  );\n};\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: InputButtonsWithContextProps<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: InputButtonsWithContextProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    giphyActive: prevGiphyActive,\n    hasCommands: prevHasCommands,\n    hasFilePicker: prevHasFilePicker,\n    hasImagePicker: prevHasImagePicker,\n    selectedPicker: prevSelectedPicker,\n    showMoreOptions: prevShowMoreOptions,\n    text: prevText,\n  } = prevProps;\n\n  const {\n    giphyActive: nextGiphyActive,\n    hasCommands: nextHasCommands,\n    hasFilePicker: nextHasFilePicker,\n    hasImagePicker: nextHasImagePicker,\n    selectedPicker: nextSelectedPicker,\n    showMoreOptions: nextShowMoreOptions,\n    text: nextText,\n  } = nextProps;\n\n  if (prevHasImagePicker !== nextHasImagePicker) {\n    return false;\n  }\n\n  if (prevHasFilePicker !== nextHasFilePicker) {\n    return false;\n  }\n\n  if (prevHasCommands !== nextHasCommands) {\n    return false;\n  }\n\n  if (prevSelectedPicker !== nextSelectedPicker) {\n    return false;\n  }\n\n  if (prevShowMoreOptions !== nextShowMoreOptions) {\n    return false;\n  }\n\n  if ((!prevProps.text && nextText) || (prevText && !nextText)) {\n    return false;\n  }\n\n  if (prevGiphyActive !== nextGiphyActive) {\n    return false;\n  }\n\n  return true;\n};\n\nconst MemoizedInputButtonsWithContext = React.memo(\n  InputButtonsWithContext,\n  areEqual,\n) as typeof InputButtonsWithContext;\n\nexport const InputButtons = <\n  At extends DefaultAttachmentType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: InputButtonsProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    AttachButton,\n    CommandsButton,\n    giphyActive,\n    hasCommands,\n    hasFilePicker,\n    hasImagePicker,\n    MoreOptionsButton,\n    openCommandsPicker,\n    selectedPicker,\n    setShowMoreOptions,\n    showMoreOptions,\n    text,\n    toggleAttachmentPicker,\n  } = useMessageInputContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedInputButtonsWithContext\n      {...{\n        AttachButton,\n        CommandsButton,\n        giphyActive,\n        hasCommands,\n        hasFilePicker,\n        hasImagePicker,\n        MoreOptionsButton,\n        openCommandsPicker,\n        selectedPicker,\n        setShowMoreOptions,\n        showMoreOptions,\n        text,\n        toggleAttachmentPicker,\n      }}\n      {...props}\n    />\n  );\n};\n"]}
+{"version":3,"sources":["InputButtons.tsx"],"names":["styles","StyleSheet","create","attachButtonContainer","paddingRight","InputButtonsWithContext","props","AttachButton","CommandsButton","giphyActive","hasCommands","hasFilePicker","hasImagePicker","MoreOptionsButton","openCommandsPicker","setShowMoreOptions","showMoreOptions","text","toggleAttachmentPicker","theme","messageInput","commandsButtonContainer","ownCapabilities","uploadFile","undefined","areEqual","prevProps","nextProps","prevGiphyActive","prevHasCommands","prevHasFilePicker","prevHasImagePicker","prevSelectedPicker","selectedPicker","prevShowMoreOptions","prevText","nextGiphyActive","nextHasCommands","nextHasFilePicker","nextHasImagePicker","nextSelectedPicker","nextShowMoreOptions","nextText","MemoizedInputButtonsWithContext","React","memo","InputButtons"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport {\n  MessageInputContextValue,\n  useMessageInputContext,\n} from '../../contexts/messageInputContext/MessageInputContext';\nimport { useOwnCapabilitiesContext } from '../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  attachButtonContainer: { paddingRight: 10 },\n});\n\nexport type InputButtonsProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<InputButtonsWithContextProps<StreamChatGenerics>>;\n\nexport type InputButtonsWithContextProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageInputContextValue<StreamChatGenerics>,\n  | 'AttachButton'\n  | 'CommandsButton'\n  | 'giphyActive'\n  | 'hasCommands'\n  | 'hasFilePicker'\n  | 'hasImagePicker'\n  | 'MoreOptionsButton'\n  | 'openCommandsPicker'\n  | 'selectedPicker'\n  | 'setShowMoreOptions'\n  | 'showMoreOptions'\n  | 'text'\n  | 'toggleAttachmentPicker'\n>;\n\nexport const InputButtonsWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputButtonsWithContextProps<StreamChatGenerics>,\n) => {\n  const {\n    AttachButton,\n    CommandsButton,\n    giphyActive,\n    hasCommands,\n    hasFilePicker,\n    hasImagePicker,\n    MoreOptionsButton,\n    openCommandsPicker,\n    setShowMoreOptions,\n    showMoreOptions,\n    text,\n    toggleAttachmentPicker,\n  } = props;\n\n  const {\n    theme: {\n      messageInput: { attachButtonContainer, commandsButtonContainer },\n    },\n  } = useTheme();\n\n  const ownCapabilities = useOwnCapabilitiesContext();\n\n  if (giphyActive) {\n    return null;\n  }\n\n  return !showMoreOptions && (hasImagePicker || hasFilePicker) && hasCommands ? (\n    <MoreOptionsButton handleOnPress={() => setShowMoreOptions(true)} />\n  ) : (\n    <>\n      {(hasImagePicker || hasFilePicker) && ownCapabilities.uploadFile && (\n        <View\n          style={[hasCommands ? styles.attachButtonContainer : undefined, attachButtonContainer]}\n        >\n          <AttachButton handleOnPress={toggleAttachmentPicker} />\n        </View>\n      )}\n      {hasCommands && !text && (\n        <View style={commandsButtonContainer}>\n          <CommandsButton handleOnPress={openCommandsPicker} />\n        </View>\n      )}\n    </>\n  );\n};\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: InputButtonsWithContextProps<StreamChatGenerics>,\n  nextProps: InputButtonsWithContextProps<StreamChatGenerics>,\n) => {\n  const {\n    giphyActive: prevGiphyActive,\n    hasCommands: prevHasCommands,\n    hasFilePicker: prevHasFilePicker,\n    hasImagePicker: prevHasImagePicker,\n    selectedPicker: prevSelectedPicker,\n    showMoreOptions: prevShowMoreOptions,\n    text: prevText,\n  } = prevProps;\n\n  const {\n    giphyActive: nextGiphyActive,\n    hasCommands: nextHasCommands,\n    hasFilePicker: nextHasFilePicker,\n    hasImagePicker: nextHasImagePicker,\n    selectedPicker: nextSelectedPicker,\n    showMoreOptions: nextShowMoreOptions,\n    text: nextText,\n  } = nextProps;\n\n  if (prevHasImagePicker !== nextHasImagePicker) {\n    return false;\n  }\n\n  if (prevHasFilePicker !== nextHasFilePicker) {\n    return false;\n  }\n\n  if (prevHasCommands !== nextHasCommands) {\n    return false;\n  }\n\n  if (prevSelectedPicker !== nextSelectedPicker) {\n    return false;\n  }\n\n  if (prevShowMoreOptions !== nextShowMoreOptions) {\n    return false;\n  }\n\n  if ((!prevProps.text && nextText) || (prevText && !nextText)) {\n    return false;\n  }\n\n  if (prevGiphyActive !== nextGiphyActive) {\n    return false;\n  }\n\n  return true;\n};\n\nconst MemoizedInputButtonsWithContext = React.memo(\n  InputButtonsWithContext,\n  areEqual,\n) as typeof InputButtonsWithContext;\n\nexport const InputButtons = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: InputButtonsProps<StreamChatGenerics>,\n) => {\n  const {\n    AttachButton,\n    CommandsButton,\n    giphyActive,\n    hasCommands,\n    hasFilePicker,\n    hasImagePicker,\n    MoreOptionsButton,\n    openCommandsPicker,\n    selectedPicker,\n    setShowMoreOptions,\n    showMoreOptions,\n    text,\n    toggleAttachmentPicker,\n  } = useMessageInputContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedInputButtonsWithContext\n      {...{\n        AttachButton,\n        CommandsButton,\n        giphyActive,\n        hasCommands,\n        hasFilePicker,\n        hasImagePicker,\n        MoreOptionsButton,\n        openCommandsPicker,\n        selectedPicker,\n        setShowMoreOptions,\n        showMoreOptions,\n        text,\n        toggleAttachmentPicker,\n      }}\n      {...props}\n    />\n  );\n};\n"]}