stream-chat-react-native-core 5.27.0-beta.9 → 5.27.1-beta.1

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

@@ -8,7 +8,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _useMessageList2 = require("./hooks/useMessageList");
@@ -28,11 +27,12 @@ var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListC
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["contentContainerStyle", "style"];
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/MessageList.tsx";
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var WAIT_FOR_SCROLL_TO_OFFSET_TIMEOUT = 150;
 var MAX_RETRIES_AFTER_SCROLL_FAILURE = 10;
 var styles = _reactNative.StyleSheet.create({
@@ -70,14 +70,8 @@ var styles = _reactNative.StyleSheet.create({
   }
 });
 var InvertedCellRendererComponent = function InvertedCellRendererComponent(props) {
-  return _react["default"].createElement(_reactNative.View, (0, _extends2["default"])({}, props, {
-    style: styles.invertAndroid,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 98,
-      columnNumber: 3
-    }
+  return (0, _jsxRuntime.jsx)(_reactNative.View, Object.assign({}, props, {
+    style: styles.invertAndroid
   }));
 };
 var keyExtractor = function keyExtractor(item) {
@@ -359,45 +353,23 @@ var MessageListWithContext = function MessageListWithContext(props) {
     var showUnreadUnderlay = !channel.muteStatus().muted && isCurrentMessageUnread && scrollToBottomButtonVisible;
     var insertInlineUnreadIndicator = showUnreadUnderlay && !isMessageUnread(index + 1);
     if (message.type === 'system') {
-      return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
-        testID: "message-list-item-" + index,
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 639,
-          columnNumber: 11
-        }
-      }, _react["default"].createElement(MessageSystem, {
-        message: message,
-        style: [{
-          paddingHorizontal: screenPadding
-        }, messageContainer],
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 640,
-          columnNumber: 13
-        }
-      })), insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 645,
-          columnNumber: 43
-        }
-      }));
+      return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+          testID: "message-list-item-".concat(index),
+          children: (0, _jsxRuntime.jsx)(MessageSystem, {
+            message: message,
+            style: [{
+              paddingHorizontal: screenPadding
+            }, messageContainer]
+          })
+        }), insertInlineUnreadIndicator && (0, _jsxRuntime.jsx)(InlineUnreadIndicator, {})]
+      });
     }
     var wrapMessageInTheme = client.userID === ((_message$user = message.user) == null ? void 0 : _message$user.id) && !!myMessageTheme;
-    var renderDateSeperator = (0, _useMessageList2.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && _react["default"].createElement(InlineDateSeparator, {
-      date: message.dateSeparator,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 652,
-        columnNumber: 32
-      }
+    var renderDateSeperator = (0, _useMessageList2.isMessageWithStylesReadByAndDateSeparator)(message) && message.dateSeparator && (0, _jsxRuntime.jsx)(InlineDateSeparator, {
+      date: message.dateSeparator
     });
-    var renderMessage = _react["default"].createElement(Message, {
+    var renderMessage = (0, _jsxRuntime.jsx)(Message, {
       goToMessage: goToMessage,
       groupStyles: (0, _useMessageList2.isMessageWithStylesReadByAndDateSeparator)(message) ? message.groupStyles : [],
       isTargetedMessage: targetedMessage === message.id,
@@ -408,53 +380,22 @@ var MessageListWithContext = function MessageListWithContext(props) {
       style: [{
         paddingHorizontal: screenPadding
       }, messageContainer],
-      threadList: threadList,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 654,
-        columnNumber: 7
-      }
+      threadList: threadList
+    });
+    return wrapMessageInTheme ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [shouldApplyAndroidWorkaround && renderDateSeperator, (0, _jsxRuntime.jsx)(_ThemeContext.ThemeProvider, {
+        mergedStyle: modifiedTheme,
+        children: (0, _jsxRuntime.jsx)(_reactNative.View, {
+          testID: "message-list-item-".concat(index),
+          children: renderMessage
+        })
+      }), !shouldApplyAndroidWorkaround && renderDateSeperator, insertInlineUnreadIndicator && (0, _jsxRuntime.jsx)(InlineUnreadIndicator, {})]
+    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        testID: "message-list-item-".concat(index),
+        children: [shouldApplyAndroidWorkaround && renderDateSeperator, renderMessage]
+      }), !shouldApplyAndroidWorkaround && renderDateSeperator, insertInlineUnreadIndicator && (0, _jsxRuntime.jsx)(InlineUnreadIndicator, {})]
     });
-    return wrapMessageInTheme ? _react["default"].createElement(_react["default"].Fragment, null, shouldApplyAndroidWorkaround && renderDateSeperator, _react["default"].createElement(_ThemeContext.ThemeProvider, {
-      mergedStyle: modifiedTheme,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 671,
-        columnNumber: 9
-      }
-    }, _react["default"].createElement(_reactNative.View, {
-      testID: "message-list-item-" + index,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 672,
-        columnNumber: 11
-      }
-    }, renderMessage)), !shouldApplyAndroidWorkaround && renderDateSeperator, insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 676,
-        columnNumber: 41
-      }
-    })) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
-      testID: "message-list-item-" + index,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 680,
-        columnNumber: 9
-      }
-    }, shouldApplyAndroidWorkaround && renderDateSeperator, renderMessage), !shouldApplyAndroidWorkaround && renderDateSeperator, insertInlineUnreadIndicator && _react["default"].createElement(InlineUnreadIndicator, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 686,
-        columnNumber: 41
-      }
-    }));
   };
   var maybeCallOnStartReached = function () {
     var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(limit) {
@@ -758,82 +699,35 @@ var MessageListWithContext = function MessageListWithContext(props) {
     });
   }
   var renderListEmptyComponent = (0, _react.useCallback)(function () {
-    return _react["default"].createElement(_reactNative.View, {
+    return (0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.flex, {
         backgroundColor: white_snow
       }, shouldApplyAndroidWorkaround ? styles.invertAndroid : styles.invert],
       testID: "empty-state",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1076,
-        columnNumber: 7
-      }
-    }, _react["default"].createElement(EmptyStateIndicator, {
-      listType: "message",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1084,
-        columnNumber: 9
-      }
-    }));
+      children: (0, _jsxRuntime.jsx)(EmptyStateIndicator, {
+        listType: "message"
+      })
+    });
   }, [EmptyStateIndicator, shouldApplyAndroidWorkaround]);
   var ListFooterComponent = (0, _react.useCallback)(function () {
-    return _react["default"].createElement(_reactNative.View, {
+    return (0, _jsxRuntime.jsx)(_reactNative.View, {
       style: shouldApplyAndroidWorkaround ? styles.invertAndroid : undefined,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1092,
-        columnNumber: 7
-      }
-    }, _react["default"].createElement(FooterComponent, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1093,
-        columnNumber: 9
-      }
-    }));
+      children: (0, _jsxRuntime.jsx)(FooterComponent, {})
+    });
   }, [shouldApplyAndroidWorkaround, FooterComponent]);
   var ListHeaderComponent = (0, _react.useCallback)(function () {
-    return _react["default"].createElement(_reactNative.View, {
+    return (0, _jsxRuntime.jsx)(_reactNative.View, {
       style: shouldApplyAndroidWorkaround ? styles.invertAndroid : undefined,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1101,
-        columnNumber: 7
-      }
-    }, _react["default"].createElement(HeaderComponent, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1102,
-        columnNumber: 9
-      }
-    }));
+      children: (0, _jsxRuntime.jsx)(HeaderComponent, {})
+    });
   }, [shouldApplyAndroidWorkaround, HeaderComponent]);
   var StickyHeaderComponent = function StickyHeaderComponent() {
     if (!stickyHeaderDateString) return null;
-    if (StickyHeader) return _react["default"].createElement(StickyHeader, {
-      dateString: stickyHeaderDateString,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1110,
-        columnNumber: 30
-      }
+    if (StickyHeader) return (0, _jsxRuntime.jsx)(StickyHeader, {
+      dateString: stickyHeaderDateString
     });
-    if (messageListLengthAfterUpdate) return _react["default"].createElement(DateHeader, {
-      dateString: stickyHeaderDateString,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1111,
-        columnNumber: 46
-      }
+    if (messageListLengthAfterUpdate) return (0, _jsxRuntime.jsx)(DateHeader, {
+      dateString: stickyHeaderDateString
     });
     return null;
   };
@@ -846,121 +740,63 @@ var MessageListWithContext = function MessageListWithContext(props) {
   }
   if (!FlatList) return null;
   if (loading) {
-    return _react["default"].createElement(_reactNative.View, {
+    return (0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.container, {
         backgroundColor: white_snow
       }, container],
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1130,
-        columnNumber: 7
-      }
-    }, _react["default"].createElement(LoadingIndicator, {
-      listType: "message",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1131,
-        columnNumber: 9
-      }
-    }));
+      children: (0, _jsxRuntime.jsx)(LoadingIndicator, {
+        listType: "message"
+      })
+    });
   }
-  return _react["default"].createElement(_reactNative.View, {
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: white_snow
     }, container],
     testID: "message-flat-list-wrapper",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1137,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(FlatList, (0, _extends2["default"])({
-    CellRendererComponent: shouldApplyAndroidWorkaround ? InvertedCellRendererComponent : undefined,
-    contentContainerStyle: [styles.contentContainer, additionalFlatListProps == null ? void 0 : additionalFlatListProps.contentContainerStyle, contentContainer],
-    data: processedMessageList,
-    extraData: disabled || !hasNoMoreRecentMessagesToLoad,
-    inverted: shouldApplyAndroidWorkaround ? false : inverted,
-    keyboardShouldPersistTaps: "handled",
-    keyExtractor: keyExtractor,
-    ListEmptyComponent: renderListEmptyComponent,
-    ListFooterComponent: ListFooterComponent,
-    ListHeaderComponent: ListHeaderComponent,
-    maintainVisibleContentPosition: {
-      autoscrollToTopThreshold: autoscrollToRecent ? 10 : undefined,
-      minIndexForVisible: 1
-    },
-    maxToRenderPerBatch: 30,
-    onMomentumScrollEnd: onUserScrollEvent,
-    onScroll: handleScroll,
-    onScrollBeginDrag: onScrollBeginDrag,
-    onScrollEndDrag: onScrollEndDrag,
-    onScrollToIndexFailed: onScrollToIndexFailedRef.current,
-    onTouchEnd: dismissImagePicker,
-    onViewableItemsChanged: onViewableItemsChanged.current,
-    ref: refCallback,
-    renderItem: renderItem,
-    scrollEnabled: overlay === 'none',
-    showsVerticalScrollIndicator: !shouldApplyAndroidWorkaround,
-    style: [styles.listContainer, listContainer, additionalFlatListProps == null ? void 0 : additionalFlatListProps.style, shouldApplyAndroidWorkaround ? styles.invertAndroid : undefined],
-    testID: "message-flat-list",
-    viewabilityConfig: flatListViewabilityConfig
-  }, additionalFlatListPropsExcludingStyle, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1141,
-      columnNumber: 7
-    }
-  })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
-    style: styles.stickyHeader,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1192,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(StickyHeaderComponent, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1193,
-      columnNumber: 13
-    }
-  })), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1196,
-      columnNumber: 13
-    }
-  }, _react["default"].createElement(TypingIndicator, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1197,
-      columnNumber: 15
-    }
-  })), _react["default"].createElement(ScrollToBottomButton, {
-    onPress: goToNewMessages,
-    showNotification: scrollToBottomButtonVisible,
-    unreadCount: threadList ? 0 : channel == null ? void 0 : channel.countUnread(),
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1200,
-      columnNumber: 11
-    }
-  })), _react["default"].createElement(NetworkDownIndicator, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1207,
-      columnNumber: 7
-    }
-  }));
+    children: [(0, _jsxRuntime.jsx)(FlatList, Object.assign({
+      CellRendererComponent: shouldApplyAndroidWorkaround ? InvertedCellRendererComponent : undefined,
+      contentContainerStyle: [styles.contentContainer, additionalFlatListProps == null ? void 0 : additionalFlatListProps.contentContainerStyle, contentContainer],
+      data: processedMessageList,
+      extraData: disabled || !hasNoMoreRecentMessagesToLoad,
+      inverted: shouldApplyAndroidWorkaround ? false : inverted,
+      keyboardShouldPersistTaps: "handled",
+      keyExtractor: keyExtractor,
+      ListEmptyComponent: renderListEmptyComponent,
+      ListFooterComponent: ListFooterComponent,
+      ListHeaderComponent: ListHeaderComponent,
+      maintainVisibleContentPosition: {
+        autoscrollToTopThreshold: autoscrollToRecent ? 10 : undefined,
+        minIndexForVisible: 1
+      },
+      maxToRenderPerBatch: 30,
+      onMomentumScrollEnd: onUserScrollEvent,
+      onScroll: handleScroll,
+      onScrollBeginDrag: onScrollBeginDrag,
+      onScrollEndDrag: onScrollEndDrag,
+      onScrollToIndexFailed: onScrollToIndexFailedRef.current,
+      onTouchEnd: dismissImagePicker,
+      onViewableItemsChanged: onViewableItemsChanged.current,
+      ref: refCallback,
+      renderItem: renderItem,
+      scrollEnabled: overlay === 'none',
+      showsVerticalScrollIndicator: !shouldApplyAndroidWorkaround,
+      style: [styles.listContainer, listContainer, additionalFlatListProps == null ? void 0 : additionalFlatListProps.style, shouldApplyAndroidWorkaround ? styles.invertAndroid : undefined],
+      testID: "message-flat-list",
+      viewabilityConfig: flatListViewabilityConfig
+    }, additionalFlatListPropsExcludingStyle)), !loading && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.stickyHeader,
+        children: (0, _jsxRuntime.jsx)(StickyHeaderComponent, {})
+      }), !disableTypingIndicator && TypingIndicator && (0, _jsxRuntime.jsx)(TypingIndicatorContainer, {
+        children: (0, _jsxRuntime.jsx)(TypingIndicator, {})
+      }), (0, _jsxRuntime.jsx)(ScrollToBottomButton, {
+        onPress: goToNewMessages,
+        showNotification: scrollToBottomButtonVisible,
+        unreadCount: threadList ? 0 : channel == null ? void 0 : channel.countUnread()
+      })]
+    }), (0, _jsxRuntime.jsx)(NetworkDownIndicator, {})]
+  });
 };
 var MessageList = function MessageList(props) {
   var _useAttachmentPickerC = (0, _AttachmentPickerContext.useAttachmentPickerContext)(),
@@ -1016,7 +852,7 @@ var MessageList = function MessageList(props) {
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t,
     tDateTimeParser = _useTranslationContex.tDateTimeParser;
-  return _react["default"].createElement(MessageListWithContext, (0, _extends2["default"])({
+  return (0, _jsxRuntime.jsx)(MessageListWithContext, Object.assign({
     channel: channel,
     client: client,
     closePicker: closePicker,
@@ -1062,13 +898,7 @@ var MessageList = function MessageList(props) {
     TypingIndicator: TypingIndicator,
     TypingIndicatorContainer: TypingIndicatorContainer
   }, props, {
-    noGroupByUser: !enableMessageGroupingByUser || props.noGroupByUser,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 1266,
-      columnNumber: 5
-    }
+    noGroupByUser: !enableMessageGroupingByUser || props.noGroupByUser
   }));
 };
 exports.MessageList = MessageList;