stream-chat-react-native-core 3.8.1-next.1 → 3.8.2-next.1

package/lib/commonjs/components/ChannelList/hooks/listeners/useConnectionRecovered.js

@@ -14,9 +14,11 @@ var useConnectionRecovered = function useConnectionRecovered(_ref) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
       client = _useChatContext.client;
 
+  var refRefreshList = (0, _react.useRef)(refreshList);
+  refRefreshList.current = refreshList;
   (0, _react.useEffect)(function () {
     var handleEvent = function handleEvent() {
-      refreshList();
+      refRefreshList.current();
       setForceUpdate(function (count) {
         return count + 1;
       });

package/lib/commonjs/components/ChannelList/hooks/listeners/useConnectionRecovered.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useConnectionRecovered.ts"],"names":["useConnectionRecovered","refreshList","setForceUpdate","client","handleEvent","count","on","unsubscribeRecovered","unsubscribe","event","online","unsubscribeChanged"],"mappings":";;;;;AAAA;;AAEA;;AAkBO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAWpB;AAAA,MAFhBC,WAEgB,QAFhBA,WAEgB;AAAA,MADhBC,cACgB,QADhBA,cACgB;;AAChB,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBH,MAAAA,WAAW;AACXC,MAAAA,cAAc,CAAC,UAACG,KAAD;AAAA,eAAWA,KAAK,GAAG,CAAnB;AAAA,OAAD,CAAd;AACD,KAHD;;AAKA,qBAA8CF,MAAM,CAACG,EAAP,CAAU,sBAAV,EAAkCF,WAAlC,CAA9C;AAAA,QAAqBG,oBAArB,cAAQC,WAAR;;AACA,sBAA4CL,MAAM,CAACG,EAAP,CAAU,oBAAV,EAAgC,UAACG,KAAD,EAAW;AACrF,UAAIA,KAAK,CAACC,MAAV,EAAkB;AAChBN,QAAAA,WAAW;AACZ;AACF,KAJ2C,CAA5C;AAAA,QAAqBO,kBAArB,eAAQH,WAAR;;AAMA,WAAO,YAAM;AACXD,MAAAA,oBAAoB;AACpBI,MAAAA,kBAAkB;AACnB,KAHD;AAID,GAjBD,EAiBG,EAjBH;AAkBD,CAhCM","sourcesContent":["import { useEffect } from 'react';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../../types/types';\n\ntype Parameters = {\n  refreshList: () => void;\n  setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n};\n\nexport const useConnectionRecovered = <\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  refreshList,\n  setForceUpdate,\n}: Parameters) => {\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  useEffect(() => {\n    const handleEvent = () => {\n      refreshList();\n      setForceUpdate((count) => count + 1);\n    };\n\n    const { unsubscribe: unsubscribeRecovered } = client.on('connection.recovered', handleEvent);\n    const { unsubscribe: unsubscribeChanged } = client.on('connection.changed', (event) => {\n      if (event.online) {\n        handleEvent();\n      }\n    });\n\n    return () => {\n      unsubscribeRecovered();\n      unsubscribeChanged();\n    };\n  }, []);\n};\n"]}
+{"version":3,"sources":["useConnectionRecovered.ts"],"names":["useConnectionRecovered","refreshList","setForceUpdate","client","refRefreshList","current","handleEvent","count","on","unsubscribeRecovered","unsubscribe","event","online","unsubscribeChanged"],"mappings":";;;;;AAAA;;AAEA;;AAkBO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAWpB;AAAA,MAFhBC,WAEgB,QAFhBA,WAEgB;AAAA,MADhBC,cACgB,QADhBA,cACgB;;AAChB,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,MAAMC,cAAc,GAAG,mBAAOH,WAAP,CAAvB;AACAG,EAAAA,cAAc,CAACC,OAAf,GAAyBJ,WAAzB;AAEA,wBAAU,YAAM;AACd,QAAMK,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBF,MAAAA,cAAc,CAACC,OAAf;AACAH,MAAAA,cAAc,CAAC,UAACK,KAAD;AAAA,eAAWA,KAAK,GAAG,CAAnB;AAAA,OAAD,CAAd;AACD,KAHD;;AAKA,qBAA8CJ,MAAM,CAACK,EAAP,CAAU,sBAAV,EAAkCF,WAAlC,CAA9C;AAAA,QAAqBG,oBAArB,cAAQC,WAAR;;AACA,sBAA4CP,MAAM,CAACK,EAAP,CAAU,oBAAV,EAAgC,UAACG,KAAD,EAAW;AACrF,UAAIA,KAAK,CAACC,MAAV,EAAkB;AAChBN,QAAAA,WAAW;AACZ;AACF,KAJ2C,CAA5C;AAAA,QAAqBO,kBAArB,eAAQH,WAAR;;AAMA,WAAO,YAAM;AACXD,MAAAA,oBAAoB;AACpBI,MAAAA,kBAAkB;AACnB,KAHD;AAID,GAjBD,EAiBG,EAjBH;AAkBD,CAnCM","sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../../types/types';\n\ntype Parameters = {\n  refreshList: () => void;\n  setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n};\n\nexport const useConnectionRecovered = <\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  refreshList,\n  setForceUpdate,\n}: Parameters) => {\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  const refRefreshList = useRef(refreshList);\n  refRefreshList.current = refreshList;\n\n  useEffect(() => {\n    const handleEvent = () => {\n      refRefreshList.current();\n      setForceUpdate((count) => count + 1);\n    };\n\n    const { unsubscribe: unsubscribeRecovered } = client.on('connection.recovered', handleEvent);\n    const { unsubscribe: unsubscribeChanged } = client.on('connection.changed', (event) => {\n      if (event.online) {\n        handleEvent();\n      }\n    });\n\n    return () => {\n      unsubscribeRecovered();\n      unsubscribeChanged();\n    };\n  }, []);\n};\n"]}

package/lib/commonjs/components/Message/MessageSimple/utils/renderText.js

@@ -34,6 +34,13 @@ var defaultMarkdownStyles = {
     padding: 3,
     paddingHorizontal: 5
   },
+  list: {
+    marginBottom: 8,
+    marginTop: 8
+  },
+  listItemText: {
+    flex: 0
+  },
   mentions: {
     fontWeight: '700'
   },
@@ -222,7 +229,7 @@ var renderText = function renderText(params) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 255,
+      lineNumber: 262,
       columnNumber: 5
     }
   }, newText);

package/lib/commonjs/components/Message/MessageSimple/utils/renderText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderText.tsx"],"names":["defaultMarkdownStyles","inlineCode","fontSize","padding","paddingHorizontal","mentions","fontWeight","paragraph","marginBottom","marginTop","paragraphCenter","paragraphWithImage","parse","capture","state","content","renderText","params","colors","markdownRules","markdownStyles","message","messageOverlay","onLinkParams","onLink","onLongPressParam","onLongPress","onlyEmojis","onPressParam","onPress","preventPress","mentioned_users","text","newText","trim","urls","list","urlInfo","displayLink","encoded","replace","length","omission","markdown","protocol","raw","styles","autolink","color","accent_blue","backgroundColor","white_smoke","borderColor","grey_gainsboro","accent_red","black","url","Linking","canOpenURL","then","canOpenUrl","openURL","react","node","output","event","defaultHandler","target","emitter","withinLink","link","React","createElement","Text","key","style","suppressHighlighting","mentionedUsers","Array","isArray","reduce","acc","cur","userName","name","id","regEx","RegExp","match","source","exec","mentionsReact","customRules","reflink","order","defaultRules","JSON","stringify","undefined"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, Linking, Text } from 'react-native';\nimport anchorme from 'anchorme';\nimport truncate from 'lodash/truncate';\n// @ts-expect-error\nimport Markdown from 'react-native-markdown-package';\nimport {\n  DefaultRules,\n  defaultRules,\n  MatchFunction,\n  ParseFunction,\n  parseInline,\n  ReactNodeOutput,\n} from 'simple-markdown';\n\nimport type { MessageType } from '../../../MessageList/hooks/useMessageList';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../../types/types';\nimport type { MessageContextValue } from '../../../../contexts/messageContext/MessageContext';\nimport type { Colors, MarkdownStyle } from '../../../../contexts/themeContext/utils/theme';\n\nconst defaultMarkdownStyles: MarkdownStyle = {\n  inlineCode: {\n    fontSize: 13,\n    padding: 3,\n    paddingHorizontal: 5,\n  },\n  mentions: {\n    fontWeight: '700',\n  },\n  // unfortunately marginVertical doesn't override the defaults for these within the 3rd party lib\n  paragraph: {\n    marginBottom: 8,\n    marginTop: 8,\n  },\n  paragraphCenter: {\n    marginBottom: 8,\n    marginTop: 8,\n  },\n  paragraphWithImage: {\n    marginBottom: 8,\n    marginTop: 8,\n  },\n};\n\nconst parse: ParseFunction = (capture, parse, state) => ({\n  content: parseInline(parse, capture[0], state),\n});\n\nexport type MarkdownRules = Partial<DefaultRules>;\n\nexport type RenderTextParams<\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<\n  Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'onLongPress' | 'onPress' | 'preventPress'>\n> & {\n  colors: typeof Colors;\n  message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  markdownRules?: MarkdownRules;\n  markdownStyles?: MarkdownStyle;\n  messageOverlay?: boolean;\n  onLink?: (url: string) => Promise<void>;\n  onlyEmojis?: boolean;\n};\n\nexport const renderText = <\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  params: RenderTextParams<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    colors,\n    markdownRules,\n    markdownStyles,\n    message,\n    messageOverlay,\n    onLink: onLinkParams,\n    onLongPress: onLongPressParam,\n    onlyEmojis,\n    onPress: onPressParam,\n    preventPress,\n  } = params;\n\n  // take the @ mentions and turn them into markdown?\n  // translate links\n  const { mentioned_users, text } = message;\n\n  if (!text) return null;\n\n  let newText = text.trim();\n  const urls = anchorme(newText, {\n    list: true,\n  });\n\n  for (const urlInfo of urls) {\n    const displayLink = truncate(urlInfo.encoded.replace(/^(www\\.)/, ''), {\n      length: 200,\n      omission: '...',\n    });\n    const markdown = `[${displayLink}](${urlInfo.protocol}${urlInfo.encoded})`;\n    newText = newText.replace(urlInfo.raw, markdown);\n  }\n\n  newText = newText.replace(/[<&\"'>]/g, '\\\\$&');\n  const styles: MarkdownStyle = {\n    ...defaultMarkdownStyles,\n    ...markdownStyles,\n    autolink: {\n      ...defaultMarkdownStyles.autolink,\n      color: colors.accent_blue,\n      ...markdownStyles?.autolink,\n    },\n    inlineCode: {\n      ...defaultMarkdownStyles.inlineCode,\n      backgroundColor: colors.white_smoke,\n      borderColor: colors.grey_gainsboro,\n      color: colors.accent_red,\n      ...markdownStyles?.inlineCode,\n    },\n    mentions: {\n      ...defaultMarkdownStyles.mentions,\n      color: colors.accent_blue,\n      ...markdownStyles?.mentions,\n    },\n    text: {\n      ...defaultMarkdownStyles.text,\n      color: colors.black,\n      ...markdownStyles?.text,\n    },\n  };\n\n  const onLink = (url: string) =>\n    onLinkParams\n      ? onLinkParams(url)\n      : Linking.canOpenURL(url).then((canOpenUrl) => canOpenUrl && Linking.openURL(url));\n\n  const react: ReactNodeOutput = (node, output, { ...state }) => {\n    const onPress = (event: GestureResponderEvent) => {\n      if (!preventPress && onPressParam) {\n        onPressParam({\n          defaultHandler: () => onLink(node.target),\n          emitter: 'textLink',\n          event,\n        });\n      }\n    };\n\n    const onLongPress = (event: GestureResponderEvent) => {\n      if (!preventPress && onLongPressParam) {\n        onLongPressParam({\n          emitter: 'textLink',\n          event,\n        });\n      }\n    };\n\n    state.withinLink = true;\n    const link = React.createElement(\n      Text,\n      {\n        key: state.key,\n        onLongPress,\n        onPress,\n        style: styles.autolink,\n        suppressHighlighting: true,\n      },\n      output(node.content, state),\n    );\n    state.withinLink = false;\n    return link;\n  };\n\n  const mentionedUsers = Array.isArray(mentioned_users)\n    ? mentioned_users.reduce((acc, cur) => {\n        const userName = cur.name || cur.id || '';\n        if (userName) {\n          acc += `${acc.length ? '|' : ''}@${userName}`;\n        }\n        return acc;\n      }, '')\n    : '';\n\n  const regEx = new RegExp(`^\\\\B(${mentionedUsers})`, 'g');\n  const match: MatchFunction = (source) => regEx.exec(source);\n\n  const mentionsReact: ReactNodeOutput = (node, output, { ...state }) => {\n    const onPress = (event: GestureResponderEvent) => {\n      if (!preventPress && onPressParam) {\n        onPressParam({\n          emitter: 'textMention',\n          event,\n        });\n      }\n    };\n\n    const onLongPress = (event: GestureResponderEvent) => {\n      if (!preventPress && onLongPressParam) {\n        onLongPressParam({\n          emitter: 'textMention',\n          event,\n        });\n      }\n    };\n\n    return React.createElement(\n      Text,\n      {\n        key: state.key,\n        onLongPress,\n        onPress,\n        style: styles.mentions,\n      },\n      Array.isArray(node.content) ? node.content[0]?.content || '' : output(node.content, state),\n    );\n  };\n\n  const customRules = {\n    link: { react },\n    // we have no react rendering support for reflinks\n    reflink: { match: () => null },\n    ...(mentionedUsers\n      ? {\n          mentions: {\n            match,\n            order: defaultRules.text.order - 0.5,\n            parse,\n            react: mentionsReact,\n          },\n        }\n      : {}),\n  };\n\n  return (\n    <Markdown\n      key={`${JSON.stringify(mentioned_users)}-${onlyEmojis}-${\n        messageOverlay ? JSON.stringify(markdownStyles) : undefined\n      }`}\n      onLink={onLink}\n      rules={{\n        ...customRules,\n        ...markdownRules,\n      }}\n      styles={styles}\n    >\n      {newText}\n    </Markdown>\n  );\n};\n"]}
+{"version":3,"sources":["renderText.tsx"],"names":["defaultMarkdownStyles","inlineCode","fontSize","padding","paddingHorizontal","list","marginBottom","marginTop","listItemText","flex","mentions","fontWeight","paragraph","paragraphCenter","paragraphWithImage","parse","capture","state","content","renderText","params","colors","markdownRules","markdownStyles","message","messageOverlay","onLinkParams","onLink","onLongPressParam","onLongPress","onlyEmojis","onPressParam","onPress","preventPress","mentioned_users","text","newText","trim","urls","urlInfo","displayLink","encoded","replace","length","omission","markdown","protocol","raw","styles","autolink","color","accent_blue","backgroundColor","white_smoke","borderColor","grey_gainsboro","accent_red","black","url","Linking","canOpenURL","then","canOpenUrl","openURL","react","node","output","event","defaultHandler","target","emitter","withinLink","link","React","createElement","Text","key","style","suppressHighlighting","mentionedUsers","Array","isArray","reduce","acc","cur","userName","name","id","regEx","RegExp","match","source","exec","mentionsReact","customRules","reflink","order","defaultRules","JSON","stringify","undefined"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, Linking, Text } from 'react-native';\nimport anchorme from 'anchorme';\nimport truncate from 'lodash/truncate';\n// @ts-expect-error\nimport Markdown from 'react-native-markdown-package';\nimport {\n  DefaultRules,\n  defaultRules,\n  MatchFunction,\n  ParseFunction,\n  parseInline,\n  ReactNodeOutput,\n} from 'simple-markdown';\n\nimport type { MessageType } from '../../../MessageList/hooks/useMessageList';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../../types/types';\nimport type { MessageContextValue } from '../../../../contexts/messageContext/MessageContext';\nimport type { Colors, MarkdownStyle } from '../../../../contexts/themeContext/utils/theme';\n\nconst defaultMarkdownStyles: MarkdownStyle = {\n  inlineCode: {\n    fontSize: 13,\n    padding: 3,\n    paddingHorizontal: 5,\n  },\n  list: {\n    marginBottom: 8,\n    marginTop: 8,\n  },\n  listItemText: {\n    flex: 0,\n  },\n  mentions: {\n    fontWeight: '700',\n  },\n  // unfortunately marginVertical doesn't override the defaults for these within the 3rd party lib\n  paragraph: {\n    marginBottom: 8,\n    marginTop: 8,\n  },\n  paragraphCenter: {\n    marginBottom: 8,\n    marginTop: 8,\n  },\n  paragraphWithImage: {\n    marginBottom: 8,\n    marginTop: 8,\n  },\n};\n\nconst parse: ParseFunction = (capture, parse, state) => ({\n  content: parseInline(parse, capture[0], state),\n});\n\nexport type MarkdownRules = Partial<DefaultRules>;\n\nexport type RenderTextParams<\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<\n  Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'onLongPress' | 'onPress' | 'preventPress'>\n> & {\n  colors: typeof Colors;\n  message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  markdownRules?: MarkdownRules;\n  markdownStyles?: MarkdownStyle;\n  messageOverlay?: boolean;\n  onLink?: (url: string) => Promise<void>;\n  onlyEmojis?: boolean;\n};\n\nexport const renderText = <\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  params: RenderTextParams<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    colors,\n    markdownRules,\n    markdownStyles,\n    message,\n    messageOverlay,\n    onLink: onLinkParams,\n    onLongPress: onLongPressParam,\n    onlyEmojis,\n    onPress: onPressParam,\n    preventPress,\n  } = params;\n\n  // take the @ mentions and turn them into markdown?\n  // translate links\n  const { mentioned_users, text } = message;\n\n  if (!text) return null;\n\n  let newText = text.trim();\n  const urls = anchorme(newText, {\n    list: true,\n  });\n\n  for (const urlInfo of urls) {\n    const displayLink = truncate(urlInfo.encoded.replace(/^(www\\.)/, ''), {\n      length: 200,\n      omission: '...',\n    });\n    const markdown = `[${displayLink}](${urlInfo.protocol}${urlInfo.encoded})`;\n    newText = newText.replace(urlInfo.raw, markdown);\n  }\n\n  newText = newText.replace(/[<&\"'>]/g, '\\\\$&');\n  const styles: MarkdownStyle = {\n    ...defaultMarkdownStyles,\n    ...markdownStyles,\n    autolink: {\n      ...defaultMarkdownStyles.autolink,\n      color: colors.accent_blue,\n      ...markdownStyles?.autolink,\n    },\n    inlineCode: {\n      ...defaultMarkdownStyles.inlineCode,\n      backgroundColor: colors.white_smoke,\n      borderColor: colors.grey_gainsboro,\n      color: colors.accent_red,\n      ...markdownStyles?.inlineCode,\n    },\n    mentions: {\n      ...defaultMarkdownStyles.mentions,\n      color: colors.accent_blue,\n      ...markdownStyles?.mentions,\n    },\n    text: {\n      ...defaultMarkdownStyles.text,\n      color: colors.black,\n      ...markdownStyles?.text,\n    },\n  };\n\n  const onLink = (url: string) =>\n    onLinkParams\n      ? onLinkParams(url)\n      : Linking.canOpenURL(url).then((canOpenUrl) => canOpenUrl && Linking.openURL(url));\n\n  const react: ReactNodeOutput = (node, output, { ...state }) => {\n    const onPress = (event: GestureResponderEvent) => {\n      if (!preventPress && onPressParam) {\n        onPressParam({\n          defaultHandler: () => onLink(node.target),\n          emitter: 'textLink',\n          event,\n        });\n      }\n    };\n\n    const onLongPress = (event: GestureResponderEvent) => {\n      if (!preventPress && onLongPressParam) {\n        onLongPressParam({\n          emitter: 'textLink',\n          event,\n        });\n      }\n    };\n\n    state.withinLink = true;\n    const link = React.createElement(\n      Text,\n      {\n        key: state.key,\n        onLongPress,\n        onPress,\n        style: styles.autolink,\n        suppressHighlighting: true,\n      },\n      output(node.content, state),\n    );\n    state.withinLink = false;\n    return link;\n  };\n\n  const mentionedUsers = Array.isArray(mentioned_users)\n    ? mentioned_users.reduce((acc, cur) => {\n        const userName = cur.name || cur.id || '';\n        if (userName) {\n          acc += `${acc.length ? '|' : ''}@${userName}`;\n        }\n        return acc;\n      }, '')\n    : '';\n\n  const regEx = new RegExp(`^\\\\B(${mentionedUsers})`, 'g');\n  const match: MatchFunction = (source) => regEx.exec(source);\n\n  const mentionsReact: ReactNodeOutput = (node, output, { ...state }) => {\n    const onPress = (event: GestureResponderEvent) => {\n      if (!preventPress && onPressParam) {\n        onPressParam({\n          emitter: 'textMention',\n          event,\n        });\n      }\n    };\n\n    const onLongPress = (event: GestureResponderEvent) => {\n      if (!preventPress && onLongPressParam) {\n        onLongPressParam({\n          emitter: 'textMention',\n          event,\n        });\n      }\n    };\n\n    return React.createElement(\n      Text,\n      {\n        key: state.key,\n        onLongPress,\n        onPress,\n        style: styles.mentions,\n      },\n      Array.isArray(node.content) ? node.content[0]?.content || '' : output(node.content, state),\n    );\n  };\n\n  const customRules = {\n    link: { react },\n    // we have no react rendering support for reflinks\n    reflink: { match: () => null },\n    ...(mentionedUsers\n      ? {\n          mentions: {\n            match,\n            order: defaultRules.text.order - 0.5,\n            parse,\n            react: mentionsReact,\n          },\n        }\n      : {}),\n  };\n\n  return (\n    <Markdown\n      key={`${JSON.stringify(mentioned_users)}-${onlyEmojis}-${\n        messageOverlay ? JSON.stringify(markdownStyles) : undefined\n      }`}\n      onLink={onLink}\n      rules={{\n        ...customRules,\n        ...markdownRules,\n      }}\n      styles={styles}\n    >\n      {newText}\n    </Markdown>\n  );\n};\n"]}

package/lib/commonjs/components/MessageList/MessageList.js

@@ -202,12 +202,12 @@ var MessageListWithContext = function MessageListWithContext(props) {
       scrollToBottomButtonVisible = _useState8[0],
       setScrollToBottomButtonVisible = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(new Date()),
+  var _useState9 = (0, _react.useState)(),
       _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
       stickyHeaderDate = _useState10[0],
       setStickyHeaderDate = _useState10[1];
 
-  var stickyHeaderDateRef = (0, _react.useRef)(new Date());
+  var stickyHeaderDateRef = (0, _react.useRef)();
 
   var getLastReadSafely = function getLastReadSafely() {
     return channel != null && channel.initialized ? channel.lastRead() : undefined;
@@ -240,11 +240,11 @@ var MessageListWithContext = function MessageListWithContext(props) {
 
   var updateStickyHeaderDateIfNeeded = function updateStickyHeaderDateIfNeeded(viewableItems) {
     if (viewableItems.length) {
-      var _lastItem$item;
+      var _lastItem$item, _stickyHeaderDateRef$;
 
       var lastItem = viewableItems.pop();
 
-      if (lastItem != null && (_lastItem$item = lastItem.item) != null && _lastItem$item.created_at && !lastItem.item.deleted_at && typeof lastItem.item.created_at !== 'string' && lastItem.item.created_at.toDateString() !== stickyHeaderDateRef.current.toDateString()) {
+      if (lastItem != null && (_lastItem$item = lastItem.item) != null && _lastItem$item.created_at && !lastItem.item.deleted_at && typeof lastItem.item.created_at !== 'string' && lastItem.item.created_at.toDateString() !== ((_stickyHeaderDateRef$ = stickyHeaderDateRef.current) == null ? void 0 : _stickyHeaderDateRef$.toDateString())) {
         stickyHeaderDateRef.current = lastItem.item.created_at;
         setStickyHeaderDate(lastItem.item.created_at);
       }
@@ -628,9 +628,9 @@ var MessageListWithContext = function MessageListWithContext(props) {
       setImages(messagesWithImages);
     }
   }, [imageString, numberOfMessagesWithImages, threadExists, threadList]);
-  var stickyHeaderFormatDate = stickyHeaderDate.getFullYear() === new Date().getFullYear() ? 'MMM D' : 'MMM D, YYYY';
-  var tStickyHeaderDate = tDateTimeParser(stickyHeaderDate);
-  var stickyHeaderDateToRender = (0, _TranslationContext.isDayOrMoment)(tStickyHeaderDate) ? tStickyHeaderDate.format(stickyHeaderFormatDate) : new Date(tStickyHeaderDate).toDateString();
+  var stickyHeaderFormatDate = (stickyHeaderDate == null ? void 0 : stickyHeaderDate.getFullYear()) === new Date().getFullYear() ? 'MMM D' : 'MMM D, YYYY';
+  var tStickyHeaderDate = stickyHeaderDate ? tDateTimeParser(stickyHeaderDate) : null;
+  var stickyHeaderDateToRender = tStickyHeaderDate === null ? null : (0, _TranslationContext.isDayOrMoment)(tStickyHeaderDate) ? tStickyHeaderDate.format(stickyHeaderFormatDate) : new Date(tStickyHeaderDate).toDateString();
 
   var dismissImagePicker = function dismissImagePicker() {
     if (!hasMoved && selectedPicker) {
@@ -662,7 +662,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 845,
+        lineNumber: 848,
         columnNumber: 5
       }
     }, _react["default"].createElement(EmptyStateIndicator, {
@@ -670,7 +670,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 846,
+        lineNumber: 849,
         columnNumber: 7
       }
     }));
@@ -684,7 +684,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 854,
+        lineNumber: 857,
         columnNumber: 7
       }
     }, _react["default"].createElement(LoadingIndicator, {
@@ -692,7 +692,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 855,
+        lineNumber: 858,
         columnNumber: 9
       }
     }));
@@ -705,7 +705,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 861,
+      lineNumber: 864,
       columnNumber: 5
     }
   }, _react["default"].createElement(FlatList, (0, _extends2["default"])({
@@ -737,7 +737,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 862,
+      lineNumber: 865,
       columnNumber: 7
     }
   })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -745,37 +745,37 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 892,
+      lineNumber: 895,
       columnNumber: 11
     }
-  }, StickyHeader ? _react["default"].createElement(StickyHeader, {
+  }, stickyHeaderDateToRender && (StickyHeader ? _react["default"].createElement(StickyHeader, {
     dateString: stickyHeaderDateToRender,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 894,
-      columnNumber: 15
+      lineNumber: 898,
+      columnNumber: 17
     }
   }) : messageListLengthAfterUpdate ? _react["default"].createElement(DateHeader, {
     dateString: stickyHeaderDateToRender,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 896,
-      columnNumber: 15
+      lineNumber: 900,
+      columnNumber: 17
     }
-  }) : null), !disableTypingIndicator && TypingIndicator && typingEventsEnabled !== false && _react["default"].createElement(TypingIndicatorContainer, {
+  }) : null)), !disableTypingIndicator && TypingIndicator && typingEventsEnabled !== false && _react["default"].createElement(TypingIndicatorContainer, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 900,
+      lineNumber: 904,
       columnNumber: 13
     }
   }, _react["default"].createElement(TypingIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 901,
+      lineNumber: 905,
       columnNumber: 15
     }
   })), _react["default"].createElement(ScrollToBottomButton, {
@@ -785,14 +785,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 904,
+      lineNumber: 908,
       columnNumber: 11
     }
   })), _react["default"].createElement(NetworkDownIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 911,
+      lineNumber: 915,
       columnNumber: 7
     }
   }));
@@ -900,7 +900,7 @@ var MessageList = function MessageList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 977,
+      lineNumber: 981,
       columnNumber: 5
     }
   }));

package/lib/commonjs/components/MessageList/MessageList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageList.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flex","width","contentContainer","flexGrow","paddingBottom","invert","transform","scaleY","listContainer","messagePadding","paddingHorizontal","stickyHeader","position","top","keyExtractor","item","id","created_at","toISOString","Date","now","toString","flatListViewabilityConfig","viewAreaCoveragePercentThreshold","MessageListWithContext","props","LoadingMoreIndicator","threadList","InlineLoadingMoreThreadIndicator","InlineLoadingMoreIndicator","additionalFlatListProps","channel","client","closePicker","DateHeader","disabled","disableTypingIndicator","EmptyStateIndicator","FlatList","FooterComponent","HeaderComponent","InlineLoadingMoreRecentIndicator","initialScrollToFirstUnreadMessage","InlineDateSeparator","InlineUnreadIndicator","inverted","loadChannelAtMessage","loading","LoadingIndicator","loadMore","loadMoreRecent","loadMoreThread","markRead","Message","MessageSystem","myMessageTheme","NetworkDownIndicator","noGroupByUser","onListScroll","onThreadSelect","overlay","reloadChannel","ScrollToBottomButton","scrollToFirstUnreadThreshold","selectedPicker","setFlatListRef","setImages","setSelectedPicker","setTargetedMessage","StickyHeader","targetedMessage","tDateTimeParser","thread","typingEventsEnabled","TypingIndicator","TypingIndicatorContainer","theme","white_snow","colors","messageList","modifiedTheme","style","messageListLengthBeforeUpdate","messageListLengthAfterUpdate","length","topMessageBeforeUpdate","topMessageAfterUpdate","autoscrollToTop","setAutoscrollToTop","onStartReachedTracker","onEndReachedTracker","onStartReachedInPromise","onEndReachedInPromise","flatListRef","initialScrollSet","channelResyncScrollSet","hasMoved","setHasMoved","lastReceivedId","setLastReceivedId","scrollToBottomButtonVisible","setScrollToBottomButtonVisible","stickyHeaderDate","setStickyHeaderDate","stickyHeaderDateRef","getLastReadSafely","initialized","lastRead","undefined","channelLastRead","isUnreadMessage","message","setInitialScrollIfNeeded","current","scrollToEnd","setTimeout","updateStickyHeaderDateIfNeeded","viewableItems","lastItem","pop","deleted_at","toDateString","onViewableItemsChanged","resetPaginationTrackers","countUnread","lastReceivedMessage","hasNewMessage","isMyMessage","user","userID","scrollToBottomIfNeeded","scrollToOffset","offset","state","isUpToDate","maybeCallOnStartReached","renderItem","index","lastMessage","showUnreadUnderlay","insertInlineUnreadIndicator","type","wrapMessageInTheme","goToMessage","groupStyles","dateSeparator","quoted_message_id","limit","callback","Promise","resolve","onError","then","maybeCallOnEndReached","handleScroll","event","nativeEvent","contentOffset","y","visibleLength","layoutMeasurement","height","contentLength","contentSize","isScrollAtStart","isScrollAtEnd","isScrollAtBottom","showScrollToBottomButton","shouldMarkRead","goToNewMessages","messageId","indexOfParentInMessageList","findIndex","scrollToIndex","viewPosition","_","messagesWithImages","filter","attachments","some","attachment","title_link","og_scrape_url","image_url","thumb_url","imageString","map","join","numberOfMessagesWithImages","threadExists","stickyHeaderFormatDate","getFullYear","tStickyHeaderDate","stickyHeaderDateToRender","format","dismissImagePicker","onScrollBeginDrag","onScrollEndDrag","refCallback","ref","renderListEmptyComponent","backgroundColor","autoscrollToTopThreshold","minIndexForVisible","MessageList","error","t"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  FlatListProps,\n  FlatList as FlatListType,\n  ScrollViewProps,\n  StyleSheet,\n  View,\n  ViewToken,\n} from 'react-native';\n\nimport {\n  isMessageWithStylesReadByAndDateSeparator,\n  MessageType,\n  useMessageList,\n} from './hooks/useMessageList';\nimport { InlineLoadingMoreIndicator } from './InlineLoadingMoreIndicator';\nimport { InlineLoadingMoreRecentIndicator } from './InlineLoadingMoreRecentIndicator';\nimport { InlineLoadingMoreThreadIndicator } from './InlineLoadingMoreThreadIndicator';\nimport { getLastReceivedMessage } from './utils/getLastReceivedMessage';\n\nimport {\n  AttachmentPickerContextValue,\n  useAttachmentPickerContext,\n} from '../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../contexts/channelContext/ChannelContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport {\n  ImageGalleryContextValue,\n  useImageGalleryContext,\n} from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport {\n  OverlayContextValue,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport {\n  PaginatedMessageListContextValue,\n  usePaginatedMessageListContext,\n} from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\nimport { mergeThemes, ThemeProvider, useTheme } from '../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\n\nimport type { Channel as StreamChannel } from 'stream-chat';\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  container: {\n    alignItems: 'center',\n    flex: 1,\n    width: '100%',\n  },\n  contentContainer: {\n    flexGrow: 1,\n    /**\n     * paddingBottom is set to 4 to account for the default date\n     * header and inline indicator alignment. The top margin is 8\n     * on the header but 4 on the inline date, this adjusts the spacing\n     * to allow the \"first\" inline date to align with the date header.\n     */\n    paddingBottom: 4,\n  },\n  flex: { flex: 1 },\n  invert: { transform: [{ scaleY: -1 }] },\n  listContainer: {\n    flex: 1,\n    width: '100%',\n  },\n  messagePadding: {\n    paddingHorizontal: 8,\n  },\n  stickyHeader: {\n    position: 'absolute',\n    top: 0,\n  },\n});\n\nconst keyExtractor = <\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  item: MessageType<At, Ch, Co, Ev, Me, Re, Us>,\n) =>\n  item.id ||\n  (item.created_at\n    ? typeof item.created_at === 'string'\n      ? item.created_at\n      : item.created_at.toISOString()\n    : Date.now().toString());\n\nconst flatListViewabilityConfig = {\n  viewAreaCoveragePercentThreshold: 1,\n};\n\ntype MessageListPropsWithContext<\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<AttachmentPickerContextValue, 'closePicker' | 'selectedPicker' | 'setSelectedPicker'> &\n  Pick<\n    ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'channel'\n    | 'disabled'\n    | 'EmptyStateIndicator'\n    | 'loadChannelAtMessage'\n    | 'loading'\n    | 'LoadingIndicator'\n    | 'markRead'\n    | 'NetworkDownIndicator'\n    | 'reloadChannel'\n    | 'scrollToFirstUnreadThreshold'\n    | 'setTargetedMessage'\n    | 'StickyHeader'\n    | 'targetedMessage'\n    | 'typingEventsEnabled'\n  > &\n  Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> &\n  Pick<ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'setImages'> &\n  Pick<\n    PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    'loadMore' | 'loadMoreRecent'\n  > &\n  Pick<OverlayContextValue, 'overlay'> &\n  Pick<\n    MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'DateHeader'\n    | 'disableTypingIndicator'\n    | 'FlatList'\n    | 'initialScrollToFirstUnreadMessage'\n    | 'InlineDateSeparator'\n    | 'InlineUnreadIndicator'\n    | 'Message'\n    | 'ScrollToBottomButton'\n    | 'MessageSystem'\n    | 'myMessageTheme'\n    | 'TypingIndicator'\n    | 'TypingIndicatorContainer'\n  > &\n  Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'loadMoreThread' | 'thread'> &\n  Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {\n    /**\n     * Besides existing (default) UX behavior of underlying FlatList of MessageList component, if you want\n     * to attach some additional props to underlying FlatList, you can add it to following prop.\n     *\n     * You can find list of all the available FlatList props here - https://facebook.github.io/react-native/docs/flatlist#props\n     *\n     * **NOTE** Don't use `additionalFlatListProps` to get access to ref of flatlist. Use `setFlatListRef` instead.\n     *\n     * e.g.\n     * ```js\n     * <MessageList\n     *  additionalFlatListProps={{ bounces: true, keyboardDismissMode: true }} />\n     * ```\n     */\n    additionalFlatListProps?: Partial<FlatListProps<MessageType<At, Ch, Co, Ev, Me, Re, Us>>>;\n    /**\n     * UI component for footer of message list. By default message list will use `InlineLoadingMoreIndicator`\n     * as FooterComponent. If you want to implement your own inline loading indicator, you can access `loadingMore`\n     * from context.\n     *\n     * This is a [ListHeaderComponent](https://facebook.github.io/react-native/docs/flatlist#listheadercomponent) of FlatList\n     * used in MessageList. Should be used for header by default if inverted is true or defaulted\n     */\n    FooterComponent?: React.ComponentType;\n    /**\n     * UI component for header of message list. By default message list will use `InlineLoadingMoreRecentIndicator`\n     * as HeaderComponent. If you want to implement your own inline loading indicator, you can access `loadingMoreRecent`\n     * from context.\n     *\n     * This is a [ListFooterComponent](https://facebook.github.io/react-native/docs/flatlist#listheadercomponent) of FlatList\n     * used in MessageList. Should be used for header if inverted is false\n     */\n    HeaderComponent?: React.ComponentType;\n    /** Whether or not the FlatList is inverted. Defaults to true */\n    inverted?: boolean;\n    /** Turn off grouping of messages by user */\n    noGroupByUser?: boolean;\n    onListScroll?: ScrollViewProps['onScroll'];\n    /**\n     * Handler to open the thread on message. This is callback for touch event for replies button.\n     *\n     * @param message A message object to open the thread upon.\n     */\n    onThreadSelect?: (message: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['thread']) => void;\n    /**\n     * Use `setFlatListRef` to get access to ref to inner FlatList.\n     *\n     * e.g.\n     * ```js\n     * <MessageList\n     *  setFlatListRef={(ref) => {\n     *    // Use ref for your own good\n     *  }}\n     * ```\n     */\n    setFlatListRef?: (ref: FlatListType<MessageType<At, Ch, Co, Ev, Me, Re, Us>> | null) => void;\n    /**\n     * Boolean whether or not the Messages in the MessageList are part of a Thread\n     **/\n    threadList?: boolean;\n  };\n\n/**\n * The message list component renders a list of messages. It consumes the following contexts:\n *\n * [ChannelContext](https://getstream.github.io/stream-chat-react-native/v3/#channelcontext)\n * [ChatContext](https://getstream.github.io/stream-chat-react-native/v3/#chatcontext)\n * [MessagesContext](https://getstream.github.io/stream-chat-react-native/v3/#messagescontext)\n * [ThreadContext](https://getstream.github.io/stream-chat-react-native/v3/#threadcontext)\n * [TranslationContext](https://getstream.github.io/stream-chat-react-native/v3/#translationcontext)\n */\nconst MessageListWithContext = <\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: MessageListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const LoadingMoreIndicator = props.threadList\n    ? InlineLoadingMoreThreadIndicator\n    : InlineLoadingMoreIndicator;\n  const {\n    additionalFlatListProps,\n    channel,\n    client,\n    closePicker,\n    DateHeader,\n    disabled,\n    disableTypingIndicator,\n    EmptyStateIndicator,\n    FlatList,\n    FooterComponent = LoadingMoreIndicator,\n    HeaderComponent = InlineLoadingMoreRecentIndicator,\n    initialScrollToFirstUnreadMessage,\n    InlineDateSeparator,\n    InlineUnreadIndicator,\n    inverted = true,\n    loadChannelAtMessage,\n    loading,\n    LoadingIndicator,\n    loadMore,\n    loadMoreRecent,\n    loadMoreThread,\n    markRead,\n    Message,\n    MessageSystem,\n    myMessageTheme,\n    NetworkDownIndicator,\n    noGroupByUser,\n    onListScroll,\n    onThreadSelect,\n    overlay,\n    reloadChannel,\n    ScrollToBottomButton,\n    scrollToFirstUnreadThreshold,\n    selectedPicker,\n    setFlatListRef,\n    setImages,\n    setSelectedPicker,\n    setTargetedMessage,\n    StickyHeader,\n    targetedMessage,\n    tDateTimeParser,\n    thread,\n    threadList = false,\n    typingEventsEnabled,\n    TypingIndicator,\n    TypingIndicatorContainer,\n  } = props;\n\n  const { theme } = useTheme();\n\n  const {\n    colors: { white_snow },\n    messageList: { container, contentContainer, listContainer },\n  } = theme;\n\n  const modifiedTheme = useMemo(\n    () => mergeThemes({ style: myMessageTheme, theme }),\n    [myMessageTheme, theme],\n  );\n\n  const messageList = useMessageList<At, Ch, Co, Ev, Me, Re, Us>({\n    inverted,\n    noGroupByUser,\n    threadList,\n  });\n  const messageListLengthBeforeUpdate = useRef(0);\n  const messageListLengthAfterUpdate = messageList.length;\n\n  /**\n   * We need topMessage and channelLastRead values to set the initial scroll position.\n   * So these values only get used if `initialScrollToFirstUnreadMessage` prop is true.\n   */\n  const topMessageBeforeUpdate = useRef<MessageType<At, Ch, Co, Ev, Me, Re, Us>>();\n  const topMessageAfterUpdate = messageList[messageList.length - 1];\n\n  const [autoscrollToTop, setAutoscrollToTop] = useState(false);\n\n  /**\n   * We want to call onEndReached and onStartReached only once, per content length.\n   * We keep track of calls to these functions per content length, with following trackers.\n   */\n  const onStartReachedTracker = useRef<Record<number, boolean>>({});\n  const onEndReachedTracker = useRef<Record<number, boolean>>({});\n\n  const onStartReachedInPromise = useRef<Promise<void> | null>(null);\n  const onEndReachedInPromise = useRef<Promise<void> | null>(null);\n\n  const flatListRef = useRef<FlatListType<MessageType<At, Ch, Co, Ev, Me, Re, Us>> | null>(null);\n\n  const initialScrollSet = useRef<boolean>(false);\n  const channelResyncScrollSet = useRef<boolean>(true);\n\n  const [hasMoved, setHasMoved] = useState(false);\n  const [lastReceivedId, setLastReceivedId] = useState(getLastReceivedMessage(messageList)?.id);\n  const [scrollToBottomButtonVisible, setScrollToBottomButtonVisible] = useState(false);\n\n  const [stickyHeaderDate, setStickyHeaderDate] = useState<Date>(new Date());\n  const stickyHeaderDateRef = useRef(new Date());\n  /**\n   * channel.lastRead throws error if the channel is not initialized.\n   */\n  const getLastReadSafely = () => (channel?.initialized ? channel.lastRead() : undefined);\n\n  const channelLastRead = useRef(getLastReadSafely());\n\n  const isUnreadMessage = (\n    message: MessageType<At, Ch, Co, Ev, Me, Re, Us> | undefined,\n    lastRead?: ReturnType<StreamChannel<At, Ch, Co, Ev, Me, Re, Us>['lastRead']>,\n  ) => message && lastRead && message.created_at && lastRead < message.created_at;\n\n  /**\n   * If the top message in the list is unread, then we should scroll to top of the list.\n   * This is to handle the case when entire message list is unread.\n   * This scroll get set only on load, and never again.\n   */\n  const setInitialScrollIfNeeded = () => {\n    // If the feature is disabled or initial scroll position is already set.\n    if (!initialScrollToFirstUnreadMessage || initialScrollSet.current) {\n      initialScrollSet.current = true;\n      return;\n    }\n    if (isUnreadMessage(topMessageBeforeUpdate.current, channelLastRead.current)) {\n      if (flatListRef.current) {\n        flatListRef.current.scrollToEnd();\n      }\n      setTimeout(() => {\n        initialScrollSet.current = true;\n      }, 500);\n    } else if (!initialScrollSet.current) {\n      initialScrollSet.current = true;\n    }\n  };\n\n  const updateStickyHeaderDateIfNeeded = (viewableItems: ViewToken[]) => {\n    if (viewableItems.length) {\n      const lastItem = viewableItems.pop() as {\n        item: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n      };\n\n      if (\n        lastItem?.item?.created_at &&\n        !lastItem.item.deleted_at &&\n        typeof lastItem.item.created_at !== 'string' &&\n        lastItem.item.created_at.toDateString() !== stickyHeaderDateRef.current.toDateString()\n      ) {\n        stickyHeaderDateRef.current = lastItem.item.created_at;\n        setStickyHeaderDate(lastItem.item.created_at);\n      }\n    }\n  };\n\n  /**\n   * FlatList doesn't accept changeable function for onViewableItemsChanged prop.\n   * Thus useRef.\n   */\n  const onViewableItemsChanged = useRef(\n    ({ viewableItems }: { viewableItems: ViewToken[] | undefined }) => {\n      if (viewableItems) {\n        updateStickyHeaderDateIfNeeded(viewableItems);\n      }\n      setInitialScrollIfNeeded();\n    },\n  );\n\n  const resetPaginationTrackers = () => {\n    onStartReachedTracker.current = {};\n    onEndReachedTracker.current = {};\n  };\n\n  useEffect(() => {\n    setScrollToBottomButtonVisible(false);\n  }, [disabled]);\n\n  useEffect(() => {\n    if (!loading && channel && channel.countUnread() <= scrollToFirstUnreadThreshold) {\n      markRead();\n    }\n  }, [loading]);\n\n  useEffect(() => {\n    const lastReceivedMessage = getLastReceivedMessage(messageList);\n\n    const hasNewMessage = lastReceivedId !== lastReceivedMessage?.id;\n    const isMyMessage = lastReceivedMessage?.user?.id === client.userID;\n\n    setLastReceivedId(lastReceivedMessage?.id);\n\n    /**\n     * Scroll down when\n     * 1. you send a new message to channel\n     * 2. new message list is small than the one before update - channel has resynced\n     * 3. created_at timestamp of top message before update is lesser than created_at timestamp of top message after update - channel has resynced\n     */\n    const scrollToBottomIfNeeded = () => {\n      if (!client || !channel || messageList.length === 0) {\n        return;\n      }\n\n      if (\n        (hasNewMessage && isMyMessage) ||\n        messageListLengthAfterUpdate < messageListLengthBeforeUpdate.current ||\n        (topMessageBeforeUpdate.current?.created_at &&\n          topMessageAfterUpdate?.created_at &&\n          topMessageBeforeUpdate.current.created_at < topMessageAfterUpdate.created_at)\n      ) {\n        channelResyncScrollSet.current = false;\n        setScrollToBottomButtonVisible(false);\n        resetPaginationTrackers();\n\n        setTimeout(\n          () =>\n            flatListRef.current?.scrollToOffset({\n              offset: 0,\n            }),\n          50,\n        );\n        setTimeout(() => {\n          channelResyncScrollSet.current = true;\n          if (channel.countUnread() > 0) {\n            markRead();\n          }\n        }, 500);\n      }\n    };\n\n    if (threadList || channel?.state.isUpToDate) {\n      scrollToBottomIfNeeded();\n    } else if (!scrollToBottomButtonVisible) {\n      setScrollToBottomButtonVisible(true);\n    }\n\n    if (\n      !channel?.state.isUpToDate &&\n      flatListRef.current &&\n      messageListLengthBeforeUpdate.current === 0 &&\n      messageListLengthAfterUpdate < 10\n    ) {\n      /**\n       * Trigger onStartReached on first load, if messages are not enough to fill the screen.\n       * This is important especially for android, where you can't overscroll.\n       */\n      maybeCallOnStartReached(10);\n    }\n\n    /**\n     * channelLastRead and topMessage are only used for setting initial scroll.\n     * So lets not set it if `initialScrollToFirstUnreadMessage` prop is false.\n     * OR if the scroll is already set.\n     */\n    if (initialScrollToFirstUnreadMessage && !initialScrollSet.current) {\n      channelLastRead.current = getLastReadSafely();\n    }\n\n    messageListLengthBeforeUpdate.current = messageListLengthAfterUpdate;\n    topMessageBeforeUpdate.current = topMessageAfterUpdate;\n  }, [messageListLengthAfterUpdate, topMessageAfterUpdate?.id]);\n\n  useEffect(() => {\n    if (!channel?.state.isUpToDate && autoscrollToTop) {\n      setAutoscrollToTop(false);\n    } else if (channel?.state.isUpToDate && !autoscrollToTop) {\n      setAutoscrollToTop(true);\n    }\n  }, [messageListLengthAfterUpdate]);\n\n  const renderItem = ({\n    index,\n    item: message,\n  }: {\n    index: number;\n    item: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  }) => {\n    if (!channel || !channel.initialized) return null;\n\n    const lastRead = getLastReadSafely();\n\n    const lastMessage = messageList?.[index + 1];\n\n    const showUnreadUnderlay = !!isUnreadMessage(message, lastRead) && scrollToBottomButtonVisible;\n    const insertInlineUnreadIndicator =\n      showUnreadUnderlay && !isUnreadMessage(lastMessage, lastRead);\n\n    if (message.type === 'system') {\n      return (\n        <>\n          <MessageSystem message={message} style={styles.messagePadding} />\n          {insertInlineUnreadIndicator && <InlineUnreadIndicator />}\n        </>\n      );\n    }\n\n    const wrapMessageInTheme = client.userID === message.user?.id && !!myMessageTheme;\n    return wrapMessageInTheme ? (\n      <>\n        <ThemeProvider mergedStyle={modifiedTheme}>\n          <Message\n            goToMessage={goToMessage}\n            groupStyles={\n              isMessageWithStylesReadByAndDateSeparator(message) ? message.groupStyles : []\n            }\n            lastReceivedId={lastReceivedId === message.id ? lastReceivedId : undefined}\n            message={message}\n            onThreadSelect={onThreadSelect}\n            showUnreadUnderlay={showUnreadUnderlay}\n            style={styles.messagePadding}\n            targetedMessage={targetedMessage === message.id}\n            threadList={threadList}\n          />\n        </ThemeProvider>\n        {isMessageWithStylesReadByAndDateSeparator(message) && message.dateSeparator && (\n          <InlineDateSeparator date={message.dateSeparator} />\n        )}\n        {/* Adding indicator below the messages, since the list is inverted */}\n        {insertInlineUnreadIndicator && <InlineUnreadIndicator />}\n      </>\n    ) : (\n      <>\n        <Message\n          goToMessage={goToMessage}\n          groupStyles={\n            isMessageWithStylesReadByAndDateSeparator(message) ? message.groupStyles : []\n          }\n          lastReceivedId={\n            lastReceivedId === message.id || message.quoted_message_id ? lastReceivedId : undefined\n          }\n          message={message}\n          onThreadSelect={onThreadSelect}\n          showUnreadUnderlay={showUnreadUnderlay}\n          style={styles.messagePadding}\n          targetedMessage={targetedMessage === message.id}\n          threadList={threadList}\n        />\n        {isMessageWithStylesReadByAndDateSeparator(message) && message.dateSeparator && (\n          <InlineDateSeparator date={message.dateSeparator} />\n        )}\n        {/* Adding indicator below the messages, since the list is inverted */}\n        {insertInlineUnreadIndicator && <InlineUnreadIndicator />}\n      </>\n    );\n  };\n\n  /**\n   * We are keeping full control on message pagination, and not relying on react-native for it.\n   * The reasons being,\n   * 1. FlatList doesn't support onStartReached prop\n   * 2. `onEndReached` function prop available on react-native, gets executed\n   *    once per content length (and thats actually a nice optimization strategy).\n   *    But it also means, we always need to prioritize onEndReached above our\n   *    logic for `onStartReached`.\n   * 3. `onEndReachedThreshold` prop decides - at which scroll position to call `onEndReached`.\n   *    Its a factor of content length (which is necessary for \"real\" infinite scroll). But on\n   *    the other hand, it also makes calls to `onEndReached` (and this `channel.query`) way\n   *    too early during scroll, which we don't really need. So we are going to instead\n   *    keep some fixed offset distance, to decide when to call `loadMore` or `loadMoreRecent`.\n   *\n   * We are still gonna keep the optimization, which react-native does - only call onEndReached\n   * once per content length.\n   */\n\n  /**\n   * 1. Makes a call to `loadMoreRecent` function, which queries more recent messages.\n   * 2. Ensures that we call `loadMoreRecent`, once per content length\n   * 3. If the call to `loadMore` is in progress, we wait for it to finish to make sure scroll doesn't jump.\n   */\n  const maybeCallOnStartReached = (limit?: number) => {\n    // If onStartReached has already been called for given data length, then ignore.\n    if (messageList?.length && onStartReachedTracker.current[messageList.length]) {\n      return;\n    }\n\n    if (messageList?.length) {\n      onStartReachedTracker.current[messageList.length] = true;\n    }\n\n    const callback = () => {\n      onStartReachedInPromise.current = null;\n\n      return Promise.resolve();\n    };\n\n    const onError = () => {\n      /** Release the onStartReached trigger after 2 seconds, to try again */\n      setTimeout(() => {\n        onStartReachedTracker.current = {};\n      }, 2000);\n    };\n\n    // If onEndReached is in progress, better to wait for it to finish for smooth UX\n    if (onEndReachedInPromise.current) {\n      onEndReachedInPromise.current.finally(() => {\n        onStartReachedInPromise.current = loadMoreRecent(limit).then(callback).catch(onError);\n      });\n    } else {\n      onStartReachedInPromise.current = loadMoreRecent(limit).then(callback).catch(onError);\n    }\n  };\n\n  /**\n   * 1. Makes a call to `loadMore` function, which queries more older messages.\n   * 2. Ensures that we call `loadMore`, once per content length\n   * 3. If the call to `loadMoreRecent` is in progress, we wait for it to finish to make sure scroll doesn't jump.\n   */\n  const maybeCallOnEndReached = () => {\n    // If onEndReached has already been called for given messageList length, then ignore.\n    if (messageList?.length && onEndReachedTracker.current[messageList.length]) {\n      return;\n    }\n\n    if (messageList?.length) {\n      onEndReachedTracker.current[messageList.length] = true;\n    }\n\n    const callback = () => {\n      onEndReachedInPromise.current = null;\n      return Promise.resolve();\n    };\n\n    const onError = () => {\n      /** Release the onEndReachedTracker trigger after 2 seconds, to try again */\n      setTimeout(() => {\n        onEndReachedTracker.current = {};\n      }, 2000);\n    };\n\n    // If onStartReached is in progress, better to wait for it to finish for smooth UX\n    if (onStartReachedInPromise.current) {\n      onStartReachedInPromise.current.finally(() => {\n        onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore())\n          .then(callback)\n          .catch(onError);\n      });\n    } else {\n      onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore())\n        .then(callback)\n        .catch(onError);\n    }\n  };\n\n  /**\n   * Following if condition covers following cases:\n   * 1. If I scroll up -> show scrollToBottom button.\n   * 2. If I scroll to bottom of screen\n   *    |-> hide scrollToBottom button.\n   *    |-> if channel is unread, call markRead().\n   */\n  const handleScroll: ScrollViewProps['onScroll'] = (event) => {\n    if (!channel || !initialScrollSet.current || !channelResyncScrollSet.current) {\n      return;\n    }\n\n    const offset = event.nativeEvent.contentOffset.y;\n    const visibleLength = event.nativeEvent.layoutMeasurement.height;\n    const contentLength = event.nativeEvent.contentSize.height;\n    // Check if scroll has reached either start of end of list.\n    const isScrollAtStart = offset < 100;\n    const isScrollAtEnd = contentLength - visibleLength - offset < 100;\n\n    if (isScrollAtStart) {\n      maybeCallOnStartReached();\n    }\n\n    if (isScrollAtEnd) {\n      maybeCallOnEndReached();\n    }\n\n    // Show scrollToBottom button once scroll position goes beyond 300.\n    const isScrollAtBottom = offset <= 300;\n    const showScrollToBottomButton = !isScrollAtBottom || !channel?.state.isUpToDate;\n\n    const shouldMarkRead =\n      !threadList && offset <= 0 && channel?.state.isUpToDate && channel.countUnread() > 0;\n\n    if (shouldMarkRead) {\n      markRead();\n    }\n\n    if (showScrollToBottomButton && !scrollToBottomButtonVisible) {\n      setScrollToBottomButtonVisible(true);\n    } else if (!showScrollToBottomButton && scrollToBottomButtonVisible) {\n      setScrollToBottomButtonVisible(false);\n    }\n\n    if (onListScroll) {\n      onListScroll(event);\n    }\n  };\n\n  const goToNewMessages = async () => {\n    if (!channel?.state.isUpToDate) {\n      resetPaginationTrackers();\n\n      await reloadChannel();\n    } else if (flatListRef.current) {\n      flatListRef.current.scrollToOffset({\n        offset: 0,\n      });\n    }\n\n    setScrollToBottomButtonVisible(false);\n    if (!threadList) {\n      markRead();\n    }\n  };\n\n  const goToMessage = useCallback(\n    (messageId: string) => {\n      const indexOfParentInMessageList = messageList.findIndex(\n        (message) => message?.id === messageId,\n      );\n\n      if (indexOfParentInMessageList > -1) {\n        try {\n          if (flatListRef.current) {\n            flatListRef.current.scrollToIndex({\n              index: indexOfParentInMessageList,\n              viewPosition: 0.5,\n            });\n            setTargetedMessage(messageId);\n\n            return;\n          }\n        } catch (_) {\n          // do nothing;\n        }\n      }\n\n      loadChannelAtMessage({ messageId });\n      resetPaginationTrackers();\n    },\n    [messageListLengthAfterUpdate],\n  );\n\n  const messagesWithImages = messageList.filter((message) => {\n    if (!message.deleted_at && message.attachments) {\n      return message.attachments.some(\n        (attachment) =>\n          attachment.type === 'image' &&\n          !attachment.title_link &&\n          !attachment.og_scrape_url &&\n          (attachment.image_url || attachment.thumb_url),\n      );\n    }\n    return false;\n  });\n\n  /**\n   * This is for the useEffect to run again in the case that a message\n   * gets edited with more or the same number of images\n   */\n  const imageString = messagesWithImages\n    .map((message) =>\n      message.attachments\n        ?.map((attachment) => attachment.image_url || attachment.thumb_url || '')\n        .join(),\n    )\n    .join();\n\n  const numberOfMessagesWithImages = messagesWithImages.length;\n  const threadExists = !!thread;\n  useEffect(() => {\n    if ((threadList && thread) || (!threadList && !thread)) {\n      setImages(messagesWithImages);\n    }\n  }, [imageString, numberOfMessagesWithImages, threadExists, threadList]);\n\n  const stickyHeaderFormatDate =\n    stickyHeaderDate.getFullYear() === new Date().getFullYear() ? 'MMM D' : 'MMM D, YYYY';\n  const tStickyHeaderDate = tDateTimeParser(stickyHeaderDate);\n  const stickyHeaderDateToRender = isDayOrMoment(tStickyHeaderDate)\n    ? tStickyHeaderDate.format(stickyHeaderFormatDate)\n    : new Date(tStickyHeaderDate).toDateString();\n\n  const dismissImagePicker = () => {\n    if (!hasMoved && selectedPicker) {\n      setSelectedPicker(undefined);\n      closePicker();\n    }\n  };\n  const onScrollBeginDrag = () => !hasMoved && selectedPicker && setHasMoved(true);\n  const onScrollEndDrag = () => hasMoved && selectedPicker && setHasMoved(false);\n\n  const refCallback = (ref: FlatListType<MessageType<At, Ch, Co, Ev, Me, Re, Us>>) => {\n    flatListRef.current = ref;\n\n    if (setFlatListRef) {\n      setFlatListRef(ref);\n    }\n  };\n  const renderListEmptyComponent = () => (\n    <View style={[styles.flex, styles.invert]} testID='empty-state'>\n      <EmptyStateIndicator listType='message' />\n    </View>\n  );\n\n  if (!FlatList) return null;\n\n  if (loading) {\n    return (\n      <View style={styles.flex}>\n        <LoadingIndicator listType='message' />\n      </View>\n    );\n  }\n\n  return (\n    <View style={[styles.container, { backgroundColor: white_snow }, container]}>\n      <FlatList\n        contentContainerStyle={[styles.contentContainer, contentContainer]}\n        data={messageList}\n        /** Disables the MessageList UI. Which means, message actions, reactions won't work. */\n        extraData={disabled || !channel?.state.isUpToDate}\n        inverted={inverted}\n        keyboardShouldPersistTaps='handled'\n        keyExtractor={keyExtractor}\n        ListEmptyComponent={renderListEmptyComponent}\n        ListFooterComponent={FooterComponent}\n        ListHeaderComponent={HeaderComponent}\n        maintainVisibleContentPosition={{\n          autoscrollToTopThreshold: autoscrollToTop ? 10 : undefined,\n          minIndexForVisible: 1,\n        }}\n        onScroll={handleScroll}\n        onScrollBeginDrag={onScrollBeginDrag}\n        onScrollEndDrag={onScrollEndDrag}\n        onTouchEnd={dismissImagePicker}\n        onViewableItemsChanged={onViewableItemsChanged.current}\n        ref={refCallback}\n        renderItem={renderItem}\n        scrollEnabled={overlay === 'none'}\n        style={[styles.listContainer, listContainer]}\n        testID='message-flat-list'\n        viewabilityConfig={flatListViewabilityConfig}\n        {...additionalFlatListProps}\n      />\n      {!loading && (\n        <>\n          <View style={styles.stickyHeader}>\n            {StickyHeader ? (\n              <StickyHeader dateString={stickyHeaderDateToRender} />\n            ) : messageListLengthAfterUpdate ? (\n              <DateHeader dateString={stickyHeaderDateToRender} />\n            ) : null}\n          </View>\n          {!disableTypingIndicator && TypingIndicator && typingEventsEnabled !== false && (\n            <TypingIndicatorContainer>\n              <TypingIndicator />\n            </TypingIndicatorContainer>\n          )}\n          <ScrollToBottomButton\n            onPress={goToNewMessages}\n            showNotification={scrollToBottomButtonVisible}\n            unreadCount={threadList ? 0 : channel?.countUnread()}\n          />\n        </>\n      )}\n      <NetworkDownIndicator />\n    </View>\n  );\n};\n\nexport type MessageListProps<\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<MessageListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const MessageList = <\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: MessageListProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { closePicker, selectedPicker, setSelectedPicker } = useAttachmentPickerContext();\n  const {\n    channel,\n    disabled,\n    EmptyStateIndicator,\n    error,\n    loadChannelAtMessage,\n    loading,\n    LoadingIndicator,\n    markRead,\n    NetworkDownIndicator,\n    reloadChannel,\n    scrollToFirstUnreadThreshold,\n    setTargetedMessage,\n    StickyHeader,\n    targetedMessage,\n    typingEventsEnabled,\n  } = useChannelContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { setImages } = useImageGalleryContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const {\n    DateHeader,\n    disableTypingIndicator,\n    FlatList,\n    initialScrollToFirstUnreadMessage,\n    InlineDateSeparator,\n    InlineUnreadIndicator,\n    Message,\n    MessageSystem,\n    myMessageTheme,\n    ScrollToBottomButton,\n    TypingIndicator,\n    TypingIndicatorContainer,\n  } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { loadMore, loadMoreRecent } = usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { overlay } = useOverlayContext();\n  const { loadMoreThread, thread } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { t, tDateTimeParser } = useTranslationContext();\n\n  return (\n    <MessageListWithContext\n      {...{\n        channel,\n        client,\n        closePicker,\n        DateHeader,\n        disabled,\n        disableTypingIndicator,\n        EmptyStateIndicator,\n        error,\n        FlatList,\n        initialScrollToFirstUnreadMessage,\n        InlineDateSeparator,\n        InlineUnreadIndicator,\n        loadChannelAtMessage,\n        loading,\n        LoadingIndicator,\n        loadMore,\n        loadMoreRecent,\n        loadMoreThread,\n        markRead,\n        Message,\n        MessageSystem,\n        myMessageTheme,\n        NetworkDownIndicator,\n        overlay,\n        reloadChannel,\n        ScrollToBottomButton,\n        scrollToFirstUnreadThreshold,\n        selectedPicker,\n        setImages,\n        setSelectedPicker,\n        setTargetedMessage,\n        StickyHeader,\n        t,\n        targetedMessage,\n        tDateTimeParser,\n        thread,\n        typingEventsEnabled,\n        TypingIndicator,\n        TypingIndicatorContainer,\n      }}\n      {...props}\n    />\n  );\n};\n"]}
+{"version":3,"sources":["MessageList.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flex","width","contentContainer","flexGrow","paddingBottom","invert","transform","scaleY","listContainer","messagePadding","paddingHorizontal","stickyHeader","position","top","keyExtractor","item","id","created_at","toISOString","Date","now","toString","flatListViewabilityConfig","viewAreaCoveragePercentThreshold","MessageListWithContext","props","LoadingMoreIndicator","threadList","InlineLoadingMoreThreadIndicator","InlineLoadingMoreIndicator","additionalFlatListProps","channel","client","closePicker","DateHeader","disabled","disableTypingIndicator","EmptyStateIndicator","FlatList","FooterComponent","HeaderComponent","InlineLoadingMoreRecentIndicator","initialScrollToFirstUnreadMessage","InlineDateSeparator","InlineUnreadIndicator","inverted","loadChannelAtMessage","loading","LoadingIndicator","loadMore","loadMoreRecent","loadMoreThread","markRead","Message","MessageSystem","myMessageTheme","NetworkDownIndicator","noGroupByUser","onListScroll","onThreadSelect","overlay","reloadChannel","ScrollToBottomButton","scrollToFirstUnreadThreshold","selectedPicker","setFlatListRef","setImages","setSelectedPicker","setTargetedMessage","StickyHeader","targetedMessage","tDateTimeParser","thread","typingEventsEnabled","TypingIndicator","TypingIndicatorContainer","theme","white_snow","colors","messageList","modifiedTheme","style","messageListLengthBeforeUpdate","messageListLengthAfterUpdate","length","topMessageBeforeUpdate","topMessageAfterUpdate","autoscrollToTop","setAutoscrollToTop","onStartReachedTracker","onEndReachedTracker","onStartReachedInPromise","onEndReachedInPromise","flatListRef","initialScrollSet","channelResyncScrollSet","hasMoved","setHasMoved","lastReceivedId","setLastReceivedId","scrollToBottomButtonVisible","setScrollToBottomButtonVisible","stickyHeaderDate","setStickyHeaderDate","stickyHeaderDateRef","getLastReadSafely","initialized","lastRead","undefined","channelLastRead","isUnreadMessage","message","setInitialScrollIfNeeded","current","scrollToEnd","setTimeout","updateStickyHeaderDateIfNeeded","viewableItems","lastItem","pop","deleted_at","toDateString","onViewableItemsChanged","resetPaginationTrackers","countUnread","lastReceivedMessage","hasNewMessage","isMyMessage","user","userID","scrollToBottomIfNeeded","scrollToOffset","offset","state","isUpToDate","maybeCallOnStartReached","renderItem","index","lastMessage","showUnreadUnderlay","insertInlineUnreadIndicator","type","wrapMessageInTheme","goToMessage","groupStyles","dateSeparator","quoted_message_id","limit","callback","Promise","resolve","onError","then","maybeCallOnEndReached","handleScroll","event","nativeEvent","contentOffset","y","visibleLength","layoutMeasurement","height","contentLength","contentSize","isScrollAtStart","isScrollAtEnd","isScrollAtBottom","showScrollToBottomButton","shouldMarkRead","goToNewMessages","messageId","indexOfParentInMessageList","findIndex","scrollToIndex","viewPosition","_","messagesWithImages","filter","attachments","some","attachment","title_link","og_scrape_url","image_url","thumb_url","imageString","map","join","numberOfMessagesWithImages","threadExists","stickyHeaderFormatDate","getFullYear","tStickyHeaderDate","stickyHeaderDateToRender","format","dismissImagePicker","onScrollBeginDrag","onScrollEndDrag","refCallback","ref","renderListEmptyComponent","backgroundColor","autoscrollToTopThreshold","minIndexForVisible","MessageList","error","t"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  FlatListProps,\n  FlatList as FlatListType,\n  ScrollViewProps,\n  StyleSheet,\n  View,\n  ViewToken,\n} from 'react-native';\n\nimport {\n  isMessageWithStylesReadByAndDateSeparator,\n  MessageType,\n  useMessageList,\n} from './hooks/useMessageList';\nimport { InlineLoadingMoreIndicator } from './InlineLoadingMoreIndicator';\nimport { InlineLoadingMoreRecentIndicator } from './InlineLoadingMoreRecentIndicator';\nimport { InlineLoadingMoreThreadIndicator } from './InlineLoadingMoreThreadIndicator';\nimport { getLastReceivedMessage } from './utils/getLastReceivedMessage';\n\nimport {\n  AttachmentPickerContextValue,\n  useAttachmentPickerContext,\n} from '../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../contexts/channelContext/ChannelContext';\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\nimport {\n  ImageGalleryContextValue,\n  useImageGalleryContext,\n} from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport {\n  OverlayContextValue,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport {\n  PaginatedMessageListContextValue,\n  usePaginatedMessageListContext,\n} from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { ThreadContextValue, useThreadContext } from '../../contexts/threadContext/ThreadContext';\nimport { mergeThemes, ThemeProvider, useTheme } from '../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  TranslationContextValue,\n  useTranslationContext,\n} from '../../contexts/translationContext/TranslationContext';\n\nimport type { Channel as StreamChannel } from 'stream-chat';\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  container: {\n    alignItems: 'center',\n    flex: 1,\n    width: '100%',\n  },\n  contentContainer: {\n    flexGrow: 1,\n    /**\n     * paddingBottom is set to 4 to account for the default date\n     * header and inline indicator alignment. The top margin is 8\n     * on the header but 4 on the inline date, this adjusts the spacing\n     * to allow the \"first\" inline date to align with the date header.\n     */\n    paddingBottom: 4,\n  },\n  flex: { flex: 1 },\n  invert: { transform: [{ scaleY: -1 }] },\n  listContainer: {\n    flex: 1,\n    width: '100%',\n  },\n  messagePadding: {\n    paddingHorizontal: 8,\n  },\n  stickyHeader: {\n    position: 'absolute',\n    top: 0,\n  },\n});\n\nconst keyExtractor = <\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  item: MessageType<At, Ch, Co, Ev, Me, Re, Us>,\n) =>\n  item.id ||\n  (item.created_at\n    ? typeof item.created_at === 'string'\n      ? item.created_at\n      : item.created_at.toISOString()\n    : Date.now().toString());\n\nconst flatListViewabilityConfig = {\n  viewAreaCoveragePercentThreshold: 1,\n};\n\ntype MessageListPropsWithContext<\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<AttachmentPickerContextValue, 'closePicker' | 'selectedPicker' | 'setSelectedPicker'> &\n  Pick<\n    ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'channel'\n    | 'disabled'\n    | 'EmptyStateIndicator'\n    | 'loadChannelAtMessage'\n    | 'loading'\n    | 'LoadingIndicator'\n    | 'markRead'\n    | 'NetworkDownIndicator'\n    | 'reloadChannel'\n    | 'scrollToFirstUnreadThreshold'\n    | 'setTargetedMessage'\n    | 'StickyHeader'\n    | 'targetedMessage'\n    | 'typingEventsEnabled'\n  > &\n  Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> &\n  Pick<ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'setImages'> &\n  Pick<\n    PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    'loadMore' | 'loadMoreRecent'\n  > &\n  Pick<OverlayContextValue, 'overlay'> &\n  Pick<\n    MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'DateHeader'\n    | 'disableTypingIndicator'\n    | 'FlatList'\n    | 'initialScrollToFirstUnreadMessage'\n    | 'InlineDateSeparator'\n    | 'InlineUnreadIndicator'\n    | 'Message'\n    | 'ScrollToBottomButton'\n    | 'MessageSystem'\n    | 'myMessageTheme'\n    | 'TypingIndicator'\n    | 'TypingIndicatorContainer'\n  > &\n  Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'loadMoreThread' | 'thread'> &\n  Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {\n    /**\n     * Besides existing (default) UX behavior of underlying FlatList of MessageList component, if you want\n     * to attach some additional props to underlying FlatList, you can add it to following prop.\n     *\n     * You can find list of all the available FlatList props here - https://facebook.github.io/react-native/docs/flatlist#props\n     *\n     * **NOTE** Don't use `additionalFlatListProps` to get access to ref of flatlist. Use `setFlatListRef` instead.\n     *\n     * e.g.\n     * ```js\n     * <MessageList\n     *  additionalFlatListProps={{ bounces: true, keyboardDismissMode: true }} />\n     * ```\n     */\n    additionalFlatListProps?: Partial<FlatListProps<MessageType<At, Ch, Co, Ev, Me, Re, Us>>>;\n    /**\n     * UI component for footer of message list. By default message list will use `InlineLoadingMoreIndicator`\n     * as FooterComponent. If you want to implement your own inline loading indicator, you can access `loadingMore`\n     * from context.\n     *\n     * This is a [ListHeaderComponent](https://facebook.github.io/react-native/docs/flatlist#listheadercomponent) of FlatList\n     * used in MessageList. Should be used for header by default if inverted is true or defaulted\n     */\n    FooterComponent?: React.ComponentType;\n    /**\n     * UI component for header of message list. By default message list will use `InlineLoadingMoreRecentIndicator`\n     * as HeaderComponent. If you want to implement your own inline loading indicator, you can access `loadingMoreRecent`\n     * from context.\n     *\n     * This is a [ListFooterComponent](https://facebook.github.io/react-native/docs/flatlist#listheadercomponent) of FlatList\n     * used in MessageList. Should be used for header if inverted is false\n     */\n    HeaderComponent?: React.ComponentType;\n    /** Whether or not the FlatList is inverted. Defaults to true */\n    inverted?: boolean;\n    /** Turn off grouping of messages by user */\n    noGroupByUser?: boolean;\n    onListScroll?: ScrollViewProps['onScroll'];\n    /**\n     * Handler to open the thread on message. This is callback for touch event for replies button.\n     *\n     * @param message A message object to open the thread upon.\n     */\n    onThreadSelect?: (message: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['thread']) => void;\n    /**\n     * Use `setFlatListRef` to get access to ref to inner FlatList.\n     *\n     * e.g.\n     * ```js\n     * <MessageList\n     *  setFlatListRef={(ref) => {\n     *    // Use ref for your own good\n     *  }}\n     * ```\n     */\n    setFlatListRef?: (ref: FlatListType<MessageType<At, Ch, Co, Ev, Me, Re, Us>> | null) => void;\n    /**\n     * Boolean whether or not the Messages in the MessageList are part of a Thread\n     **/\n    threadList?: boolean;\n  };\n\n/**\n * The message list component renders a list of messages. It consumes the following contexts:\n *\n * [ChannelContext](https://getstream.github.io/stream-chat-react-native/v3/#channelcontext)\n * [ChatContext](https://getstream.github.io/stream-chat-react-native/v3/#chatcontext)\n * [MessagesContext](https://getstream.github.io/stream-chat-react-native/v3/#messagescontext)\n * [ThreadContext](https://getstream.github.io/stream-chat-react-native/v3/#threadcontext)\n * [TranslationContext](https://getstream.github.io/stream-chat-react-native/v3/#translationcontext)\n */\nconst MessageListWithContext = <\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: MessageListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const LoadingMoreIndicator = props.threadList\n    ? InlineLoadingMoreThreadIndicator\n    : InlineLoadingMoreIndicator;\n  const {\n    additionalFlatListProps,\n    channel,\n    client,\n    closePicker,\n    DateHeader,\n    disabled,\n    disableTypingIndicator,\n    EmptyStateIndicator,\n    FlatList,\n    FooterComponent = LoadingMoreIndicator,\n    HeaderComponent = InlineLoadingMoreRecentIndicator,\n    initialScrollToFirstUnreadMessage,\n    InlineDateSeparator,\n    InlineUnreadIndicator,\n    inverted = true,\n    loadChannelAtMessage,\n    loading,\n    LoadingIndicator,\n    loadMore,\n    loadMoreRecent,\n    loadMoreThread,\n    markRead,\n    Message,\n    MessageSystem,\n    myMessageTheme,\n    NetworkDownIndicator,\n    noGroupByUser,\n    onListScroll,\n    onThreadSelect,\n    overlay,\n    reloadChannel,\n    ScrollToBottomButton,\n    scrollToFirstUnreadThreshold,\n    selectedPicker,\n    setFlatListRef,\n    setImages,\n    setSelectedPicker,\n    setTargetedMessage,\n    StickyHeader,\n    targetedMessage,\n    tDateTimeParser,\n    thread,\n    threadList = false,\n    typingEventsEnabled,\n    TypingIndicator,\n    TypingIndicatorContainer,\n  } = props;\n\n  const { theme } = useTheme();\n\n  const {\n    colors: { white_snow },\n    messageList: { container, contentContainer, listContainer },\n  } = theme;\n\n  const modifiedTheme = useMemo(\n    () => mergeThemes({ style: myMessageTheme, theme }),\n    [myMessageTheme, theme],\n  );\n\n  const messageList = useMessageList<At, Ch, Co, Ev, Me, Re, Us>({\n    inverted,\n    noGroupByUser,\n    threadList,\n  });\n  const messageListLengthBeforeUpdate = useRef(0);\n  const messageListLengthAfterUpdate = messageList.length;\n\n  /**\n   * We need topMessage and channelLastRead values to set the initial scroll position.\n   * So these values only get used if `initialScrollToFirstUnreadMessage` prop is true.\n   */\n  const topMessageBeforeUpdate = useRef<MessageType<At, Ch, Co, Ev, Me, Re, Us>>();\n  const topMessageAfterUpdate = messageList[messageList.length - 1];\n\n  const [autoscrollToTop, setAutoscrollToTop] = useState(false);\n\n  /**\n   * We want to call onEndReached and onStartReached only once, per content length.\n   * We keep track of calls to these functions per content length, with following trackers.\n   */\n  const onStartReachedTracker = useRef<Record<number, boolean>>({});\n  const onEndReachedTracker = useRef<Record<number, boolean>>({});\n\n  const onStartReachedInPromise = useRef<Promise<void> | null>(null);\n  const onEndReachedInPromise = useRef<Promise<void> | null>(null);\n\n  const flatListRef = useRef<FlatListType<MessageType<At, Ch, Co, Ev, Me, Re, Us>> | null>(null);\n\n  const initialScrollSet = useRef<boolean>(false);\n  const channelResyncScrollSet = useRef<boolean>(true);\n\n  const [hasMoved, setHasMoved] = useState(false);\n  const [lastReceivedId, setLastReceivedId] = useState(getLastReceivedMessage(messageList)?.id);\n  const [scrollToBottomButtonVisible, setScrollToBottomButtonVisible] = useState(false);\n\n  const [stickyHeaderDate, setStickyHeaderDate] = useState<Date | undefined>();\n  const stickyHeaderDateRef = useRef<Date | undefined>();\n  /**\n   * channel.lastRead throws error if the channel is not initialized.\n   */\n  const getLastReadSafely = () => (channel?.initialized ? channel.lastRead() : undefined);\n\n  const channelLastRead = useRef(getLastReadSafely());\n\n  const isUnreadMessage = (\n    message: MessageType<At, Ch, Co, Ev, Me, Re, Us> | undefined,\n    lastRead?: ReturnType<StreamChannel<At, Ch, Co, Ev, Me, Re, Us>['lastRead']>,\n  ) => message && lastRead && message.created_at && lastRead < message.created_at;\n\n  /**\n   * If the top message in the list is unread, then we should scroll to top of the list.\n   * This is to handle the case when entire message list is unread.\n   * This scroll get set only on load, and never again.\n   */\n  const setInitialScrollIfNeeded = () => {\n    // If the feature is disabled or initial scroll position is already set.\n    if (!initialScrollToFirstUnreadMessage || initialScrollSet.current) {\n      initialScrollSet.current = true;\n      return;\n    }\n    if (isUnreadMessage(topMessageBeforeUpdate.current, channelLastRead.current)) {\n      if (flatListRef.current) {\n        flatListRef.current.scrollToEnd();\n      }\n      setTimeout(() => {\n        initialScrollSet.current = true;\n      }, 500);\n    } else if (!initialScrollSet.current) {\n      initialScrollSet.current = true;\n    }\n  };\n\n  const updateStickyHeaderDateIfNeeded = (viewableItems: ViewToken[]) => {\n    if (viewableItems.length) {\n      const lastItem = viewableItems.pop() as {\n        item: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n      };\n\n      if (\n        lastItem?.item?.created_at &&\n        !lastItem.item.deleted_at &&\n        typeof lastItem.item.created_at !== 'string' &&\n        lastItem.item.created_at.toDateString() !== stickyHeaderDateRef.current?.toDateString()\n      ) {\n        stickyHeaderDateRef.current = lastItem.item.created_at;\n        setStickyHeaderDate(lastItem.item.created_at);\n      }\n    }\n  };\n\n  /**\n   * FlatList doesn't accept changeable function for onViewableItemsChanged prop.\n   * Thus useRef.\n   */\n  const onViewableItemsChanged = useRef(\n    ({ viewableItems }: { viewableItems: ViewToken[] | undefined }) => {\n      if (viewableItems) {\n        updateStickyHeaderDateIfNeeded(viewableItems);\n      }\n      setInitialScrollIfNeeded();\n    },\n  );\n\n  const resetPaginationTrackers = () => {\n    onStartReachedTracker.current = {};\n    onEndReachedTracker.current = {};\n  };\n\n  useEffect(() => {\n    setScrollToBottomButtonVisible(false);\n  }, [disabled]);\n\n  useEffect(() => {\n    if (!loading && channel && channel.countUnread() <= scrollToFirstUnreadThreshold) {\n      markRead();\n    }\n  }, [loading]);\n\n  useEffect(() => {\n    const lastReceivedMessage = getLastReceivedMessage(messageList);\n\n    const hasNewMessage = lastReceivedId !== lastReceivedMessage?.id;\n    const isMyMessage = lastReceivedMessage?.user?.id === client.userID;\n\n    setLastReceivedId(lastReceivedMessage?.id);\n\n    /**\n     * Scroll down when\n     * 1. you send a new message to channel\n     * 2. new message list is small than the one before update - channel has resynced\n     * 3. created_at timestamp of top message before update is lesser than created_at timestamp of top message after update - channel has resynced\n     */\n    const scrollToBottomIfNeeded = () => {\n      if (!client || !channel || messageList.length === 0) {\n        return;\n      }\n\n      if (\n        (hasNewMessage && isMyMessage) ||\n        messageListLengthAfterUpdate < messageListLengthBeforeUpdate.current ||\n        (topMessageBeforeUpdate.current?.created_at &&\n          topMessageAfterUpdate?.created_at &&\n          topMessageBeforeUpdate.current.created_at < topMessageAfterUpdate.created_at)\n      ) {\n        channelResyncScrollSet.current = false;\n        setScrollToBottomButtonVisible(false);\n        resetPaginationTrackers();\n\n        setTimeout(\n          () =>\n            flatListRef.current?.scrollToOffset({\n              offset: 0,\n            }),\n          50,\n        );\n        setTimeout(() => {\n          channelResyncScrollSet.current = true;\n          if (channel.countUnread() > 0) {\n            markRead();\n          }\n        }, 500);\n      }\n    };\n\n    if (threadList || channel?.state.isUpToDate) {\n      scrollToBottomIfNeeded();\n    } else if (!scrollToBottomButtonVisible) {\n      setScrollToBottomButtonVisible(true);\n    }\n\n    if (\n      !channel?.state.isUpToDate &&\n      flatListRef.current &&\n      messageListLengthBeforeUpdate.current === 0 &&\n      messageListLengthAfterUpdate < 10\n    ) {\n      /**\n       * Trigger onStartReached on first load, if messages are not enough to fill the screen.\n       * This is important especially for android, where you can't overscroll.\n       */\n      maybeCallOnStartReached(10);\n    }\n\n    /**\n     * channelLastRead and topMessage are only used for setting initial scroll.\n     * So lets not set it if `initialScrollToFirstUnreadMessage` prop is false.\n     * OR if the scroll is already set.\n     */\n    if (initialScrollToFirstUnreadMessage && !initialScrollSet.current) {\n      channelLastRead.current = getLastReadSafely();\n    }\n\n    messageListLengthBeforeUpdate.current = messageListLengthAfterUpdate;\n    topMessageBeforeUpdate.current = topMessageAfterUpdate;\n  }, [messageListLengthAfterUpdate, topMessageAfterUpdate?.id]);\n\n  useEffect(() => {\n    if (!channel?.state.isUpToDate && autoscrollToTop) {\n      setAutoscrollToTop(false);\n    } else if (channel?.state.isUpToDate && !autoscrollToTop) {\n      setAutoscrollToTop(true);\n    }\n  }, [messageListLengthAfterUpdate]);\n\n  const renderItem = ({\n    index,\n    item: message,\n  }: {\n    index: number;\n    item: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  }) => {\n    if (!channel || !channel.initialized) return null;\n\n    const lastRead = getLastReadSafely();\n\n    const lastMessage = messageList?.[index + 1];\n\n    const showUnreadUnderlay = !!isUnreadMessage(message, lastRead) && scrollToBottomButtonVisible;\n    const insertInlineUnreadIndicator =\n      showUnreadUnderlay && !isUnreadMessage(lastMessage, lastRead);\n\n    if (message.type === 'system') {\n      return (\n        <>\n          <MessageSystem message={message} style={styles.messagePadding} />\n          {insertInlineUnreadIndicator && <InlineUnreadIndicator />}\n        </>\n      );\n    }\n\n    const wrapMessageInTheme = client.userID === message.user?.id && !!myMessageTheme;\n    return wrapMessageInTheme ? (\n      <>\n        <ThemeProvider mergedStyle={modifiedTheme}>\n          <Message\n            goToMessage={goToMessage}\n            groupStyles={\n              isMessageWithStylesReadByAndDateSeparator(message) ? message.groupStyles : []\n            }\n            lastReceivedId={lastReceivedId === message.id ? lastReceivedId : undefined}\n            message={message}\n            onThreadSelect={onThreadSelect}\n            showUnreadUnderlay={showUnreadUnderlay}\n            style={styles.messagePadding}\n            targetedMessage={targetedMessage === message.id}\n            threadList={threadList}\n          />\n        </ThemeProvider>\n        {isMessageWithStylesReadByAndDateSeparator(message) && message.dateSeparator && (\n          <InlineDateSeparator date={message.dateSeparator} />\n        )}\n        {/* Adding indicator below the messages, since the list is inverted */}\n        {insertInlineUnreadIndicator && <InlineUnreadIndicator />}\n      </>\n    ) : (\n      <>\n        <Message\n          goToMessage={goToMessage}\n          groupStyles={\n            isMessageWithStylesReadByAndDateSeparator(message) ? message.groupStyles : []\n          }\n          lastReceivedId={\n            lastReceivedId === message.id || message.quoted_message_id ? lastReceivedId : undefined\n          }\n          message={message}\n          onThreadSelect={onThreadSelect}\n          showUnreadUnderlay={showUnreadUnderlay}\n          style={styles.messagePadding}\n          targetedMessage={targetedMessage === message.id}\n          threadList={threadList}\n        />\n        {isMessageWithStylesReadByAndDateSeparator(message) && message.dateSeparator && (\n          <InlineDateSeparator date={message.dateSeparator} />\n        )}\n        {/* Adding indicator below the messages, since the list is inverted */}\n        {insertInlineUnreadIndicator && <InlineUnreadIndicator />}\n      </>\n    );\n  };\n\n  /**\n   * We are keeping full control on message pagination, and not relying on react-native for it.\n   * The reasons being,\n   * 1. FlatList doesn't support onStartReached prop\n   * 2. `onEndReached` function prop available on react-native, gets executed\n   *    once per content length (and thats actually a nice optimization strategy).\n   *    But it also means, we always need to prioritize onEndReached above our\n   *    logic for `onStartReached`.\n   * 3. `onEndReachedThreshold` prop decides - at which scroll position to call `onEndReached`.\n   *    Its a factor of content length (which is necessary for \"real\" infinite scroll). But on\n   *    the other hand, it also makes calls to `onEndReached` (and this `channel.query`) way\n   *    too early during scroll, which we don't really need. So we are going to instead\n   *    keep some fixed offset distance, to decide when to call `loadMore` or `loadMoreRecent`.\n   *\n   * We are still gonna keep the optimization, which react-native does - only call onEndReached\n   * once per content length.\n   */\n\n  /**\n   * 1. Makes a call to `loadMoreRecent` function, which queries more recent messages.\n   * 2. Ensures that we call `loadMoreRecent`, once per content length\n   * 3. If the call to `loadMore` is in progress, we wait for it to finish to make sure scroll doesn't jump.\n   */\n  const maybeCallOnStartReached = (limit?: number) => {\n    // If onStartReached has already been called for given data length, then ignore.\n    if (messageList?.length && onStartReachedTracker.current[messageList.length]) {\n      return;\n    }\n\n    if (messageList?.length) {\n      onStartReachedTracker.current[messageList.length] = true;\n    }\n\n    const callback = () => {\n      onStartReachedInPromise.current = null;\n\n      return Promise.resolve();\n    };\n\n    const onError = () => {\n      /** Release the onStartReached trigger after 2 seconds, to try again */\n      setTimeout(() => {\n        onStartReachedTracker.current = {};\n      }, 2000);\n    };\n\n    // If onEndReached is in progress, better to wait for it to finish for smooth UX\n    if (onEndReachedInPromise.current) {\n      onEndReachedInPromise.current.finally(() => {\n        onStartReachedInPromise.current = loadMoreRecent(limit).then(callback).catch(onError);\n      });\n    } else {\n      onStartReachedInPromise.current = loadMoreRecent(limit).then(callback).catch(onError);\n    }\n  };\n\n  /**\n   * 1. Makes a call to `loadMore` function, which queries more older messages.\n   * 2. Ensures that we call `loadMore`, once per content length\n   * 3. If the call to `loadMoreRecent` is in progress, we wait for it to finish to make sure scroll doesn't jump.\n   */\n  const maybeCallOnEndReached = () => {\n    // If onEndReached has already been called for given messageList length, then ignore.\n    if (messageList?.length && onEndReachedTracker.current[messageList.length]) {\n      return;\n    }\n\n    if (messageList?.length) {\n      onEndReachedTracker.current[messageList.length] = true;\n    }\n\n    const callback = () => {\n      onEndReachedInPromise.current = null;\n      return Promise.resolve();\n    };\n\n    const onError = () => {\n      /** Release the onEndReachedTracker trigger after 2 seconds, to try again */\n      setTimeout(() => {\n        onEndReachedTracker.current = {};\n      }, 2000);\n    };\n\n    // If onStartReached is in progress, better to wait for it to finish for smooth UX\n    if (onStartReachedInPromise.current) {\n      onStartReachedInPromise.current.finally(() => {\n        onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore())\n          .then(callback)\n          .catch(onError);\n      });\n    } else {\n      onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore())\n        .then(callback)\n        .catch(onError);\n    }\n  };\n\n  /**\n   * Following if condition covers following cases:\n   * 1. If I scroll up -> show scrollToBottom button.\n   * 2. If I scroll to bottom of screen\n   *    |-> hide scrollToBottom button.\n   *    |-> if channel is unread, call markRead().\n   */\n  const handleScroll: ScrollViewProps['onScroll'] = (event) => {\n    if (!channel || !initialScrollSet.current || !channelResyncScrollSet.current) {\n      return;\n    }\n\n    const offset = event.nativeEvent.contentOffset.y;\n    const visibleLength = event.nativeEvent.layoutMeasurement.height;\n    const contentLength = event.nativeEvent.contentSize.height;\n    // Check if scroll has reached either start of end of list.\n    const isScrollAtStart = offset < 100;\n    const isScrollAtEnd = contentLength - visibleLength - offset < 100;\n\n    if (isScrollAtStart) {\n      maybeCallOnStartReached();\n    }\n\n    if (isScrollAtEnd) {\n      maybeCallOnEndReached();\n    }\n\n    // Show scrollToBottom button once scroll position goes beyond 300.\n    const isScrollAtBottom = offset <= 300;\n    const showScrollToBottomButton = !isScrollAtBottom || !channel?.state.isUpToDate;\n\n    const shouldMarkRead =\n      !threadList && offset <= 0 && channel?.state.isUpToDate && channel.countUnread() > 0;\n\n    if (shouldMarkRead) {\n      markRead();\n    }\n\n    if (showScrollToBottomButton && !scrollToBottomButtonVisible) {\n      setScrollToBottomButtonVisible(true);\n    } else if (!showScrollToBottomButton && scrollToBottomButtonVisible) {\n      setScrollToBottomButtonVisible(false);\n    }\n\n    if (onListScroll) {\n      onListScroll(event);\n    }\n  };\n\n  const goToNewMessages = async () => {\n    if (!channel?.state.isUpToDate) {\n      resetPaginationTrackers();\n\n      await reloadChannel();\n    } else if (flatListRef.current) {\n      flatListRef.current.scrollToOffset({\n        offset: 0,\n      });\n    }\n\n    setScrollToBottomButtonVisible(false);\n    if (!threadList) {\n      markRead();\n    }\n  };\n\n  const goToMessage = useCallback(\n    (messageId: string) => {\n      const indexOfParentInMessageList = messageList.findIndex(\n        (message) => message?.id === messageId,\n      );\n\n      if (indexOfParentInMessageList > -1) {\n        try {\n          if (flatListRef.current) {\n            flatListRef.current.scrollToIndex({\n              index: indexOfParentInMessageList,\n              viewPosition: 0.5,\n            });\n            setTargetedMessage(messageId);\n\n            return;\n          }\n        } catch (_) {\n          // do nothing;\n        }\n      }\n\n      loadChannelAtMessage({ messageId });\n      resetPaginationTrackers();\n    },\n    [messageListLengthAfterUpdate],\n  );\n\n  const messagesWithImages = messageList.filter((message) => {\n    if (!message.deleted_at && message.attachments) {\n      return message.attachments.some(\n        (attachment) =>\n          attachment.type === 'image' &&\n          !attachment.title_link &&\n          !attachment.og_scrape_url &&\n          (attachment.image_url || attachment.thumb_url),\n      );\n    }\n    return false;\n  });\n\n  /**\n   * This is for the useEffect to run again in the case that a message\n   * gets edited with more or the same number of images\n   */\n  const imageString = messagesWithImages\n    .map((message) =>\n      message.attachments\n        ?.map((attachment) => attachment.image_url || attachment.thumb_url || '')\n        .join(),\n    )\n    .join();\n\n  const numberOfMessagesWithImages = messagesWithImages.length;\n  const threadExists = !!thread;\n  useEffect(() => {\n    if ((threadList && thread) || (!threadList && !thread)) {\n      setImages(messagesWithImages);\n    }\n  }, [imageString, numberOfMessagesWithImages, threadExists, threadList]);\n\n  const stickyHeaderFormatDate =\n    stickyHeaderDate?.getFullYear() === new Date().getFullYear() ? 'MMM D' : 'MMM D, YYYY';\n  const tStickyHeaderDate = stickyHeaderDate ? tDateTimeParser(stickyHeaderDate) : null;\n  const stickyHeaderDateToRender =\n    tStickyHeaderDate === null\n      ? null\n      : isDayOrMoment(tStickyHeaderDate)\n      ? tStickyHeaderDate.format(stickyHeaderFormatDate)\n      : new Date(tStickyHeaderDate).toDateString();\n\n  const dismissImagePicker = () => {\n    if (!hasMoved && selectedPicker) {\n      setSelectedPicker(undefined);\n      closePicker();\n    }\n  };\n  const onScrollBeginDrag = () => !hasMoved && selectedPicker && setHasMoved(true);\n  const onScrollEndDrag = () => hasMoved && selectedPicker && setHasMoved(false);\n\n  const refCallback = (ref: FlatListType<MessageType<At, Ch, Co, Ev, Me, Re, Us>>) => {\n    flatListRef.current = ref;\n\n    if (setFlatListRef) {\n      setFlatListRef(ref);\n    }\n  };\n  const renderListEmptyComponent = () => (\n    <View style={[styles.flex, styles.invert]} testID='empty-state'>\n      <EmptyStateIndicator listType='message' />\n    </View>\n  );\n\n  if (!FlatList) return null;\n\n  if (loading) {\n    return (\n      <View style={styles.flex}>\n        <LoadingIndicator listType='message' />\n      </View>\n    );\n  }\n\n  return (\n    <View style={[styles.container, { backgroundColor: white_snow }, container]}>\n      <FlatList\n        contentContainerStyle={[styles.contentContainer, contentContainer]}\n        data={messageList}\n        /** Disables the MessageList UI. Which means, message actions, reactions won't work. */\n        extraData={disabled || !channel?.state.isUpToDate}\n        inverted={inverted}\n        keyboardShouldPersistTaps='handled'\n        keyExtractor={keyExtractor}\n        ListEmptyComponent={renderListEmptyComponent}\n        ListFooterComponent={FooterComponent}\n        ListHeaderComponent={HeaderComponent}\n        maintainVisibleContentPosition={{\n          autoscrollToTopThreshold: autoscrollToTop ? 10 : undefined,\n          minIndexForVisible: 1,\n        }}\n        onScroll={handleScroll}\n        onScrollBeginDrag={onScrollBeginDrag}\n        onScrollEndDrag={onScrollEndDrag}\n        onTouchEnd={dismissImagePicker}\n        onViewableItemsChanged={onViewableItemsChanged.current}\n        ref={refCallback}\n        renderItem={renderItem}\n        scrollEnabled={overlay === 'none'}\n        style={[styles.listContainer, listContainer]}\n        testID='message-flat-list'\n        viewabilityConfig={flatListViewabilityConfig}\n        {...additionalFlatListProps}\n      />\n      {!loading && (\n        <>\n          <View style={styles.stickyHeader}>\n            {stickyHeaderDateToRender &&\n              (StickyHeader ? (\n                <StickyHeader dateString={stickyHeaderDateToRender} />\n              ) : messageListLengthAfterUpdate ? (\n                <DateHeader dateString={stickyHeaderDateToRender} />\n              ) : null)}\n          </View>\n          {!disableTypingIndicator && TypingIndicator && typingEventsEnabled !== false && (\n            <TypingIndicatorContainer>\n              <TypingIndicator />\n            </TypingIndicatorContainer>\n          )}\n          <ScrollToBottomButton\n            onPress={goToNewMessages}\n            showNotification={scrollToBottomButtonVisible}\n            unreadCount={threadList ? 0 : channel?.countUnread()}\n          />\n        </>\n      )}\n      <NetworkDownIndicator />\n    </View>\n  );\n};\n\nexport type MessageListProps<\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<MessageListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const MessageList = <\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: MessageListProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { closePicker, selectedPicker, setSelectedPicker } = useAttachmentPickerContext();\n  const {\n    channel,\n    disabled,\n    EmptyStateIndicator,\n    error,\n    loadChannelAtMessage,\n    loading,\n    LoadingIndicator,\n    markRead,\n    NetworkDownIndicator,\n    reloadChannel,\n    scrollToFirstUnreadThreshold,\n    setTargetedMessage,\n    StickyHeader,\n    targetedMessage,\n    typingEventsEnabled,\n  } = useChannelContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { client } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { setImages } = useImageGalleryContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const {\n    DateHeader,\n    disableTypingIndicator,\n    FlatList,\n    initialScrollToFirstUnreadMessage,\n    InlineDateSeparator,\n    InlineUnreadIndicator,\n    Message,\n    MessageSystem,\n    myMessageTheme,\n    ScrollToBottomButton,\n    TypingIndicator,\n    TypingIndicatorContainer,\n  } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { loadMore, loadMoreRecent } = usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { overlay } = useOverlayContext();\n  const { loadMoreThread, thread } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { t, tDateTimeParser } = useTranslationContext();\n\n  return (\n    <MessageListWithContext\n      {...{\n        channel,\n        client,\n        closePicker,\n        DateHeader,\n        disabled,\n        disableTypingIndicator,\n        EmptyStateIndicator,\n        error,\n        FlatList,\n        initialScrollToFirstUnreadMessage,\n        InlineDateSeparator,\n        InlineUnreadIndicator,\n        loadChannelAtMessage,\n        loading,\n        LoadingIndicator,\n        loadMore,\n        loadMoreRecent,\n        loadMoreThread,\n        markRead,\n        Message,\n        MessageSystem,\n        myMessageTheme,\n        NetworkDownIndicator,\n        overlay,\n        reloadChannel,\n        ScrollToBottomButton,\n        scrollToFirstUnreadThreshold,\n        selectedPicker,\n        setImages,\n        setSelectedPicker,\n        setTargetedMessage,\n        StickyHeader,\n        t,\n        targetedMessage,\n        tDateTimeParser,\n        thread,\n        typingEventsEnabled,\n        TypingIndicator,\n        TypingIndicatorContainer,\n      }}\n      {...props}\n    />\n  );\n};\n"]}

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

@@ -25,8 +25,6 @@ var _reactNative = require("react-native");
 
 var _uniq = _interopRequireDefault(require("lodash/uniq"));
 
-var _mimeTypes = require("mime-types");
-
 var _streamChat = require("stream-chat");
 
 var _useCreateMessageInputContext = require("./hooks/useCreateMessageInputContext");
@@ -60,6 +58,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+var MIME_TYPE_OCTET_STREAM = 'application/octet-stream';
+
 var MessageInputContext = _react["default"].createContext({});
 
 exports.MessageInputContext = MessageInputContext;
@@ -262,13 +262,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
               if (!result.cancelled && result.docs) {
                 result.docs.forEach(function (doc) {
-                  var mimeType = (0, _mimeTypes.lookup)(doc.name);
-
-                  if (mimeType && mimeType != null && mimeType.startsWith('image/')) {
-                    uploadNewFile(doc);
-                  } else {
-                    uploadNewFile(doc);
-                  }
+                  uploadNewFile(doc);
                 });
               }
 
@@ -330,7 +324,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
   var sendMessage = function () {
     var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
-      var prevText, attachments, _loop, _iterator3, _step3, _image4, _ret, _iterator4, _step4, _file4, updatedMessage, updateMessagePromise;
+      var prevText, attachments, _loop, _iterator3, _step3, _image4, _ret, _iterator4, _step4, _file4, _file4$file$type, updatedMessage, updateMessagePromise;
 
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
@@ -442,13 +436,21 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
             case 27:
               if (_file4.state === _utils.FileState.UPLOADED || _file4.state === _utils.FileState.FINISHED) {
-                attachments.push({
-                  asset_url: _file4.url,
-                  file_size: _file4.file.size,
-                  mime_type: _file4.file.type,
-                  title: _file4.file.name,
-                  type: 'file'
-                });
+                if ((_file4$file$type = _file4.file.type) != null && _file4$file$type.startsWith('image/')) {
+                  attachments.push({
+                    fallback: _file4.file.name,
+                    image_url: _file4.url,
+                    type: 'image'
+                  });
+                } else {
+                  attachments.push({
+                    asset_url: _file4.url,
+                    file_size: _file4.file.size,
+                    mime_type: _file4.file.type,
+                    title: _file4.file.name,
+                    type: 'file'
+                  });
+                }
               }
 
             case 28:
@@ -669,7 +671,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               }
 
               _context4.next = 17;
-              return channel.sendFile(file.uri, file.name, file.type);
+              return channel.sendFile(file.uri, file.name, MIME_TYPE_OCTET_STREAM);
 
             case 17:
               response = _context4.sent;
@@ -735,7 +737,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
   var uploadImage = function () {
     var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(_ref7) {
-      var newImage, _ref9, file, id, response, _file$uri, localUri, uri, compressedUri, filename, contentType;
+      var newImage, _ref9, file, id, response, _file$uri, localUri, uri, compressedUri;
 
       return _regenerator["default"].wrap(function _callee5$(_context5) {
         while (1) {
@@ -801,34 +803,32 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
             case 24:
               compressedUri = _context5.sent;
-              filename = uri.replace(/^(file:\/\/|content:\/\/|assets-library:\/\/)/, '');
-              contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
 
               if (!value.doImageUploadRequest) {
-                _context5.next = 33;
+                _context5.next = 31;
                 break;
               }
 
-              _context5.next = 30;
+              _context5.next = 28;
               return value.doImageUploadRequest(file, channel);
 
-            case 30:
+            case 28:
               response = _context5.sent;
-              _context5.next = 41;
+              _context5.next = 39;
               break;
 
-            case 33:
+            case 31:
               if (!(compressedUri && channel)) {
-                _context5.next = 41;
+                _context5.next = 39;
                 break;
               }
 
               if (!value.sendImageAsync) {
-                _context5.next = 38;
+                _context5.next = 36;
                 break;
               }
 
-              channel.sendImage(compressedUri, undefined, contentType).then(function (res) {
+              channel.sendImage(compressedUri, undefined, MIME_TYPE_OCTET_STREAM).then(function (res) {
                 if (asyncIds.includes(id)) {
                   setAsyncUploads(function (prevAsyncUploads) {
                     prevAsyncUploads[id] = (0, _extends2["default"])({}, prevAsyncUploads[id], {
@@ -852,17 +852,17 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                   });
                 }
               });
-              _context5.next = 41;
+              _context5.next = 39;
               break;
 
-            case 38:
-              _context5.next = 40;
-              return channel.sendImage(compressedUri, undefined, contentType);
+            case 36:
+              _context5.next = 38;
+              return channel.sendImage(compressedUri, undefined, MIME_TYPE_OCTET_STREAM);
 
-            case 40:
+            case 38:
               response = _context5.sent;
 
-            case 41:
+            case 39:
               if (Object.keys(response).length) {
                 setImageUploads(function (prevImageUploads) {
                   return prevImageUploads.map(function (imageUpload) {
@@ -878,11 +878,11 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 });
               }
 
-              _context5.next = 50;
+              _context5.next = 48;
               break;
 
-            case 44:
-              _context5.prev = 44;
+            case 42:
+              _context5.prev = 42;
               _context5.t2 = _context5["catch"](5);
               console.warn(_context5.t2);
 
@@ -905,12 +905,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               });
               return _context5.abrupt("return");
 
-            case 50:
+            case 48:
             case "end":
               return _context5.stop();
           }
         }
-      }, _callee5, null, [[5, 44]]);
+      }, _callee5, null, [[5, 42]]);
     }));
 
     return function uploadImage(_x2) {
@@ -920,33 +920,32 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
   var uploadNewFile = function () {
     var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(file) {
-      var id, mimeType, newFile;
+      var id, newFile;
       return _regenerator["default"].wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
               id = (0, _utils.generateRandomId)();
-              mimeType = (0, _mimeTypes.lookup)(file.name);
               newFile = {
                 file: (0, _extends2["default"])({}, file, {
-                  type: mimeType || (file == null ? void 0 : file.type)
+                  type: MIME_TYPE_OCTET_STREAM
                 }),
                 id: id,
                 state: _utils.FileState.UPLOADING
               };
-              _context6.next = 5;
+              _context6.next = 4;
               return Promise.all([setFileUploads(function (prevFileUploads) {
                 return prevFileUploads.concat([newFile]);
               }), setNumberOfUploads(function (prevNumberOfUploads) {
                 return prevNumberOfUploads + 1;
               })]);
 
-            case 5:
+            case 4:
               uploadFile({
                 newFile: newFile
               });
 
-            case 6:
+            case 5:
             case "end":
               return _context6.stop();
           }
@@ -1052,7 +1051,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1067,
+      lineNumber: 1066,
       columnNumber: 5
     }
   }, children);
@@ -1073,7 +1072,7 @@ var withMessageInputContext = function withMessageInputContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1116,
+        lineNumber: 1115,
         columnNumber: 12
       }
     }));