stream-chat-react-native-core 5.1.1-beta.1 → 5.3.0-beta.1

package/lib/commonjs/components/Message/MessageSimple/MessageRepliesAvatars.js

@@ -3,7 +3,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MessageRepliesAvatars = void 0;
+exports.MessageRepliesAvatarsWithContext = exports.MessageRepliesAvatars = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
+var _ChatContext = require("../../../contexts/chatContext/ChatContext");
+
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 
 var _Avatar = require("../../Avatar/Avatar");
@@ -30,10 +32,11 @@ var styles = _reactNative.StyleSheet.create({
   }
 });
 
-var MessageRepliesAvatars = function MessageRepliesAvatars(props) {
+var MessageRepliesAvatarsWithContext = function MessageRepliesAvatarsWithContext(props) {
   var _message$thread_parti;
 
   var alignment = props.alignment,
+      ImageComponent = props.ImageComponent,
       message = props.message;
 
   var _useTheme = (0, _ThemeContext.useTheme)(),
@@ -56,7 +59,7 @@ var MessageRepliesAvatars = function MessageRepliesAvatars(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 54,
       columnNumber: 5
     }
   }, avatars.map(function (user, i) {
@@ -68,7 +71,7 @@ var MessageRepliesAvatars = function MessageRepliesAvatars(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 60,
+        lineNumber: 61,
         columnNumber: 9
       }
     }, _react["default"].createElement(_Avatar.Avatar, {
@@ -77,17 +80,35 @@ var MessageRepliesAvatars = function MessageRepliesAvatars(props) {
         borderWidth: 1
       }, avatar],
       image: user.image,
+      ImageComponent: ImageComponent,
       name: user.name,
       size: avatarSize ? avatarSize : i === 1 ? 18 : 16,
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 71,
+        lineNumber: 72,
         columnNumber: 11
       }
     }));
   }));
 };
 
+exports.MessageRepliesAvatarsWithContext = MessageRepliesAvatarsWithContext;
+
+var MessageRepliesAvatars = function MessageRepliesAvatars(props) {
+  var _useChatContext = (0, _ChatContext.useChatContext)(),
+      ImageComponent = _useChatContext.ImageComponent;
+
+  return _react["default"].createElement(MessageRepliesAvatarsWithContext, (0, _extends2["default"])({}, props, {
+    ImageComponent: ImageComponent,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 98,
+      columnNumber: 10
+    }
+  }));
+};
+
 exports.MessageRepliesAvatars = MessageRepliesAvatars;
 //# sourceMappingURL=MessageRepliesAvatars.js.map

package/lib/commonjs/components/Message/MessageSimple/MessageRepliesAvatars.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageRepliesAvatars.tsx"],"names":["styles","StyleSheet","create","avatarContainer","alignItems","flexDirection","paddingTop","topAvatar","position","MessageRepliesAvatars","props","alignment","message","theme","white_snow","colors","messageSimple","replies","avatar","avatarContainerMultiple","avatarContainerSingle","avatarSize","leftAvatarsContainer","rightAvatarsContainer","avatars","thread_participants","slice","hasMoreThanOneReply","length","marginLeft","map","user","i","id","paddingLeft","borderColor","borderWidth","image","name"],"mappings":";;;;;;;;;AAAA;;AACA;;AAGA;;AAGA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,UAAU,EAAE,QADG;AAEfC,IAAAA,aAAa,EAAE,KAFA;AAGfC,IAAAA,UAAU,EAAE;AAHG,GADc;AAM/BC,EAAAA,SAAS,EAAE;AACTD,IAAAA,UAAU,EAAE,CADH;AAETE,IAAAA,QAAQ,EAAE;AAFD;AANoB,CAAlB,CAAf;;AAgBO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAGnCC,KAHmC,EAIhC;AAAA;;AACH,MAAQC,SAAR,GAA+BD,KAA/B,CAAQC,SAAR;AAAA,MAAmBC,OAAnB,GAA+BF,KAA/B,CAAmBE,OAAnB;;AAEA,kBAcI,6BAdJ;AAAA,kCACEC,KADF;AAAA,MAEcC,UAFd,mBAEIC,MAFJ,CAEcD,UAFd;AAAA,8CAGIE,aAHJ,CAIMC,OAJN;AAAA,MAKQC,MALR,yBAKQA,MALR;AAAA,MAMQC,uBANR,yBAMQA,uBANR;AAAA,MAOQC,qBAPR,yBAOQA,qBAPR;AAAA,MAQQC,UARR,yBAQQA,UARR;AAAA,MASQC,oBATR,yBASQA,oBATR;AAAA,MAUQC,qBAVR,yBAUQA,qBAVR;;AAgBA,MAAMC,OAAO,GAAG,0BAAAZ,OAAO,CAACa,mBAAR,2CAA6BC,KAA7B,CAAmC,CAAC,CAApC,MAA0C,EAA1D;AACA,MAAMC,mBAAmB,GAAGH,OAAO,CAACI,MAAR,GAAiB,CAA7C;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL5B,MAAM,CAACG,eADF,EAELQ,SAAS,KAAK,OAAd;AAA0BkB,MAAAA,UAAU,EAAE;AAAtC,OAA4CN,qBAA5C,IAAsED,oBAFjE,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMGE,OAAO,CAACM,GAAR,CAAY,UAACC,IAAD,EAAOC,CAAP;AAAA,WACX,gCAAC,iBAAD;AACE,MAAA,GAAG,EAAED,IAAI,CAACE,EADZ;AAEE,MAAA,KAAK,EACHD,CAAC,KAAK,CAAN,iCACShC,MAAM,CAACO,SADhB,EAC8Ba,qBAD9B;AAGMc,QAAAA,WAAW,EAAEP,mBAAmB,GAAG,CAAH,GAAO;AAH7C,SAISR,uBAJT,CAHJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAWE,gCAAC,cAAD;AACE,MAAA,cAAc,EAAE,CACda,CAAC,KAAK,CAAN,IAAW;AACTG,QAAAA,WAAW,EAAErB,UADJ;AAETsB,QAAAA,WAAW,EAAE;AAFJ,OADG,EAKdlB,MALc,CADlB;AAQE,MAAA,KAAK,EAAEa,IAAI,CAACM,KARd;AASE,MAAA,IAAI,EAAEN,IAAI,CAACO,IATb;AAUE,MAAA,IAAI,EAAEjB,UAAU,GAAGA,UAAH,GAAgBW,CAAC,KAAK,CAAN,GAAU,EAAV,GAAe,EAVjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAXF,CADW;AAAA,GAAZ,CANH,CADF;AAmCD,CA7DM","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { Avatar } from '../../Avatar/Avatar';\n\nconst styles = StyleSheet.create({\n  avatarContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingTop: 2,\n  },\n  topAvatar: {\n    paddingTop: 2,\n    position: 'absolute',\n  },\n});\n\nexport type MessageRepliesAvatarsProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'message'>;\n\nexport const MessageRepliesAvatars = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesAvatarsProps<StreamChatGenerics>,\n) => {\n  const { alignment, message } = props;\n\n  const {\n    theme: {\n      colors: { white_snow },\n      messageSimple: {\n        replies: {\n          avatar,\n          avatarContainerMultiple,\n          avatarContainerSingle,\n          avatarSize,\n          leftAvatarsContainer,\n          rightAvatarsContainer,\n        },\n      },\n    },\n  } = useTheme();\n\n  const avatars = message.thread_participants?.slice(-2) || [];\n  const hasMoreThanOneReply = avatars.length > 1;\n\n  return (\n    <View\n      style={[\n        styles.avatarContainer,\n        alignment === 'right' ? { marginLeft: 8, ...rightAvatarsContainer } : leftAvatarsContainer,\n      ]}\n    >\n      {avatars.map((user, i) => (\n        <View\n          key={user.id}\n          style={\n            i === 1\n              ? { ...styles.topAvatar, ...avatarContainerSingle }\n              : {\n                  paddingLeft: hasMoreThanOneReply ? 8 : 0,\n                  ...avatarContainerMultiple,\n                }\n          }\n        >\n          <Avatar\n            containerStyle={[\n              i === 1 && {\n                borderColor: white_snow,\n                borderWidth: 1,\n              },\n              avatar,\n            ]}\n            image={user.image}\n            name={user.name}\n            size={avatarSize ? avatarSize : i === 1 ? 18 : 16}\n          />\n        </View>\n      ))}\n    </View>\n  );\n};\n"]}
+{"version":3,"sources":["MessageRepliesAvatars.tsx"],"names":["styles","StyleSheet","create","avatarContainer","alignItems","flexDirection","paddingTop","topAvatar","position","MessageRepliesAvatarsWithContext","props","alignment","ImageComponent","message","theme","white_snow","colors","messageSimple","replies","avatar","avatarContainerMultiple","avatarContainerSingle","avatarSize","leftAvatarsContainer","rightAvatarsContainer","avatars","thread_participants","slice","hasMoreThanOneReply","length","marginLeft","map","user","i","id","paddingLeft","borderColor","borderWidth","image","name","MessageRepliesAvatars"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAGA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,UAAU,EAAE,QADG;AAEfC,IAAAA,aAAa,EAAE,KAFA;AAGfC,IAAAA,UAAU,EAAE;AAHG,GADc;AAM/BC,EAAAA,SAAS,EAAE;AACTD,IAAAA,UAAU,EAAE,CADH;AAETE,IAAAA,QAAQ,EAAE;AAFD;AANoB,CAAlB,CAAf;;AAgBO,IAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CAG9CC,KAH8C,EAI3C;AAAA;;AACH,MAAQC,SAAR,GAA+CD,KAA/C,CAAQC,SAAR;AAAA,MAAmBC,cAAnB,GAA+CF,KAA/C,CAAmBE,cAAnB;AAAA,MAAmCC,OAAnC,GAA+CH,KAA/C,CAAmCG,OAAnC;;AAEA,kBAcI,6BAdJ;AAAA,kCACEC,KADF;AAAA,MAEcC,UAFd,mBAEIC,MAFJ,CAEcD,UAFd;AAAA,8CAGIE,aAHJ,CAIMC,OAJN;AAAA,MAKQC,MALR,yBAKQA,MALR;AAAA,MAMQC,uBANR,yBAMQA,uBANR;AAAA,MAOQC,qBAPR,yBAOQA,qBAPR;AAAA,MAQQC,UARR,yBAQQA,UARR;AAAA,MASQC,oBATR,yBASQA,oBATR;AAAA,MAUQC,qBAVR,yBAUQA,qBAVR;;AAgBA,MAAMC,OAAO,GAAG,0BAAAZ,OAAO,CAACa,mBAAR,2CAA6BC,KAA7B,CAAmC,CAAC,CAApC,MAA0C,EAA1D;AACA,MAAMC,mBAAmB,GAAGH,OAAO,CAACI,MAAR,GAAiB,CAA7C;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL7B,MAAM,CAACG,eADF,EAELQ,SAAS,KAAK,OAAd;AAA0BmB,MAAAA,UAAU,EAAE;AAAtC,OAA4CN,qBAA5C,IAAsED,oBAFjE,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMGE,OAAO,CAACM,GAAR,CAAY,UAACC,IAAD,EAAOC,CAAP;AAAA,WACX,gCAAC,iBAAD;AACE,MAAA,GAAG,EAAED,IAAI,CAACE,EADZ;AAEE,MAAA,KAAK,EACHD,CAAC,KAAK,CAAN,iCACSjC,MAAM,CAACO,SADhB,EAC8Bc,qBAD9B;AAGMc,QAAAA,WAAW,EAAEP,mBAAmB,GAAG,CAAH,GAAO;AAH7C,SAISR,uBAJT,CAHJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAWE,gCAAC,cAAD;AACE,MAAA,cAAc,EAAE,CACda,CAAC,KAAK,CAAN,IAAW;AACTG,QAAAA,WAAW,EAAErB,UADJ;AAETsB,QAAAA,WAAW,EAAE;AAFJ,OADG,EAKdlB,MALc,CADlB;AAQE,MAAA,KAAK,EAAEa,IAAI,CAACM,KARd;AASE,MAAA,cAAc,EAAE1B,cATlB;AAUE,MAAA,IAAI,EAAEoB,IAAI,CAACO,IAVb;AAWE,MAAA,IAAI,EAAEjB,UAAU,GAAGA,UAAH,GAAgBW,CAAC,KAAK,CAAN,GAAU,EAAV,GAAe,EAXjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAXF,CADW;AAAA,GAAZ,CANH,CADF;AAoCD,CA9DM;;;;AAgEA,IAAMO,qBAAqB,GAAG,SAAxBA,qBAAwB,CAGnC9B,KAHmC,EAIhC;AACH,wBAA2B,kCAA3B;AAAA,MAAQE,cAAR,mBAAQA,cAAR;;AAEA,SAAO,gCAAC,gCAAD,gCAAsCF,KAAtC;AAA6C,IAAA,cAAc,EAAEE,cAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAP;AACD,CARM","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { ChatContextValue, useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { Avatar } from '../../Avatar/Avatar';\n\nconst styles = StyleSheet.create({\n  avatarContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingTop: 2,\n  },\n  topAvatar: {\n    paddingTop: 2,\n    position: 'absolute',\n  },\n});\n\nexport type MessageRepliesAvatarsProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'message'>;\n\nexport const MessageRepliesAvatarsWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesAvatarsProps<StreamChatGenerics> & Pick<ChatContextValue, 'ImageComponent'>,\n) => {\n  const { alignment, ImageComponent, message } = props;\n\n  const {\n    theme: {\n      colors: { white_snow },\n      messageSimple: {\n        replies: {\n          avatar,\n          avatarContainerMultiple,\n          avatarContainerSingle,\n          avatarSize,\n          leftAvatarsContainer,\n          rightAvatarsContainer,\n        },\n      },\n    },\n  } = useTheme();\n\n  const avatars = message.thread_participants?.slice(-2) || [];\n  const hasMoreThanOneReply = avatars.length > 1;\n\n  return (\n    <View\n      style={[\n        styles.avatarContainer,\n        alignment === 'right' ? { marginLeft: 8, ...rightAvatarsContainer } : leftAvatarsContainer,\n      ]}\n    >\n      {avatars.map((user, i) => (\n        <View\n          key={user.id}\n          style={\n            i === 1\n              ? { ...styles.topAvatar, ...avatarContainerSingle }\n              : {\n                  paddingLeft: hasMoreThanOneReply ? 8 : 0,\n                  ...avatarContainerMultiple,\n                }\n          }\n        >\n          <Avatar\n            containerStyle={[\n              i === 1 && {\n                borderColor: white_snow,\n                borderWidth: 1,\n              },\n              avatar,\n            ]}\n            image={user.image}\n            ImageComponent={ImageComponent}\n            name={user.name}\n            size={avatarSize ? avatarSize : i === 1 ? 18 : 16}\n          />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport const MessageRepliesAvatars = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageRepliesAvatarsProps<StreamChatGenerics>,\n) => {\n  const { ImageComponent } = useChatContext();\n\n  return <MessageRepliesAvatarsWithContext {...props} ImageComponent={ImageComponent} />;\n};\n"]}

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

@@ -35,6 +35,8 @@ var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
 
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
 
+var _DebugContext = require("../../contexts/debugContext/DebugContext");
+
 var _ImageGalleryContext = require("../../contexts/imageGalleryContext/ImageGalleryContext");
 
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
@@ -334,7 +336,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 547,
+          lineNumber: 548,
           columnNumber: 11
         }
       }, _react["default"].createElement(MessageSystem, {
@@ -343,14 +345,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 548,
+          lineNumber: 549,
           columnNumber: 13
         }
       })), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 550,
+          lineNumber: 551,
           columnNumber: 43
         }
       }));
@@ -362,7 +364,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 558,
+        lineNumber: 559,
         columnNumber: 9
       }
     }, _react["default"].createElement(_reactNative.View, {
@@ -370,7 +372,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 559,
+        lineNumber: 560,
         columnNumber: 11
       }
     }, _react["default"].createElement(Message, {
@@ -386,7 +388,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 560,
+        lineNumber: 561,
         columnNumber: 13
       }
     }))), (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
@@ -394,14 +396,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 576,
+        lineNumber: 577,
         columnNumber: 11
       }
     }), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 579,
+        lineNumber: 580,
         columnNumber: 41
       }
     })) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -409,7 +411,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 583,
+        lineNumber: 584,
         columnNumber: 9
       }
     }, _react["default"].createElement(Message, {
@@ -425,7 +427,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 584,
+        lineNumber: 585,
         columnNumber: 11
       }
     })), (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
@@ -433,14 +435,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 603,
+        lineNumber: 604,
         columnNumber: 11
       }
     }), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 606,
+        lineNumber: 607,
         columnNumber: 41
       }
     }));
@@ -777,6 +779,17 @@ var MessageListWithContext = function MessageListWithContext(props) {
     }
   };
 
+  var debugRef = (0, _DebugContext.useDebugContext)();
+  var isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;
+
+  if (isDebugModeEnabled) {
+    if (debugRef.current.setEventType) debugRef.current.setEventType('send');
+    if (debugRef.current.setSendEventParams) debugRef.current.setSendEventParams({
+      action: thread ? 'ThreadList' : 'Messages',
+      data: messageList
+    });
+  }
+
   var renderListEmptyComponent = function renderListEmptyComponent() {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.flex, styles.invert],
@@ -784,7 +797,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 940,
+        lineNumber: 955,
         columnNumber: 5
       }
     }, _react["default"].createElement(EmptyStateIndicator, {
@@ -792,7 +805,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 941,
+        lineNumber: 956,
         columnNumber: 7
       }
     }));
@@ -806,7 +819,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 949,
+        lineNumber: 964,
         columnNumber: 7
       }
     }, _react["default"].createElement(LoadingIndicator, {
@@ -814,7 +827,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 950,
+        lineNumber: 965,
         columnNumber: 9
       }
     }));
@@ -828,7 +841,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 956,
+      lineNumber: 971,
       columnNumber: 5
     }
   }, _react["default"].createElement(FlatList, (0, _extends2["default"])({
@@ -862,7 +875,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 960,
+      lineNumber: 975,
       columnNumber: 7
     }
   })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -870,7 +883,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 992,
+      lineNumber: 1007,
       columnNumber: 11
     }
   }, stickyHeaderDateToRender && (StickyHeader ? _react["default"].createElement(StickyHeader, {
@@ -878,7 +891,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 995,
+      lineNumber: 1010,
       columnNumber: 17
     }
   }) : messageListLengthAfterUpdate ? _react["default"].createElement(DateHeader, {
@@ -886,21 +899,21 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 997,
+      lineNumber: 1012,
       columnNumber: 17
     }
   }) : null)), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1001,
+      lineNumber: 1016,
       columnNumber: 13
     }
   }, _react["default"].createElement(TypingIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1002,
+      lineNumber: 1017,
       columnNumber: 15
     }
   })), _react["default"].createElement(ScrollToBottomButton, {
@@ -910,14 +923,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1005,
+      lineNumber: 1020,
       columnNumber: 11
     }
   })), _react["default"].createElement(NetworkDownIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1012,
+      lineNumber: 1027,
       columnNumber: 7
     }
   }));
@@ -1036,7 +1049,7 @@ var MessageList = function MessageList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1071,
+      lineNumber: 1086,
       columnNumber: 5
     }
   }));