stream-chat-react-native-core 7.1.2-beta.4 → 7.1.2

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

@@ -1,11 +1,9 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageList = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -32,7 +30,7 @@ var _excluded = ["contentContainerStyle", "ItemSeparatorComponent", "style"];
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/MessageList.tsx";
 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; }
+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_TIMEOUT = 0;
 var MAX_RETRIES_AFTER_SCROLL_FAILURE = 10;
 var styles = _reactNative.StyleSheet.create({
@@ -154,7 +152,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     TypingIndicatorContainer = props.TypingIndicatorContainer,
     UnreadMessagesNotification = props.UnreadMessagesNotification;
   var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isUnreadNotificationOpen = _useState2[0],
     setIsUnreadNotificationOpen = _useState2[1];
   var _useTheme = (0, _ThemeContext.useTheme)(),
@@ -190,7 +188,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
   var topMessageAfterUpdate = rawMessageList[0];
   var shouldScrollToRecentOnNewOwnMessageRef = (0, _useShouldScrollToRecentOnNewOwnMessage.useShouldScrollToRecentOnNewOwnMessage)(rawMessageList, client.userID);
   var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     autoscrollToRecent = _useState4[0],
     setAutoscrollToRecent = _useState4[1];
   var maintainVisibleContentPosition = (0, _react.useMemo)(function () {
@@ -209,7 +207,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
   var onScrollEventTimeoutRef = (0, _react.useRef)(undefined);
   var messageIdLastScrolledToRef = (0, _react.useRef)(undefined);
   var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     hasMoved = _useState6[0],
     setHasMoved = _useState6[1];
   var lastReceivedId = (0, _react.useMemo)(function () {
@@ -217,11 +215,11 @@ var MessageListWithContext = function MessageListWithContext(props) {
     return (_getLastReceivedMessa = (0, _getLastReceivedMessage.getLastReceivedMessage)(processedMessageList)) == null ? void 0 : _getLastReceivedMessa.id;
   }, [processedMessageList]);
   var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     scrollToBottomButtonVisible = _useState8[0],
     setScrollToBottomButtonVisible = _useState8[1];
   var _useState9 = (0, _react.useState)(),
-    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     stickyHeaderDate = _useState10[0],
     setStickyHeaderDate = _useState10[1];
   var stickyHeaderDateRef = (0, _react.useRef)(undefined);
@@ -313,41 +311,23 @@ var MessageListWithContext = function MessageListWithContext(props) {
       return !(channelUnreadState != null && channelUnreadState.first_unread_message_id) && !scrollToBottomButtonVisible && ((_client$user = client.user) == null ? void 0 : _client$user.id) && !hasReadLastMessage(channel, (_client$user2 = client.user) == null ? void 0 : _client$user2.id);
     };
     var handleEvent = function () {
-      var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(event) {
+      var _ref3 = (0, _asyncToGenerator2.default)(function* (event) {
         var _event$message, _event$message2;
-        var mainChannelUpdated;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              mainChannelUpdated = !((_event$message = event.message) != null && _event$message.parent_id) || ((_event$message2 = event.message) == null ? void 0 : _event$message2.show_in_channel);
-              if (!(scrollToBottomButtonVisible || channelUnreadState != null && channelUnreadState.first_unread_message_id)) {
-                _context.next = 5;
-                break;
-              }
-              setChannelUnreadState(function (prev) {
-                var _prev$unread_messages, _prev$last_read;
-                var previousUnreadCount = (_prev$unread_messages = prev == null ? void 0 : prev.unread_messages) != null ? _prev$unread_messages : 0;
-                var previousLastMessage = getPreviousLastMessage(channel.state.messages, event.message);
-                return Object.assign({}, prev || {}, {
-                  last_read: (_prev$last_read = prev == null ? void 0 : prev.last_read) != null ? _prev$last_read : previousUnreadCount === 0 && previousLastMessage != null && previousLastMessage.created_at ? new Date(previousLastMessage.created_at) : new Date(0),
-                  unread_messages: previousUnreadCount + 1
-                });
-              });
-              _context.next = 8;
-              break;
-            case 5:
-              if (!(mainChannelUpdated && shouldMarkRead())) {
-                _context.next = 8;
-                break;
-              }
-              _context.next = 8;
-              return markRead();
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
+        var mainChannelUpdated = !((_event$message = event.message) != null && _event$message.parent_id) || ((_event$message2 = event.message) == null ? void 0 : _event$message2.show_in_channel);
+        if (scrollToBottomButtonVisible || channelUnreadState != null && channelUnreadState.first_unread_message_id) {
+          setChannelUnreadState(function (prev) {
+            var _prev$unread_messages, _prev$last_read;
+            var previousUnreadCount = (_prev$unread_messages = prev == null ? void 0 : prev.unread_messages) != null ? _prev$unread_messages : 0;
+            var previousLastMessage = getPreviousLastMessage(channel.state.messages, event.message);
+            return Object.assign({}, prev || {}, {
+              last_read: (_prev$last_read = prev == null ? void 0 : prev.last_read) != null ? _prev$last_read : previousUnreadCount === 0 && previousLastMessage != null && previousLastMessage.created_at ? new Date(previousLastMessage.created_at) : new Date(0),
+              unread_messages: previousUnreadCount + 1
+            });
+          });
+        } else if (mainChannelUpdated && shouldMarkRead()) {
+          yield markRead();
+        }
+      });
       return function handleEvent(_x) {
         return _ref3.apply(this, arguments);
       };
@@ -426,55 +406,35 @@ var MessageListWithContext = function MessageListWithContext(props) {
     }
   }, [channel, rawMessageList, threadList]);
   var goToMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(messageId) {
-      var indexOfParentInMessageList;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            indexOfParentInMessageList = processedMessageList.findIndex(function (message) {
-              return (message == null ? void 0 : message.id) === messageId;
-            });
-            _context2.prev = 1;
-            if (!(indexOfParentInMessageList === -1)) {
-              _context2.next = 8;
-              break;
-            }
-            _context2.next = 5;
-            return loadChannelAroundMessage({
-              messageId: messageId
-            });
-          case 5:
-            return _context2.abrupt("return");
-          case 8:
-            if (flatListRef.current) {
-              _context2.next = 10;
-              break;
-            }
-            return _context2.abrupt("return");
-          case 10:
-            clearTimeout(failScrollTimeoutId.current);
-            scrollToIndexFailedRetryCountRef.current = 0;
-            messageIdLastScrolledToRef.current = messageId;
-            setTargetedMessage(messageId);
-            flatListRef.current.scrollToIndex({
-              animated: true,
-              index: indexOfParentInMessageList,
-              viewPosition: 0.5
-            });
-            return _context2.abrupt("return");
-          case 16:
-            _context2.next = 21;
-            break;
-          case 18:
-            _context2.prev = 18;
-            _context2.t0 = _context2["catch"](1);
-            console.warn('Error while scrolling to message', _context2.t0);
-          case 21:
-          case "end":
-            return _context2.stop();
+    var _ref4 = (0, _asyncToGenerator2.default)(function* (messageId) {
+      var indexOfParentInMessageList = processedMessageList.findIndex(function (message) {
+        return (message == null ? void 0 : message.id) === messageId;
+      });
+      try {
+        if (indexOfParentInMessageList === -1) {
+          yield loadChannelAroundMessage({
+            messageId: messageId
+          });
+          return;
+        } else {
+          if (!flatListRef.current) {
+            return;
+          }
+          clearTimeout(failScrollTimeoutId.current);
+          scrollToIndexFailedRetryCountRef.current = 0;
+          messageIdLastScrolledToRef.current = messageId;
+          setTargetedMessage(messageId);
+          flatListRef.current.scrollToIndex({
+            animated: true,
+            index: indexOfParentInMessageList,
+            viewPosition: 0.5
+          });
+          return;
         }
-      }, _callee2, null, [[1, 18]]);
-    }));
+      } catch (e) {
+        console.warn('Error while scrolling to message', e);
+      }
+    });
     return function (_x2) {
       return _ref4.apply(this, arguments);
     };
@@ -483,48 +443,30 @@ var MessageListWithContext = function MessageListWithContext(props) {
     if (!targetedMessage) {
       return;
     }
-    scrollToDebounceTimeoutRef.current = setTimeout((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
-      var indexOfParentInMessageList;
-      return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            indexOfParentInMessageList = processedMessageList.findIndex(function (message) {
-              return (message == null ? void 0 : message.id) === targetedMessage;
-            });
-            if (!(indexOfParentInMessageList === -1)) {
-              _context3.next = 6;
-              break;
-            }
-            _context3.next = 4;
-            return loadChannelAroundMessage({
-              messageId: targetedMessage,
-              setTargetedMessage: setTargetedMessage
-            });
-          case 4:
-            _context3.next = 13;
-            break;
-          case 6:
-            if (flatListRef.current) {
-              _context3.next = 8;
-              break;
-            }
-            return _context3.abrupt("return");
-          case 8:
-            clearTimeout(scrollToDebounceTimeoutRef.current);
-            clearTimeout(failScrollTimeoutId.current);
-            scrollToIndexFailedRetryCountRef.current = 0;
-            flatListRef.current.scrollToIndex({
-              animated: true,
-              index: indexOfParentInMessageList,
-              viewPosition: 0.5
-            });
-            setTargetedMessage(undefined);
-          case 13:
-          case "end":
-            return _context3.stop();
+    scrollToDebounceTimeoutRef.current = setTimeout((0, _asyncToGenerator2.default)(function* () {
+      var indexOfParentInMessageList = processedMessageList.findIndex(function (message) {
+        return (message == null ? void 0 : message.id) === targetedMessage;
+      });
+      if (indexOfParentInMessageList === -1) {
+        yield loadChannelAroundMessage({
+          messageId: targetedMessage,
+          setTargetedMessage: setTargetedMessage
+        });
+      } else {
+        if (!flatListRef.current) {
+          return;
         }
-      }, _callee3);
-    })), WAIT_FOR_SCROLL_TIMEOUT);
+        clearTimeout(scrollToDebounceTimeoutRef.current);
+        clearTimeout(failScrollTimeoutId.current);
+        scrollToIndexFailedRetryCountRef.current = 0;
+        flatListRef.current.scrollToIndex({
+          animated: true,
+          index: indexOfParentInMessageList,
+          viewPosition: 0.5
+        });
+        setTargetedMessage(undefined);
+      }
+    }), WAIT_FOR_SCROLL_TIMEOUT);
   }, [targetedMessage]);
   var shouldApplyAndroidWorkaround = inverted && _reactNative.Platform.OS === 'android';
   var renderItem = (0, _react.useCallback)(function (_ref6) {
@@ -558,7 +500,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     });
     return (0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: [shouldApplyAndroidWorkaround ? styles.invertAndroid : undefined],
-      testID: "message-list-item-".concat(index),
+      testID: `message-list-item-${index}`,
       children: [message.type === 'system' ? (0, _jsxRuntime.jsx)(MessageSystem, {
         message: message,
         style: [{
@@ -567,89 +509,57 @@ var MessageListWithContext = function MessageListWithContext(props) {
       }) : wrapMessageInTheme ? (0, _jsxRuntime.jsx)(_ThemeContext.ThemeProvider, {
         mergedStyle: modifiedTheme,
         children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
-          testID: "message-list-item-".concat(index),
+          testID: `message-list-item-${index}`,
           children: [renderDateSeperator, renderMessage]
         })
       }) : (0, _jsxRuntime.jsxs)(_reactNative.View, {
-        testID: "message-list-item-".concat(index),
+        testID: `message-list-item-${index}`,
         children: [renderDateSeperator, renderMessage]
       }), showUnreadUnderlay && (0, _jsxRuntime.jsx)(InlineUnreadIndicator, {})]
     });
   }, [InlineDateSeparator, InlineUnreadIndicator, Message, MessageSystem, channel, channelUnreadState == null ? void 0 : channelUnreadState.first_unread_message_id, channelUnreadState == null ? void 0 : channelUnreadState.last_read, channelUnreadState == null ? void 0 : channelUnreadState.last_read_message_id, channelUnreadState == null ? void 0 : channelUnreadState.unread_messages, client.userID, dateSeparatorsRef, goToMessage, highlightedMessageId, lastReceivedId, messageContainer, messageGroupStylesRef, modifiedTheme, myMessageTheme, onThreadSelect, screenPadding, shouldApplyAndroidWorkaround, shouldShowUnreadUnderlay, threadList]);
-  var maybeCallOnStartReached = (0, _hooks.useStableCallback)((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4() {
-    var callback, onError;
-    return _regenerator["default"].wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          if (!(processedMessageList != null && processedMessageList.length && onStartReachedTracker.current[processedMessageList.length])) {
-            _context4.next = 2;
-            break;
-          }
-          return _context4.abrupt("return");
-        case 2:
-          if (processedMessageList != null && processedMessageList.length) {
-            onStartReachedTracker.current[processedMessageList.length] = true;
-          }
-          callback = function callback() {
-            onStartReachedInPromise.current = null;
-            return Promise.resolve();
-          };
-          onError = function onError() {
-            setTimeout(function () {
-              onStartReachedTracker.current = {};
-            }, 2000);
-          };
-          if (!onEndReachedInPromise.current) {
-            _context4.next = 8;
-            break;
-          }
-          _context4.next = 8;
-          return onEndReachedInPromise.current;
-        case 8:
-          onStartReachedInPromise.current = (threadList && !!threadInstance && loadMoreRecentThread ? loadMoreRecentThread({}) : loadMoreRecent()).then(callback)["catch"](onError);
-        case 9:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  })));
-  var maybeCallOnEndReached = (0, _hooks.useStableCallback)((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5() {
-    var callback, onError;
-    return _regenerator["default"].wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          if (!(processedMessageList != null && processedMessageList.length && onEndReachedTracker.current[processedMessageList.length])) {
-            _context5.next = 2;
-            break;
-          }
-          return _context5.abrupt("return");
-        case 2:
-          if (processedMessageList != null && processedMessageList.length) {
-            onEndReachedTracker.current[processedMessageList.length] = true;
-          }
-          callback = function callback() {
-            onEndReachedInPromise.current = null;
-            return Promise.resolve();
-          };
-          onError = function onError() {
-            setTimeout(function () {
-              onEndReachedTracker.current = {};
-            }, 2000);
-          };
-          if (!onStartReachedInPromise.current) {
-            _context5.next = 8;
-            break;
-          }
-          _context5.next = 8;
-          return onStartReachedInPromise.current;
-        case 8:
-          onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore()).then(callback)["catch"](onError);
-        case 9:
-        case "end":
-          return _context5.stop();
-      }
-    }, _callee5);
-  })));
+  var maybeCallOnStartReached = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
+    if (processedMessageList != null && processedMessageList.length && onStartReachedTracker.current[processedMessageList.length]) {
+      return;
+    }
+    if (processedMessageList != null && processedMessageList.length) {
+      onStartReachedTracker.current[processedMessageList.length] = true;
+    }
+    var callback = function callback() {
+      onStartReachedInPromise.current = null;
+      return Promise.resolve();
+    };
+    var onError = function onError() {
+      setTimeout(function () {
+        onStartReachedTracker.current = {};
+      }, 2000);
+    };
+    if (onEndReachedInPromise.current) {
+      yield onEndReachedInPromise.current;
+    }
+    onStartReachedInPromise.current = (threadList && !!threadInstance && loadMoreRecentThread ? loadMoreRecentThread({}) : loadMoreRecent()).then(callback).catch(onError);
+  }));
+  var maybeCallOnEndReached = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
+    if (processedMessageList != null && processedMessageList.length && onEndReachedTracker.current[processedMessageList.length]) {
+      return;
+    }
+    if (processedMessageList != null && processedMessageList.length) {
+      onEndReachedTracker.current[processedMessageList.length] = true;
+    }
+    var callback = function callback() {
+      onEndReachedInPromise.current = null;
+      return Promise.resolve();
+    };
+    var onError = function onError() {
+      setTimeout(function () {
+        onEndReachedTracker.current = {};
+      }, 2000);
+    };
+    if (onStartReachedInPromise.current) {
+      yield onStartReachedInPromise.current;
+    }
+    onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore()).then(callback).catch(onError);
+  }));
   var onUserScrollEvent = (0, _hooks.useStableCallback)(function (event) {
     var nativeEvent = event.nativeEvent;
     clearTimeout(onScrollEventTimeoutRef.current);
@@ -679,41 +589,22 @@ var MessageListWithContext = function MessageListWithContext(props) {
       onListScroll(event);
     }
   });
-  var goToNewMessages = (0, _hooks.useStableCallback)((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6() {
-    var isNotLatestSet;
-    return _regenerator["default"].wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          isNotLatestSet = channel.state.messages !== channel.state.latestMessages;
-          if (!isNotLatestSet) {
-            _context6.next = 7;
-            break;
-          }
-          resetPaginationTrackersRef.current();
-          _context6.next = 5;
-          return reloadChannel();
-        case 5:
-          _context6.next = 8;
-          break;
-        case 7:
-          if (flatListRef.current) {
-            flatListRef.current.scrollToOffset({
-              animated: true,
-              offset: 0
-            });
-          }
-        case 8:
-          setScrollToBottomButtonVisible(false);
-          _context6.next = 11;
-          return markRead({
-            updateChannelUnreadState: false
-          });
-        case 11:
-        case "end":
-          return _context6.stop();
-      }
-    }, _callee6);
-  })));
+  var goToNewMessages = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
+    var isNotLatestSet = channel.state.messages !== channel.state.latestMessages;
+    if (isNotLatestSet) {
+      resetPaginationTrackersRef.current();
+      yield reloadChannel();
+    } else if (flatListRef.current) {
+      flatListRef.current.scrollToOffset({
+        animated: true,
+        offset: 0
+      });
+    }
+    setScrollToBottomButtonVisible(false);
+    yield markRead({
+      updateChannelUnreadState: false
+    });
+  }));
   var scrollToIndexFailedRetryCountRef = (0, _react.useRef)(0);
   var failScrollTimeoutId = (0, _react.useRef)(undefined);
   var onScrollToIndexFailedRef = (0, _react.useRef)(function (info) {
@@ -784,20 +675,10 @@ var MessageListWithContext = function MessageListWithContext(props) {
       setFlatListRef(ref);
     }
   });
-  var onUnreadNotificationClose = (0, _hooks.useStableCallback)((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7() {
-    return _regenerator["default"].wrap(function _callee7$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          _context7.next = 2;
-          return markRead();
-        case 2:
-          setIsUnreadNotificationOpen(false);
-        case 3:
-        case "end":
-          return _context7.stop();
-      }
-    }, _callee7);
-  })));
+  var onUnreadNotificationClose = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
+    yield markRead();
+    setIsUnreadNotificationOpen(false);
+  }));
   var debugRef = (0, _DebugContext.useDebugContext)();
   var isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;
   if (isDebugModeEnabled) {
@@ -835,7 +716,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     var contentContainerStyle = additionalFlatListProps.contentContainerStyle,
       _ItemSeparatorComponent = additionalFlatListProps.ItemSeparatorComponent,
       style = additionalFlatListProps.style,
-      rest = (0, _objectWithoutProperties2["default"])(additionalFlatListProps, _excluded);
+      rest = (0, _objectWithoutProperties2.default)(additionalFlatListProps, _excluded);
     additionalFlatListPropsExcludingStyle = rest;
   }
   var flatListStyle = (0, _react.useMemo)(function () {