stream-chat-react-native-core 5.4.1-beta.1 → 5.4.2-beta.1

package/README.md

@@ -26,7 +26,6 @@
 
 ## Contents
 
-- [React Native Compatibility](#-react-native-compatibility)
 - [React Native Chat Tutorial](#-react-native-chat-tutorial)
 - [Example Apps](#-example-apps)
 - [Keep in mind](#-keep-in-mind)

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

@@ -90,7 +90,9 @@ var styles = _reactNative.StyleSheet.create({
 });
 
 var keyExtractor = function keyExtractor(item) {
-  return item.id || (item.created_at ? typeof item.created_at === 'string' ? item.created_at : item.created_at.toISOString() : Date.now().toString());
+  if (item.id) return item.id;
+  if (item.created_at) return typeof item.created_at === 'string' ? item.created_at : item.created_at.toISOString();
+  return Date.now().toString();
 };
 
 var flatListViewabilityConfig = {
@@ -171,7 +173,6 @@ var MessageListWithContext = function MessageListWithContext(props) {
     });
   }, [myMessageTheme, theme]);
   var messageList = (0, _useMessageList.useMessageList)({
-    inverted: inverted,
     noGroupByUser: noGroupByUser,
     threadList: threadList
   });
@@ -334,7 +335,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 545,
+          lineNumber: 543,
           columnNumber: 11
         }
       }, _react["default"].createElement(MessageSystem, {
@@ -343,14 +344,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 546,
+          lineNumber: 544,
           columnNumber: 13
         }
       })), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 548,
+          lineNumber: 546,
           columnNumber: 43
         }
       }));
@@ -362,7 +363,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 556,
+        lineNumber: 554,
         columnNumber: 9
       }
     }, _react["default"].createElement(_reactNative.View, {
@@ -370,7 +371,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 557,
+        lineNumber: 555,
         columnNumber: 11
       }
     }, _react["default"].createElement(Message, {
@@ -386,7 +387,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 558,
+        lineNumber: 556,
         columnNumber: 13
       }
     }))), (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
@@ -394,14 +395,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 574,
+        lineNumber: 572,
         columnNumber: 11
       }
     }), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 577,
+        lineNumber: 575,
         columnNumber: 41
       }
     })) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -409,7 +410,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 581,
+        lineNumber: 579,
         columnNumber: 9
       }
     }, _react["default"].createElement(Message, {
@@ -425,7 +426,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 582,
+        lineNumber: 580,
         columnNumber: 11
       }
     })), (0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
@@ -433,14 +434,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 601,
+        lineNumber: 599,
         columnNumber: 11
       }
     }), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 604,
+        lineNumber: 602,
         columnNumber: 41
       }
     }));
@@ -752,7 +753,11 @@ var MessageListWithContext = function MessageListWithContext(props) {
   }, [imageString, isListActive, legacyImageViewerSwipeBehaviour, numberOfMessagesWithImages, threadExists, threadList]);
   var stickyHeaderFormatDate = (stickyHeaderDate == null ? void 0 : stickyHeaderDate.getFullYear()) === new Date().getFullYear() ? 'MMM D' : 'MMM D, YYYY';
   var tStickyHeaderDate = stickyHeaderDate && !hideStickyDateHeader ? tDateTimeParser(stickyHeaderDate) : null;
-  var stickyHeaderDateToRender = tStickyHeaderDate === null || hideStickyDateHeader ? null : (0, _TranslationContext.isDayOrMoment)(tStickyHeaderDate) ? tStickyHeaderDate.format(stickyHeaderFormatDate) : new Date(tStickyHeaderDate).toDateString();
+  var stickyHeaderDateString = (0, _react.useMemo)(function () {
+    if (tStickyHeaderDate === null || hideStickyDateHeader) return null;
+    if ((0, _TranslationContext.isDayOrMoment)(tStickyHeaderDate)) return tStickyHeaderDate.format(stickyHeaderFormatDate);
+    return new Date(tStickyHeaderDate).toDateString();
+  }, [tStickyHeaderDate, stickyHeaderFormatDate, hideStickyDateHeader]);
 
   var dismissImagePicker = function dismissImagePicker() {
     if (!hasMoved && selectedPicker) {
@@ -795,7 +800,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 952,
+        lineNumber: 951,
         columnNumber: 5
       }
     }, _react["default"].createElement(EmptyStateIndicator, {
@@ -803,7 +808,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 953,
+        lineNumber: 952,
         columnNumber: 7
       }
     }));
@@ -817,7 +822,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 961,
+        lineNumber: 960,
         columnNumber: 7
       }
     }, _react["default"].createElement(LoadingIndicator, {
@@ -825,12 +830,35 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 962,
+        lineNumber: 961,
         columnNumber: 9
       }
     }));
   }
 
+  var StickyHeaderComponent = function StickyHeaderComponent() {
+    if (!stickyHeaderDateString) return null;
+    if (StickyHeader) return _react["default"].createElement(StickyHeader, {
+      dateString: stickyHeaderDateString,
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 968,
+        columnNumber: 30
+      }
+    });
+    if (messageListLengthAfterUpdate) return _react["default"].createElement(DateHeader, {
+      dateString: stickyHeaderDateString,
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 969,
+        columnNumber: 46
+      }
+    });
+    return null;
+  };
+
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: white_snow
@@ -839,7 +867,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 968,
+      lineNumber: 974,
       columnNumber: 5
     }
   }, _react["default"].createElement(FlatList, (0, _extends2["default"])({
@@ -873,7 +901,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 972,
+      lineNumber: 978,
       columnNumber: 7
     }
   })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -881,37 +909,28 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1004,
+      lineNumber: 1010,
       columnNumber: 11
     }
-  }, stickyHeaderDateToRender && (StickyHeader ? _react["default"].createElement(StickyHeader, {
-    dateString: stickyHeaderDateToRender,
+  }, _react["default"].createElement(StickyHeaderComponent, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1007,
-      columnNumber: 17
-    }
-  }) : messageListLengthAfterUpdate ? _react["default"].createElement(DateHeader, {
-    dateString: stickyHeaderDateToRender,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1009,
-      columnNumber: 17
+      lineNumber: 1011,
+      columnNumber: 13
     }
-  }) : null)), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
+  })), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1013,
+      lineNumber: 1014,
       columnNumber: 13
     }
   }, _react["default"].createElement(TypingIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1014,
+      lineNumber: 1015,
       columnNumber: 15
     }
   })), _react["default"].createElement(ScrollToBottomButton, {
@@ -921,14 +940,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1017,
+      lineNumber: 1018,
       columnNumber: 11
     }
   })), _react["default"].createElement(NetworkDownIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1024,
+      lineNumber: 1025,
       columnNumber: 7
     }
   }));
@@ -1045,7 +1064,7 @@ var MessageList = function MessageList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1082,
+      lineNumber: 1083,
       columnNumber: 5
     }
   }));