stream-chat-react-native-core 4.0.0-beta.3 → 4.0.0-beta.7

package/lib/module/components/MessageList/InlineLoadingMoreRecentIndicator.js

@@ -40,7 +40,7 @@ var InlineLoadingMoreRecentIndicatorWithContext = function InlineLoadingMoreRece
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.ActivityIndicator, {
@@ -49,7 +49,7 @@ var InlineLoadingMoreRecentIndicatorWithContext = function InlineLoadingMoreRece
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 34,
       columnNumber: 9
     }
   }));
@@ -76,7 +76,7 @@ var InlineLoadingMoreRecentIndicator = function InlineLoadingMoreRecentIndicator
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 62,
       columnNumber: 10
     }
   });

package/lib/module/components/MessageList/InlineLoadingMoreRecentIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InlineLoadingMoreRecentIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","loadingMoreRecent","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAQzC;AACL,8BAA8B,kEAA9B;AAAA,MAAQb,iBAAR,yBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CAZM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreRecentIndicatorPropsWithContext = {\n  loadingMoreRecent?: boolean;\n};\n\nexport const InlineLoadingMoreRecentIndicatorWithContext: React.FC<InlineLoadingMoreRecentIndicatorPropsWithContext> =\n  ({ loadingMoreRecent }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMoreRecent) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n) => {\n  const { loadingMoreRecent: prevLoadingMoreRecent } = prevProps;\n  const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;\n\n  const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;\n  if (!loadingMoreRecentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreRecentIndicator = React.memo(\n  InlineLoadingMoreRecentIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreRecentIndicatorWithContext;\n\nexport const InlineLoadingMoreRecentIndicator = <\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  const { loadingMoreRecent } = usePaginatedMessageListContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={loadingMoreRecent} />;\n};\n"]}
+{"version":3,"sources":["InlineLoadingMoreRecentIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","loadingMoreRecent","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAEzC;AACL,8BAA8B,kEAA9B;AAAA,MAAQb,iBAAR,yBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CANM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { usePaginatedMessageListContext } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreRecentIndicatorPropsWithContext = {\n  loadingMoreRecent?: boolean;\n};\n\nexport const InlineLoadingMoreRecentIndicatorWithContext: React.FC<InlineLoadingMoreRecentIndicatorPropsWithContext> =\n  ({ loadingMoreRecent }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!loadingMoreRecent) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreRecentIndicatorPropsWithContext,\n) => {\n  const { loadingMoreRecent: prevLoadingMoreRecent } = prevProps;\n  const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;\n\n  const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;\n  if (!loadingMoreRecentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreRecentIndicator = React.memo(\n  InlineLoadingMoreRecentIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreRecentIndicatorWithContext;\n\nexport const InlineLoadingMoreRecentIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { loadingMoreRecent } = usePaginatedMessageListContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreRecentIndicator loadingMoreRecent={loadingMoreRecent} />;\n};\n"]}

package/lib/module/components/MessageList/InlineLoadingMoreThreadIndicator.js

@@ -40,7 +40,7 @@ var InlineLoadingMoreThreadIndicatorWithContext = function InlineLoadingMoreThre
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.ActivityIndicator, {
@@ -49,7 +49,7 @@ var InlineLoadingMoreThreadIndicatorWithContext = function InlineLoadingMoreThre
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 34,
       columnNumber: 9
     }
   }));
@@ -76,7 +76,7 @@ var InlineLoadingMoreThreadIndicator = function InlineLoadingMoreThreadIndicator
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 62,
       columnNumber: 10
     }
   });

package/lib/module/components/MessageList/InlineLoadingMoreThreadIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InlineLoadingMoreThreadIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreThreadIndicatorWithContext","threadLoadingMore","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevThreadLoadingMore","nextThreadLoadingMore","threadLoadingMoreEqual","MemoizedInlineLoadingMoreThreadIndicator","React","memo","InlineLoadingMoreThreadIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAQzC;AACL,0BAA8B,sCAA9B;AAAA,MAAQb,iBAAR,qBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CAZM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useThreadContext } from '../../contexts/threadContext/ThreadContext';\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  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreThreadIndicatorPropsWithContext = {\n  threadLoadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreThreadIndicatorWithContext: React.FC<InlineLoadingMoreThreadIndicatorPropsWithContext> =\n  ({ threadLoadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!threadLoadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n) => {\n  const { threadLoadingMore: prevThreadLoadingMore } = prevProps;\n  const { threadLoadingMore: nextThreadLoadingMore } = nextProps;\n\n  const threadLoadingMoreEqual = prevThreadLoadingMore === nextThreadLoadingMore;\n  if (!threadLoadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreThreadIndicator = React.memo(\n  InlineLoadingMoreThreadIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreThreadIndicatorWithContext;\n\nexport const InlineLoadingMoreThreadIndicator = <\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  const { threadLoadingMore } = useThreadContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedInlineLoadingMoreThreadIndicator threadLoadingMore={threadLoadingMore} />;\n};\n"]}
+{"version":3,"sources":["InlineLoadingMoreThreadIndicator.tsx"],"names":["styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreThreadIndicatorWithContext","threadLoadingMore","theme","accent_blue","colors","areEqual","prevProps","nextProps","prevThreadLoadingMore","nextThreadLoadingMore","threadLoadingMoreEqual","MemoizedInlineLoadingMoreThreadIndicator","React","memo","InlineLoadingMoreThreadIndicator"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAIA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,0BAA0B,EAAE;AAC1BC,IAAAA,OAAO,EAAE,EADiB;AAE1BC,IAAAA,KAAK,EAAE;AAFmB;AADG,CAAlB,CAAf;;AAWO,IAAMC,2CAAuG,GAClH,SADWA,2CACX,OAA2B;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;;AACzB,kBAAkB,6BAAlB;AAAA,MAAQC,KAAR,aAAQA,KAAR;;AAEA,MACYC,WADZ,GAEID,KAFJ,CACEE,MADF,CACYD,WADZ;;AAIA,MAAI,CAACF,iBAAL,EAAwB;AACtB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEP,MAAM,CAACG,0BAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,8BAAD;AAAmB,IAAA,KAAK,EAAEM,WAA1B;AAAuC,IAAA,IAAI,EAAC,OAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAjBI;;;;AAmBP,IAAME,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAA2BC,qBAA3B,GAAqDF,SAArD,CAAQL,iBAAR;AACA,MAA2BQ,qBAA3B,GAAqDF,SAArD,CAAQN,iBAAR;AAEA,MAAMS,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAzD;AACA,MAAI,CAACC,sBAAL,EAA6B,OAAO,KAAP;AAE7B,SAAO,IAAP;AACD,CAXD;;AAaA,IAAMC,wCAAwC,GAAGC,kBAAMC,IAAN,CAC/Cb,2CAD+C,EAE/CK,QAF+C,CAAjD;;AAKO,IAAMS,gCAAgC,GAAG,SAAnCA,gCAAmC,GAEzC;AACL,0BAA8B,sCAA9B;AAAA,MAAQb,iBAAR,qBAAQA,iBAAR;;AAEA,SAAO,gCAAC,wCAAD;AAA0C,IAAA,iBAAiB,EAAEA,iBAA7D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAP;AACD,CANM","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useThreadContext } from '../../contexts/threadContext/ThreadContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n  activityIndicatorContainer: {\n    padding: 10,\n    width: '100%',\n  },\n});\n\nexport type InlineLoadingMoreThreadIndicatorPropsWithContext = {\n  threadLoadingMore?: boolean;\n};\n\nexport const InlineLoadingMoreThreadIndicatorWithContext: React.FC<InlineLoadingMoreThreadIndicatorPropsWithContext> =\n  ({ threadLoadingMore }) => {\n    const { theme } = useTheme();\n\n    const {\n      colors: { accent_blue },\n    } = theme;\n\n    if (!threadLoadingMore) {\n      return null;\n    }\n\n    return (\n      <View style={styles.activityIndicatorContainer}>\n        <ActivityIndicator color={accent_blue} size='small' />\n      </View>\n    );\n  };\n\nconst areEqual = (\n  prevProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n  nextProps: InlineLoadingMoreThreadIndicatorPropsWithContext,\n) => {\n  const { threadLoadingMore: prevThreadLoadingMore } = prevProps;\n  const { threadLoadingMore: nextThreadLoadingMore } = nextProps;\n\n  const threadLoadingMoreEqual = prevThreadLoadingMore === nextThreadLoadingMore;\n  if (!threadLoadingMoreEqual) return false;\n\n  return true;\n};\n\nconst MemoizedInlineLoadingMoreThreadIndicator = React.memo(\n  InlineLoadingMoreThreadIndicatorWithContext,\n  areEqual,\n) as typeof InlineLoadingMoreThreadIndicatorWithContext;\n\nexport const InlineLoadingMoreThreadIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { threadLoadingMore } = useThreadContext<StreamChatGenerics>();\n\n  return <MemoizedInlineLoadingMoreThreadIndicator threadLoadingMore={threadLoadingMore} />;\n};\n"]}

package/lib/module/components/MessageList/MessageList.js

@@ -360,7 +360,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 569,
+          lineNumber: 539,
           columnNumber: 11
         }
       }, _react["default"].createElement(MessageSystem, {
@@ -369,14 +369,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 570,
+          lineNumber: 540,
           columnNumber: 13
         }
       })), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 572,
+          lineNumber: 542,
           columnNumber: 43
         }
       }));
@@ -388,7 +388,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 580,
+        lineNumber: 550,
         columnNumber: 9
       }
     }, _react["default"].createElement(_reactNative.View, {
@@ -396,7 +396,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 581,
+        lineNumber: 551,
         columnNumber: 11
       }
     }, _react["default"].createElement(Message, {
@@ -412,7 +412,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 582,
+        lineNumber: 552,
         columnNumber: 13
       }
     }))), (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
@@ -420,14 +420,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 598,
+        lineNumber: 568,
         columnNumber: 11
       }
     }), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 601,
+        lineNumber: 571,
         columnNumber: 41
       }
     })) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -435,7 +435,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 605,
+        lineNumber: 575,
         columnNumber: 9
       }
     }, _react["default"].createElement(Message, {
@@ -451,7 +451,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 606,
+        lineNumber: 576,
         columnNumber: 11
       }
     })), (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
@@ -459,14 +459,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 625,
+        lineNumber: 595,
         columnNumber: 11
       }
     }), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 628,
+        lineNumber: 598,
         columnNumber: 41
       }
     }));
@@ -696,7 +696,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 904,
+        lineNumber: 874,
         columnNumber: 5
       }
     }, _react["default"].createElement(EmptyStateIndicator, {
@@ -704,7 +704,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 905,
+        lineNumber: 875,
         columnNumber: 7
       }
     }));
@@ -718,7 +718,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 913,
+        lineNumber: 883,
         columnNumber: 7
       }
     }, _react["default"].createElement(LoadingIndicator, {
@@ -726,7 +726,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 914,
+        lineNumber: 884,
         columnNumber: 9
       }
     }));
@@ -740,7 +740,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 920,
+      lineNumber: 890,
       columnNumber: 5
     }
   }, _react["default"].createElement(FlatList, (0, _extends2["default"])({
@@ -772,7 +772,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 924,
+      lineNumber: 894,
       columnNumber: 7
     }
   })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -780,7 +780,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 954,
+      lineNumber: 924,
       columnNumber: 11
     }
   }, stickyHeaderDateToRender && (StickyHeader ? _react["default"].createElement(StickyHeader, {
@@ -788,7 +788,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 957,
+      lineNumber: 927,
       columnNumber: 17
     }
   }) : messageListLengthAfterUpdate ? _react["default"].createElement(DateHeader, {
@@ -796,21 +796,21 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 959,
+      lineNumber: 929,
       columnNumber: 17
     }
   }) : null)), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 963,
+      lineNumber: 933,
       columnNumber: 13
     }
   }, _react["default"].createElement(TypingIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 964,
+      lineNumber: 934,
       columnNumber: 15
     }
   })), _react["default"].createElement(ScrollToBottomButton, {
@@ -820,14 +820,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 967,
+      lineNumber: 937,
       columnNumber: 11
     }
   })), _react["default"].createElement(NetworkDownIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 974,
+      lineNumber: 944,
       columnNumber: 7
     }
   }));
@@ -944,7 +944,7 @@ var MessageList = function MessageList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1044,
+      lineNumber: 1002,
       columnNumber: 5
     }
   }));