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

package/lib/commonjs/components/Channel/Channel.js

@@ -7,7 +7,6 @@ exports.reactionData = exports.Channel = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -104,13 +103,14 @@ var _TypingIndicator = require("../MessageList/TypingIndicator");
 var _TypingIndicatorContainer = require("../MessageList/TypingIndicatorContainer");
 var _OverlayReactionList = require("../MessageOverlay/OverlayReactionList");
 var _Reply = require("../Reply/Reply");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["attachments", "mentioned_users", "parent_id", "text"],
   _excluded2 = ["channel_mutes", "devices", "mutes"],
   _excluded3 = ["__html", "attachments", "created_at", "deleted_at", "html", "id", "latest_reactions", "mentioned_users", "own_reactions", "parent_id", "quoted_message", "reaction_counts", "reactions", "status", "text", "type", "updated_at", "user"];
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Channel/Channel.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 styles = _reactNative.StyleSheet.create({
   selectChannel: {
     fontWeight: 'bold',
@@ -247,6 +247,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
     hideDateSeparators = _props$hideDateSepara === void 0 ? false : _props$hideDateSepara,
     _props$hideStickyDate = props.hideStickyDateHeader,
     hideStickyDateHeader = _props$hideStickyDate === void 0 ? false : _props$hideStickyDate,
+    _props$ImageLoadingFa = props.ImageLoadingFailedIndicator,
+    ImageLoadingFailedIndicator = _props$ImageLoadingFa === void 0 ? _ImageLoadingFailedIndicator.ImageLoadingFailedIndicator : _props$ImageLoadingFa,
+    _props$ImageLoadingIn = props.ImageLoadingIndicator,
+    ImageLoadingIndicator = _props$ImageLoadingIn === void 0 ? _ImageLoadingIndicator.ImageLoadingIndicator : _props$ImageLoadingIn,
     _props$ImageUploadPre = props.ImageUploadPreview,
     ImageUploadPreview = _props$ImageUploadPre === void 0 ? _ImageUploadPreview.ImageUploadPreview : _props$ImageUploadPre,
     _props$initialScrollT = props.initialScrollToFirstUnreadMessage,
@@ -278,19 +282,15 @@ var ChannelWithContext = function ChannelWithContext(props) {
     LoadingIndicator = _props$LoadingIndicat === void 0 ? _LoadingIndicator.LoadingIndicator : _props$LoadingIndicat,
     loadingMoreProp = props.loadingMore,
     loadingMoreRecentProp = props.loadingMoreRecent,
-    _props$ImageLoadingFa = props.ImageLoadingFailedIndicator,
-    ImageLoadingFailedIndicator = _props$ImageLoadingFa === void 0 ? _ImageLoadingFailedIndicator.ImageLoadingFailedIndicator : _props$ImageLoadingFa,
-    _props$ImageLoadingIn = props.ImageLoadingIndicator,
-    ImageLoadingIndicator = _props$ImageLoadingIn === void 0 ? _ImageLoadingIndicator.ImageLoadingIndicator : _props$ImageLoadingIn,
     markdownRules = props.markdownRules,
     maxMessageLengthProp = props.maxMessageLength,
     _props$maxNumberOfFil = props.maxNumberOfFiles,
     maxNumberOfFiles = _props$maxNumberOfFil === void 0 ? 10 : _props$maxNumberOfFil,
     maxTimeBetweenGroupedMessages = props.maxTimeBetweenGroupedMessages,
+    members = props.members,
     _props$mentionAllAppU = props.mentionAllAppUsersEnabled,
     mentionAllAppUsersEnabled = _props$mentionAllAppU === void 0 ? false : _props$mentionAllAppU,
     mentionAllAppUsersQuery = props.mentionAllAppUsersQuery,
-    members = props.members,
     _props$Message = props.Message,
     Message = _props$Message === void 0 ? _Message.Message : _props$Message,
     messageActions = props.messageActions,
@@ -329,19 +329,19 @@ var ChannelWithContext = function ChannelWithContext(props) {
     _props$MoreOptionsBut = props.MoreOptionsButton,
     MoreOptionsButton = _props$MoreOptionsBut === void 0 ? _MoreOptionsButton.MoreOptionsButton : _props$MoreOptionsBut,
     myMessageTheme = props.myMessageTheme,
-    _props$newMessageStat = props.newMessageStateUpdateThrottleInterval,
-    newMessageStateUpdateThrottleInterval = _props$newMessageStat === void 0 ? defaultThrottleInterval : _props$newMessageStat,
     _props$NetworkDownInd = props.NetworkDownIndicator,
     NetworkDownIndicator = _props$NetworkDownInd === void 0 ? _NetworkDownIndicator.NetworkDownIndicator : _props$NetworkDownInd,
+    _props$newMessageStat = props.newMessageStateUpdateThrottleInterval,
+    newMessageStateUpdateThrottleInterval = _props$newMessageStat === void 0 ? defaultThrottleInterval : _props$newMessageStat,
     _props$numberOfLines = props.numberOfLines,
     numberOfLines = _props$numberOfLines === void 0 ? 5 : _props$numberOfLines,
     onChangeText = props.onChangeText,
     onLongPressMessage = props.onLongPressMessage,
-    overrideOwnCapabilities = props.overrideOwnCapabilities,
     onPressInMessage = props.onPressInMessage,
     onPressMessage = props.onPressMessage,
     _props$OverlayReactio = props.OverlayReactionList,
     OverlayReactionList = _props$OverlayReactio === void 0 ? _OverlayReactionList.OverlayReactionList : _props$OverlayReactio,
+    overrideOwnCapabilities = props.overrideOwnCapabilities,
     _props$ReactionList = props.ReactionList,
     ReactionList = _props$ReactionList === void 0 ? _ReactionList.ReactionList : _props$ReactionList,
     read = props.read,
@@ -352,10 +352,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
     selectReaction = props.selectReaction,
     _props$SendButton = props.SendButton,
     SendButton = _props$SendButton === void 0 ? _SendButton.SendButton : _props$SendButton,
-    _props$SendMessageDis = props.SendMessageDisallowedIndicator,
-    SendMessageDisallowedIndicator = _props$SendMessageDis === void 0 ? _SendMessageDisallowedIndicator.SendMessageDisallowedIndicator : _props$SendMessageDis,
     _props$sendImageAsync = props.sendImageAsync,
     sendImageAsync = _props$sendImageAsync === void 0 ? false : _props$sendImageAsync,
+    _props$SendMessageDis = props.SendMessageDisallowedIndicator,
+    SendMessageDisallowedIndicator = _props$SendMessageDis === void 0 ? _SendMessageDisallowedIndicator.SendMessageDisallowedIndicator : _props$SendMessageDis,
     setInputRef = props.setInputRef,
     setMembers = props.setMembers,
     setMessages = props.setMessages,
@@ -549,23 +549,23 @@ var ChannelWithContext = function ChannelWithContext(props) {
   }, newMessageStateUpdateThrottleInterval, throttleOptions)).current;
   var copyTypingState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
-      setTyping((0, _extends2["default"])({}, channel.state.typing));
+      setTyping(Object.assign({}, channel.state.typing));
     }
   }, stateUpdateThrottleInterval, throttleOptions)).current;
   var copyReadState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
-      setRead((0, _extends2["default"])({}, channel.state.read));
+      setRead(Object.assign({}, channel.state.read));
     }
   }, stateUpdateThrottleInterval, throttleOptions)).current;
   var copyChannelState = (0, _react.useRef)((0, _throttle["default"])(function () {
     setLoading(false);
     if (channel) {
-      setMembers((0, _extends2["default"])({}, channel.state.members));
+      setMembers(Object.assign({}, channel.state.members));
       setMessages((0, _toConsumableArray2["default"])(channel.state.messages));
-      setRead((0, _extends2["default"])({}, channel.state.read));
-      setTyping((0, _extends2["default"])({}, channel.state.typing));
+      setRead(Object.assign({}, channel.state.read));
+      setTyping(Object.assign({}, channel.state.typing));
       setWatcherCount(channel.state.watcher_count);
-      setWatchers((0, _extends2["default"])({}, channel.state.watchers));
+      setWatchers(Object.assign({}, channel.state.watchers));
     }
   }, stateUpdateThrottleInterval, throttleOptions)).current;
   (0, _react.useEffect)(function () {
@@ -1077,24 +1077,18 @@ var ChannelWithContext = function ChannelWithContext(props) {
             }
             return _context10.abrupt("return");
           case 2:
-            if (channel.initialized) {
-              _context10.next = 4;
-              break;
-            }
-            return _context10.abrupt("return");
-          case 4:
             hasOverlappingRecentMessagesRef.current = false;
             clearInterval(mergeSetsIntervalRef.current);
             syncingChannelRef.current = true;
             setError(false);
-            _context10.prev = 8;
-            _context10.next = 11;
+            _context10.prev = 6;
+            _context10.next = 9;
             return channel.watch({
               messages: {
                 limit: messages.length + 30
               }
             });
-          case 11:
+          case 9:
             state = _context10.sent;
             oldListTopMessage = messages[0];
             oldListTopMessageId = (_messages$ = messages[0]) == null ? void 0 : _messages$.id;
@@ -1102,7 +1096,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
             newListTopMessage = state.messages[0];
             newListBottomMessage = state.messages[state.messages.length - 1];
             if (!(!oldListTopMessage || !oldListBottomMessage || !newListTopMessage || !newListBottomMessage)) {
-              _context10.next = 24;
+              _context10.next = 22;
               break;
             }
             channel.state.clearMessages();
@@ -1111,10 +1105,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
             channel.state.addPinnedMessages(state.pinned_messages);
             copyChannelState();
             return _context10.abrupt("return");
-          case 24:
+          case 22:
             parseMessage = function parseMessage(message) {
               var _message$pinned_at, _message$updated_at;
-              return (0, _extends2["default"])({}, message, {
+              return Object.assign({}, message, {
                 created_at: message.created_at.toString(),
                 pinned_at: (_message$pinned_at = message.pinned_at) == null ? void 0 : _message$pinned_at.toString(),
                 updated_at: (_message$updated_at = message.updated_at) == null ? void 0 : _message$updated_at.toString()
@@ -1150,31 +1144,31 @@ var ChannelWithContext = function ChannelWithContext(props) {
               channel.state.addMessagesSorted(failedMessages);
               copyChannelState();
             }
-            _context10.next = 43;
+            _context10.next = 41;
             return reloadThread();
-          case 43:
+          case 41:
             if (thread && failedThreadMessages.length) {
               channel.state.addMessagesSorted(failedThreadMessages);
               setThreadMessages((0, _toConsumableArray2["default"])(channel.state.threads[thread.id]));
             }
-            _context10.next = 50;
+            _context10.next = 48;
             break;
-          case 46:
-            _context10.prev = 46;
-            _context10.t0 = _context10["catch"](8);
+          case 44:
+            _context10.prev = 44;
+            _context10.t0 = _context10["catch"](6);
             if (_context10.t0 instanceof Error) {
               setError(_context10.t0);
             } else {
               setError(true);
             }
             setLoading(false);
-          case 50:
+          case 48:
             syncingChannelRef.current = false;
-          case 51:
+          case 49:
           case "end":
             return _context10.stop();
         }
-      }, _callee10, null, [[8, 46]]);
+      }, _callee10, null, [[6, 44]]);
     }));
     return function resyncChannel() {
       return _ref13.apply(this, arguments);
@@ -1401,12 +1395,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
       devices = _client$user2.devices,
       mutes = _client$user2.mutes,
       messageUser = (0, _objectWithoutProperties2["default"])(_client$user2, _excluded2);
-    var preview = (0, _extends2["default"])({
+    var preview = Object.assign({
       __html: text,
       attachments: attachments,
       created_at: new Date(),
       html: text,
-      id: client.userID + "-" + (0, _utils.generateRandomId)(),
+      id: "".concat(client.userID, "-").concat((0, _utils.generateRandomId)()),
       mentioned_users: (mentioned_users == null ? void 0 : mentioned_users.map(function (userId) {
         return {
           id: userId
@@ -1417,7 +1411,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       status: _utils.MessageStatusTypes.SENDING,
       text: text,
       type: 'regular',
-      user: (0, _extends2["default"])({}, messageUser, {
+      user: Object.assign({}, messageUser, {
         id: client.userID
       })
     }, extraFields);
@@ -1436,7 +1430,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       return _regenerator["default"].wrap(function _callee15$(_context15) {
         while (1) switch (_context15.prev = _context15.next) {
           case 0:
-            updatedMessage = (0, _extends2["default"])({}, message);
+            updatedMessage = Object.assign({}, message);
             if (!((_updatedMessage$attac = updatedMessage.attachments) != null && _updatedMessage$attac.length)) {
               _context15.next = 48;
               break;
@@ -1485,7 +1479,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
             attachment.image_url = uploadResponse.file;
             delete attachment.originalFile;
             dbApi.updateMessage({
-              message: (0, _extends2["default"])({}, updatedMessage, {
+              message: Object.assign({}, updatedMessage, {
                 cid: channel.cid
               })
             });
@@ -1522,7 +1516,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
             }
             delete attachment.originalFile;
             dbApi.updateMessage({
-              message: (0, _extends2["default"])({}, updatedMessage, {
+              message: Object.assign({}, updatedMessage, {
                 cid: channel.cid
               })
             });
@@ -1563,7 +1557,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
             mentionedUserIds = (mentioned_users == null ? void 0 : mentioned_users.map(function (user) {
               return user.id;
             })) || [];
-            _messageData = (0, _extends2["default"])({
+            _messageData = Object.assign({
               attachments: attachments,
               id: id,
               mentioned_users: mentionedUserIds,
@@ -1595,7 +1589,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
               messageResponse.message.status = _utils.MessageStatusTypes.RECEIVED;
               if (enableOfflineSupport) {
                 dbApi.updateMessage({
-                  message: (0, _extends2["default"])({}, messageResponse.message, {
+                  message: Object.assign({}, messageResponse.message, {
                     cid: channel.cid
                   })
                 });
@@ -1613,12 +1607,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
             _context16.t0 = _context16["catch"](0);
             console.log(_context16.t0);
             message.status = _utils.MessageStatusTypes.FAILED;
-            updateMessage((0, _extends2["default"])({}, message, {
+            updateMessage(Object.assign({}, message, {
               cid: channel.cid
             }));
             if (enableOfflineSupport) {
               dbApi.updateMessage({
-                message: (0, _extends2["default"])({}, message, {
+                message: Object.assign({}, message, {
                   cid: channel.cid
                 })
               });
@@ -1643,32 +1637,25 @@ var ChannelWithContext = function ChannelWithContext(props) {
             if (channel != null && (_channel$state = channel.state) != null && _channel$state.filterErrorMessages) {
               channel.state.filterErrorMessages();
             }
-            messagePreview = createMessagePreview((0, _extends2["default"])({}, message, {
+            messagePreview = createMessagePreview(Object.assign({}, message, {
               attachments: message.attachments || []
             }));
             mergeOverlappingMessageSetsRef.current();
-            if (channel != null && channel.state.isUpToDate) {
-              _context17.next = 6;
-              break;
-            }
-            _context17.next = 6;
-            return reloadChannel();
-          case 6:
             updateMessage(messagePreview, {
               commands: [],
               messageInput: ''
             });
             if (enableOfflineSupport) {
               dbApi.upsertMessages({
-                messages: [(0, _extends2["default"])({}, messagePreview, {
+                messages: [Object.assign({}, messagePreview, {
                   cid: channel.cid,
                   status: _utils.MessageStatusTypes.FAILED
                 })]
               });
             }
-            _context17.next = 10;
+            _context17.next = 7;
             return sendMessageRequest(messagePreview);
-          case 10:
+          case 7:
           case "end":
             return _context17.stop();
         }
@@ -1684,7 +1671,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       return _regenerator["default"].wrap(function _callee18$(_context18) {
         while (1) switch (_context18.prev = _context18.next) {
           case 0:
-            statusPendingMessage = (0, _extends2["default"])({}, message, {
+            statusPendingMessage = Object.assign({}, message, {
               status: _utils.MessageStatusTypes.SENDING
             });
             messageWithoutReservedFields = (0, _removeReservedFields.removeReservedFields)(statusPendingMessage);
@@ -2008,7 +1995,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
             _context22.next = 19;
             break;
           case 14:
-            updateMessage((0, _extends2["default"])({}, message, {
+            updateMessage(Object.assign({}, message, {
               cid: channel.cid,
               deleted_at: new Date().toISOString(),
               type: 'deleted'
@@ -2027,7 +2014,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
           case 17:
             _data = _context22.sent;
             if (_data != null && _data.message) {
-              updateMessage((0, _extends2["default"])({}, _data.message));
+              updateMessage(Object.assign({}, _data.message));
             }
           case 19:
           case "end":
@@ -2370,118 +2357,57 @@ var ChannelWithContext = function ChannelWithContext(props) {
   });
   if (deleted) return null;
   if (!channel || error && messages.length === 0) {
-    return _react["default"].createElement(LoadingErrorIndicator, {
+    return (0, _jsxRuntime.jsx)(LoadingErrorIndicator, {
       error: error,
       listType: "message",
-      retry: reloadChannel,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 2361,
-        columnNumber: 12
-      }
+      retry: reloadChannel
     });
   }
   if (!(channel != null && channel.cid) || !channel.watch) {
-    return _react["default"].createElement(_reactNative.Text, {
+    return (0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: [styles.selectChannel, {
         color: black
       }, selectChannel],
       testID: "no-channel",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 2366,
-        columnNumber: 7
-      }
-    }, t('Please select a channel first'));
+      children: t('Please select a channel first')
+    });
   }
-  return _react["default"].createElement(KeyboardCompatibleView, (0, _extends2["default"])({
+  return (0, _jsxRuntime.jsx)(KeyboardCompatibleView, Object.assign({
     behavior: keyboardBehavior,
     enabled: !disableKeyboardCompatibleView,
     keyboardVerticalOffset: keyboardVerticalOffset
   }, additionalKeyboardAvoidingViewProps, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2373,
-      columnNumber: 5
-    }
-  }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
-    value: channelContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2379,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
-    value: ownCapabilitiesContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2380,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_TypingContext.TypingProvider, {
-    value: typingContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2381,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
-    value: messageListContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2382,
-      columnNumber: 13
-    }
-  }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
-    value: messagesContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2383,
-      columnNumber: 15
-    }
-  }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
-    value: threadContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2384,
-      columnNumber: 17
-    }
-  }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
-    value: suggestionsContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2385,
-      columnNumber: 19
-    }
-  }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
-    value: inputMessageInputContext,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2386,
-      columnNumber: 21
-    }
-  }, _react["default"].createElement(_reactNative.View, {
-    style: {
-      height: '100%'
-    },
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2387,
-      columnNumber: 23
-    }
-  }, children))))))))));
+    children: (0, _jsxRuntime.jsx)(_ChannelContext.ChannelProvider, {
+      value: channelContext,
+      children: (0, _jsxRuntime.jsx)(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
+        value: ownCapabilitiesContext,
+        children: (0, _jsxRuntime.jsx)(_TypingContext.TypingProvider, {
+          value: typingContext,
+          children: (0, _jsxRuntime.jsx)(_PaginatedMessageListContext.PaginatedMessageListProvider, {
+            value: messageListContext,
+            children: (0, _jsxRuntime.jsx)(_MessagesContext.MessagesProvider, {
+              value: messagesContext,
+              children: (0, _jsxRuntime.jsx)(_ThreadContext.ThreadProvider, {
+                value: threadContext,
+                children: (0, _jsxRuntime.jsx)(_SuggestionsContext.SuggestionsProvider, {
+                  value: suggestionsContext,
+                  children: (0, _jsxRuntime.jsx)(_MessageInputContext.MessageInputProvider, {
+                    value: inputMessageInputContext,
+                    children: (0, _jsxRuntime.jsx)(_reactNative.View, {
+                      style: {
+                        height: '100%'
+                      },
+                      children: children
+                    })
+                  })
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  }));
 };
 var Channel = function Channel(props) {
   var _props$thread, _props$thread2;
@@ -2506,7 +2432,7 @@ var Channel = function Channel(props) {
     typing = _useChannelState.typing,
     watcherCount = _useChannelState.watcherCount,
     watchers = _useChannelState.watchers;
-  return _react["default"].createElement(ChannelWithContext, (0, _extends2["default"])({
+  return (0, _jsxRuntime.jsx)(ChannelWithContext, Object.assign({
     client: client,
     enableOfflineSupport: enableOfflineSupport,
     t: t
@@ -2525,13 +2451,7 @@ var Channel = function Channel(props) {
     threadMessages: threadMessages,
     typing: typing,
     watcherCount: watcherCount,
-    watchers: watchers,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 2444,
-      columnNumber: 5
-    }
+    watchers: watchers
   }));
 };
 exports.Channel = Channel;