stream-chat-react-native-core 5.22.2-beta.4 → 5.22.2-beta.5

package/lib/commonjs/i18n/tr.json

@@ -1,76 +1,76 @@
 {
-    "1 Reply": "",
-    "1 Thread Reply": "1 Konu Yanıtı",
-    "Allow access to your Gallery": "",
-    "Allow camera access in device settings": "",
+    "1 Reply": "1 Cevap",
+    "1 Thread Reply": "",
+    "Allow access to your Gallery": "Galerinize erişime izin verin",
+    "Allow camera access in device settings": "Cihaz ayarlarında kamera erişimine izin ver",
     "Also send to channel": "",
-    "Are you sure you want to permanently delete this message?": "Bu mesajı kalıcı olarak silmek istediğinizden emin misiniz?",
-    "Block User": "Kullanıcıyı engelle",
-    "Cancel": "İptal",
-    "Cannot Flag Message": "Raporlama Başarısız",
-    "Copy Message": "Mesajı Kopyala",
-    "Delete": "Sil",
-    "Delete Message": "Mesajı Sil",
-    "Device camera is used to take photos or videos.": "",
-    "Do you want to send a copy of this message to a moderator for further investigation?": "Detaylı inceleme için bu mesajın kopyasını moderatöre göndermek istiyor musunuz?",
-    "Edit Message": "Mesajı Düzenle",
+    "Are you sure you want to permanently delete this message?": "",
+    "Block User": "",
+    "Cancel": "",
+    "Cannot Flag Message": "",
+    "Copy Message": "",
+    "Delete": "",
+    "Delete Message": "",
+    "Device camera is used to take photos or videos.": "Cihaz kamerası fotoğraf veya video çekmek için kullanılır.",
+    "Do you want to send a copy of this message to a moderator for further investigation?": "",
+    "Edit Message": "",
     "Editing Message": "",
-    "Emoji matching": "",
+    "Emoji matching": "Emoji eşleştirme",
     "Empty message...": "",
     "Error loading": "",
     "Error loading channel list...": "",
     "Error loading messages for this channel...": "",
     "Error while loading, please reload/refresh": "",
     "File type not supported": "Dosya türü desteklenmiyor",
-    "Flag": "Raporla",
-    "Flag Message": "Mesajı Raporla",
-    "Flag action failed either due to a network issue or the message is already flagged": "Mesajın daha önce raporlanmış olması veya bir ağ bağlantısı sorunu nedeniyle raporlama işlemi başarısız oldu.",
+    "Flag": "",
+    "Flag Message": "",
+    "Flag action failed either due to a network issue or the message is already flagged": "",
     "How about sending your first message to a friend?": "",
-    "Instant Commands": "",
+    "Instant Commands": "Anlık Komutlar",
     "Let's start chatting!": "",
     "Links are disabled": "Bağlantılar devre dışı",
-    "Loading channels...": "",
-    "Loading messages...": "",
-    "Loading...": "",
-    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "Maksimum dosya boyutu yükleme sınırına ulaşıldı. Lütfen {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB'ın altında bir dosya yükleyin.",
+    "Loading channels...": "Kanallar yükleniyor...",
+    "Loading messages...": "Mesajlar yükleniyor...",
+    "Loading...": "Yükleniyor...",
+    "Maximum file size upload limit reached. Please upload a file below {{MAX_FILE_SIZE_TO_UPLOAD_IN_MB}} MB.": "",
     "Message Reactions": "Mesaj Tepkileri",
     "Message deleted": "",
-    "Message flagged": "Mesaj işaretlendi",
-    "Mute User": "Kullanıcıyı sessize al",
-    "Not supported": "Desteklenmiyor",
+    "Message flagged": "",
+    "Mute User": "",
+    "Not supported": "",
     "Nothing yet...": "",
-    "Ok": "Tamam",
+    "Ok": "",
     "Only visible to you": "",
-    "Open Settings": "",
-    "Photo": "",
-    "Photos and Videos": "",
-    "Pin to Conversation": "Konuşmaya sabitle",
-    "Pinned by": "Tarafından sabitlendi",
-    "Please enable access to your photos and videos so you can share them.": "",
-    "Please select a channel first": "Lütfen önce bir kanal seçiniz",
+    "Open Settings": "Ayarları aç",
+    "Photo": "Fotoğraf",
+    "Photos and Videos": "Fotoğraflar ve Videolar",
+    "Pin to Conversation": "",
+    "Pinned by": "",
+    "Please enable access to your photos and videos so you can share them.": "Paylaşım yapabilmek için lutfen fotoğraflarınıza ve videolarınıza erişimi etkinleştirin.",
+    "Please select a channel first": "",
     "Reconnecting...": "",
-    "Reply": "Yanıtla",
+    "Reply": "",
     "Reply to Message": "",
-    "Resend": "Yeniden gönder",
-    "Search GIFs": "GIF Ara",
-    "Select More Photos": "",
-    "Send a message": "Mesaj gönder",
+    "Resend": "",
+    "Search GIFs": "",
+    "Select More Photos": "Daha Fazla Fotoğraf Seçin",
+    "Send a message": "",
     "Sending links is not allowed in this conversation": "Bu konuşmada bağlantı göndermek desteklenmiyor",
-    "Slow mode ON": "Yavaş Mod Açık",
-    "The message has been reported to a moderator.": "Mesaj moderatöre bildirildi.",
-    "Thread Reply": "Konu Yanıtı",
-    "Unblock User": "Kullanıcının engelini kaldır",
-    "Unknown User": "",
-    "Unmute User": "Kullanıcının sesini aç",
-    "Unpin from Conversation": "Sabitlemeyi kaldır",
+    "Slow mode ON": "",
+    "The message has been reported to a moderator.": "",
+    "Thread Reply": "",
+    "Unblock User": "",
+    "Unknown User": "Bilinmeyen kullanıcı",
+    "Unmute User": "",
+    "Unpin from Conversation": "",
     "Unread Messages": "",
-    "Video": "",
+    "Video": "Video",
     "You": "",
-    "You can't send messages in this channel": "",
+    "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "",
-    "{{ index }} of {{ photoLength }}": "",
-    "{{ replyCount }} Replies": "",
-    "{{ replyCount }} Thread Replies": "{{responseCount}} Konu Cevapı",
+    "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",
+    "{{ replyCount }} Replies": "{{ replyCount }} Cevap",
+    "{{ replyCount }} Thread Replies": "",
     "{{ user }} is typing": "",
     "🏙 Attachment...": ""
 }

package/lib/commonjs/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.22.2-beta.4"
+  "version": "5.22.2-beta.5"
 }

package/lib/module/components/Channel/Channel.js

@@ -144,7 +144,7 @@ var debounceOptions = {
   trailing: true
 };
 var ChannelWithContext = function ChannelWithContext(props) {
-  var _client$user, _channel$data, _ref26, _ref27;
+  var _client$user, _channel$data, _ref27, _ref28;
   var additionalKeyboardAvoidingViewProps = props.additionalKeyboardAvoidingViewProps,
     additionalTextInputProps = props.additionalTextInputProps,
     additionalTouchableProps = props.additionalTouchableProps,
@@ -587,25 +587,62 @@ var ChannelWithContext = function ChannelWithContext(props) {
   var channelQueryCallRef = (0, _react.useRef)(function () {
     var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(queryCall) {
       var onAfterQueryCall,
+        targetMessageId,
+        limit,
+        currentMessages,
+        targetMessageIndex,
+        startIndex,
+        endIndex,
+        hadLatestMessages,
+        recentMessage,
+        stillHasLatestMessages,
+        areLatestMessages,
         _args = arguments;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             onAfterQueryCall = _args.length > 1 && _args[1] !== undefined ? _args[1] : undefined;
+            targetMessageId = _args.length > 2 && _args[2] !== undefined ? _args[2] : undefined;
             setError(false);
-            _context.prev = 2;
-            _context.next = 5;
+            _context.prev = 3;
+            _context.next = 6;
             return queryCall();
-          case 5:
+          case 6:
             setLastRead(new Date());
             setHasMore(true);
+            if (channel && targetMessageId) {
+              limit = 30 * 3;
+              currentMessages = channel.state.messages;
+              if (currentMessages.length > limit) {
+                targetMessageIndex = currentMessages.findIndex(function (_ref2) {
+                  var id = _ref2.id;
+                  return id === targetMessageId;
+                });
+                startIndex = Math.max(targetMessageIndex - Math.floor(limit / 2), 0);
+                endIndex = targetMessageIndex + Math.floor(limit / 2);
+                if (endIndex > currentMessages.length) {
+                  startIndex = Math.max(startIndex - (endIndex - currentMessages.length - 1) - 1, 0);
+                }
+                hadLatestMessages = channel.state.messages === channel.state.latestMessages;
+                recentMessage = currentMessages[currentMessages.length - 1];
+                channel.state.clearMessages();
+                channel.state.messages = currentMessages.slice(startIndex, endIndex);
+                stillHasLatestMessages = hadLatestMessages && channel.state.messages[channel.state.messages.length - 1] === recentMessage;
+                setHasNoMoreRecentMessagesToLoad(stillHasLatestMessages);
+                channel.state.setIsUpToDate(stillHasLatestMessages);
+              }
+            } else {
+              areLatestMessages = channel.state.messages === channel.state.latestMessages;
+              setHasNoMoreRecentMessagesToLoad(areLatestMessages);
+              channel.state.setIsUpToDate(areLatestMessages);
+            }
             copyChannelState();
             onAfterQueryCall == null ? void 0 : onAfterQueryCall();
-            _context.next = 16;
+            _context.next = 18;
             break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](2);
+          case 13:
+            _context.prev = 13;
+            _context.t0 = _context["catch"](3);
             if (_context.t0 instanceof Error) {
               setError(_context.t0);
             } else {
@@ -613,11 +650,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
             }
             setLoading(false);
             setLastRead(new Date());
-          case 16:
+          case 18:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 11]]);
+      }, _callee, null, [[3, 13]]);
     }));
     return function (_x) {
       return _ref.apply(this, arguments);
@@ -634,29 +671,26 @@ var ChannelWithContext = function ChannelWithContext(props) {
             setLoading(true);
             lastReadDate = channel.lastRead();
             if (!lastReadDate) {
-              _context2.next = 9;
+              _context2.next = 8;
               break;
             }
-            setHasNoMoreRecentMessagesToLoad(false);
-            _context2.next = 6;
+            _context2.next = 5;
             return channel.query({
               messages: {
                 created_at_around: lastReadDate,
                 limit: 30
               }
             }, 'new');
-          case 6:
+          case 5:
             unreadMessageIdToScrollTo = (_channel$state$messag = channel.state.messages.find(function (m) {
               return lastReadDate < m.created_at;
             })) == null ? void 0 : _channel$state$messag.id;
-            _context2.next = 11;
+            _context2.next = 10;
             break;
-          case 9:
-            _context2.next = 11;
+          case 8:
+            _context2.next = 10;
             return channel.state.loadMessageIntoState('latest');
-          case 11:
-            setLoading(false);
-          case 12:
+          case 10:
           case "end":
             return _context2.stop();
         }
@@ -667,10 +701,9 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     });
   };
-  var loadChannelAroundMessage = function loadChannelAroundMessage(_ref3) {
-    var messageIdToLoadAround = _ref3.messageId;
+  var loadChannelAroundMessage = function loadChannelAroundMessage(_ref4) {
+    var messageIdToLoadAround = _ref4.messageId;
     return channelQueryCallRef.current((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
-      var areLatestMessages;
       return _regenerator["default"].wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -688,11 +721,6 @@ var ChannelWithContext = function ChannelWithContext(props) {
             _context3.next = 8;
             return channel.state.loadMessageIntoState('latest');
           case 8:
-            areLatestMessages = channel.state.messages === channel.state.latestMessages;
-            setHasNoMoreRecentMessagesToLoad(areLatestMessages);
-            channel.state.setIsUpToDate(areLatestMessages);
-            setLoading(false);
-          case 12:
           case "end":
             return _context3.stop();
         }
@@ -701,14 +729,14 @@ var ChannelWithContext = function ChannelWithContext(props) {
       if (messageIdToLoadAround) {
         setTargetedMessage(messageIdToLoadAround);
       }
-    });
+    }, messageIdToLoadAround);
   };
-  var loadChannelAtMessage = function loadChannelAtMessage(_ref5) {
-    var _ref5$after = _ref5.after,
-      after = _ref5$after === void 0 ? 2 : _ref5$after,
-      _ref5$before = _ref5.before,
-      before = _ref5$before === void 0 ? 30 : _ref5$before,
-      messageId = _ref5.messageId;
+  var loadChannelAtMessage = function loadChannelAtMessage(_ref6) {
+    var _ref6$after = _ref6.after,
+      after = _ref6$after === void 0 ? 2 : _ref6$after,
+      _ref6$before = _ref6.before,
+      before = _ref6$before === void 0 ? 30 : _ref6$before,
+      messageId = _ref6.messageId;
     return channelQueryCallRef.current((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4() {
       return _regenerator["default"].wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -759,7 +787,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     })));
   };
   var reloadThread = function () {
-    var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6() {
+    var _ref9 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6() {
       var parentID, limit, queryResponse, updatedHasMore, updatedThreadMessages, _yield$channel$getMes, _messages, _messages2, threadMessage, formattedMessage;
       return _regenerator["default"].wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
@@ -814,11 +842,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee6, null, [[3, 21]]);
     }));
     return function reloadThread() {
-      return _ref8.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   var resyncChannel = function () {
-    var _ref9 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7() {
+    var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7() {
       var _messages$, state, oldListTopMessage, oldListTopMessageId, oldListBottomMessage, newListTopMessage, newListBottomMessage, parseMessage, failedMessages, failedThreadMessages, oldListTopMessageCreatedAt, oldListBottomMessageCreatedAt, newListTopMessageCreatedAt, newListBottomMessageCreatedAt, finalMessages, index;
       return _regenerator["default"].wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
@@ -921,7 +949,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee7, null, [[4, 42]]);
     }));
     return function resyncChannel() {
-      return _ref9.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
   var resyncChannelRef = (0, _react.useRef)(resyncChannel);
@@ -966,12 +994,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
     })));
   };
   var queryAtMessage = function () {
-    var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee9(_ref11) {
-      var _ref11$after, after, _ref11$before, before, messageId;
+    var _ref13 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee9(_ref12) {
+      var _ref12$after, after, _ref12$before, before, messageId;
       return _regenerator["default"].wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
           case 0:
-            _ref11$after = _ref11.after, after = _ref11$after === void 0 ? 10 : _ref11$after, _ref11$before = _ref11.before, before = _ref11$before === void 0 ? 10 : _ref11$before, messageId = _ref11.messageId;
+            _ref12$after = _ref12.after, after = _ref12$after === void 0 ? 10 : _ref12$after, _ref12$before = _ref12.before, before = _ref12$before === void 0 ? 10 : _ref12$before, messageId = _ref12.messageId;
             if (channel) {
               _context9.next = 3;
               break;
@@ -1008,11 +1036,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee9);
     }));
     return function queryAtMessage(_x2) {
-      return _ref12.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }();
   var queryBeforeMessage = function () {
-    var _ref13 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee10(messageId) {
+    var _ref14 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee10(messageId) {
       var limit,
         _args10 = arguments;
       return _regenerator["default"].wrap(function _callee10$(_context10) {
@@ -1042,11 +1070,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee10);
     }));
     return function queryBeforeMessage(_x3) {
-      return _ref13.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }();
   var queryAfterMessage = function () {
-    var _ref14 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee11(messageId) {
+    var _ref15 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee11(messageId) {
       var limit,
         state,
         _args11 = arguments;
@@ -1082,7 +1110,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee11);
     }));
     return function queryAfterMessage(_x4) {
-      return _ref14.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }();
   var getChannelConfigSafely = function getChannelConfigSafely() {
@@ -1115,12 +1143,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
       setMessages(channel.state.messages);
     }
   };
-  var createMessagePreview = function createMessagePreview(_ref15) {
-    var attachments = _ref15.attachments,
-      mentioned_users = _ref15.mentioned_users,
-      parent_id = _ref15.parent_id,
-      text = _ref15.text,
-      extraFields = (0, _objectWithoutProperties2["default"])(_ref15, _excluded);
+  var createMessagePreview = function createMessagePreview(_ref16) {
+    var attachments = _ref16.attachments,
+      mentioned_users = _ref16.mentioned_users,
+      parent_id = _ref16.parent_id,
+      text = _ref16.text,
+      extraFields = (0, _objectWithoutProperties2["default"])(_ref16, _excluded);
     var _client$user2 = client.user,
       channel_mutes = _client$user2.channel_mutes,
       devices = _client$user2.devices,
@@ -1155,7 +1183,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     return preview;
   };
   var uploadPendingAttachments = function () {
-    var _ref16 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee12(message) {
+    var _ref17 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee12(message) {
       var _updatedMessage$attac;
       var updatedMessage, i, _updatedMessage$attac2, attachment, image, file, _image$name, filename, controller, compressedUri, contentType, uploadResponse, _controller, response;
       return _regenerator["default"].wrap(function _callee12$(_context12) {
@@ -1264,11 +1292,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee12);
     }));
     return function uploadPendingAttachments(_x5) {
-      return _ref16.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }();
   var sendMessageRequest = function () {
-    var _ref17 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee13(message, retrying) {
+    var _ref18 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee13(message, retrying) {
       var _updatedMessage, __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, extraFields, mentionedUserIds, _messageData, messageResponse;
       return _regenerator["default"].wrap(function _callee13$(_context13) {
         while (1) switch (_context13.prev = _context13.next) {
@@ -1355,11 +1383,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee13, null, [[0, 23]]);
     }));
     return function sendMessageRequest(_x6, _x7) {
-      return _ref17.apply(this, arguments);
+      return _ref18.apply(this, arguments);
     };
   }();
   var sendMessage = function () {
-    var _ref18 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee14(message) {
+    var _ref19 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee14(message) {
       var _channel$state;
       var messagePreview;
       return _regenerator["default"].wrap(function _callee14$(_context14) {
@@ -1399,11 +1427,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee14);
     }));
     return function sendMessage(_x8) {
-      return _ref18.apply(this, arguments);
+      return _ref19.apply(this, arguments);
     };
   }();
   var retrySendMessage = function () {
-    var _ref19 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee15(message) {
+    var _ref20 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee15(message) {
       var statusPendingMessage;
       return _regenerator["default"].wrap(function _callee15$(_context15) {
         while (1) switch (_context15.prev = _context15.next) {
@@ -1421,7 +1449,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee15);
     }));
     return function retrySendMessage(_x9) {
-      return _ref19.apply(this, arguments);
+      return _ref20.apply(this, arguments);
     };
   }();
   var loadMoreFinished = (0, _react.useRef)((0, _debounce["default"])(function (updatedHasMore, newMessages) {
@@ -1598,7 +1626,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }
   };
   var sendReaction = function () {
-    var _ref22 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee18(type, messageId) {
+    var _ref23 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee18(type, messageId) {
       var payload;
       return _regenerator["default"].wrap(function _callee18$(_context18) {
         while (1) switch (_context18.prev = _context18.next) {
@@ -1649,11 +1677,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee18);
     }));
     return function sendReaction(_x10, _x11) {
-      return _ref22.apply(this, arguments);
+      return _ref23.apply(this, arguments);
     };
   }();
   var deleteMessage = function () {
-    var _ref23 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee19(message) {
+    var _ref24 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee19(message) {
       var _data;
       return _regenerator["default"].wrap(function _callee19$(_context19) {
         while (1) switch (_context19.prev = _context19.next) {
@@ -1719,11 +1747,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee19);
     }));
     return function deleteMessage(_x12) {
-      return _ref23.apply(this, arguments);
+      return _ref24.apply(this, arguments);
     };
   }();
   var deleteReaction = function () {
-    var _ref24 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee20(type, messageId) {
+    var _ref25 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee20(type, messageId) {
       var payload;
       return _regenerator["default"].wrap(function _callee20$(_context20) {
         while (1) switch (_context20.prev = _context20.next) {
@@ -1769,7 +1797,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee20);
     }));
     return function deleteReaction(_x13, _x14) {
-      return _ref24.apply(this, arguments);
+      return _ref25.apply(this, arguments);
     };
   }();
   var openThread = function openThread(message) {
@@ -1788,7 +1816,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     setThreadMessages(updatedThreadMessages);
   }, defaultDebounceInterval, debounceOptions)).current;
   var loadMoreThread = function () {
-    var _ref25 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee21() {
+    var _ref26 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee21() {
       var _threadMessages$, parentID, oldestMessageID, limit, queryResponse, updatedHasMore, updatedThreadMessages;
       return _regenerator["default"].wrap(function _callee21$(_context21) {
         while (1) switch (_context21.prev = _context21.next) {
@@ -1840,7 +1868,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee21, null, [[3, 17]]);
     }));
     return function loadMoreThread() {
-      return _ref25.apply(this, arguments);
+      return _ref26.apply(this, arguments);
     };
   }();
   var ownCapabilitiesContext = (0, _useCreateOwnCapabilitiesContext.useCreateOwnCapabilitiesContext)({
@@ -1854,7 +1882,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     enableMessageGroupingByUser: enableMessageGroupingByUser,
     enforceUniqueReaction: enforceUniqueReaction,
     error: error,
-    giphyEnabled: giphyEnabled != null ? giphyEnabled : !!((_ref26 = (clientChannelConfig == null ? void 0 : clientChannelConfig.commands) || []) != null && _ref26.some(function (command) {
+    giphyEnabled: giphyEnabled != null ? giphyEnabled : !!((_ref27 = (clientChannelConfig == null ? void 0 : clientChannelConfig.commands) || []) != null && _ref27.some(function (command) {
       return command.name === 'giphy';
     })),
     hideDateSeparators: hideDateSeparators,
@@ -1910,7 +1938,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     InputEditingStateHeader: InputEditingStateHeader,
     InputGiphySearch: InputGiphySearch,
     InputReplyStateHeader: InputReplyStateHeader,
-    maxMessageLength: (_ref27 = maxMessageLengthProp != null ? maxMessageLengthProp : clientChannelConfig == null ? void 0 : clientChannelConfig.max_message_length) != null ? _ref27 : undefined,
+    maxMessageLength: (_ref28 = maxMessageLengthProp != null ? maxMessageLengthProp : clientChannelConfig == null ? void 0 : clientChannelConfig.max_message_length) != null ? _ref28 : undefined,
     maxNumberOfFiles: maxNumberOfFiles,
     mentionAllAppUsersEnabled: mentionAllAppUsersEnabled,
     mentionAllAppUsersQuery: mentionAllAppUsersQuery,
@@ -2053,7 +2081,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 2083,
+        lineNumber: 2109,
         columnNumber: 12
       }
     });
@@ -2067,7 +2095,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 2088,
+        lineNumber: 2114,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -2080,7 +2108,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2095,
+      lineNumber: 2121,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -2088,7 +2116,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2101,
+      lineNumber: 2127,
       columnNumber: 7
     }
   }, _react["default"].createElement(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
@@ -2096,7 +2124,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2102,
+      lineNumber: 2128,
       columnNumber: 9
     }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
@@ -2104,7 +2132,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2103,
+      lineNumber: 2129,
       columnNumber: 11
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
@@ -2112,7 +2140,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2104,
+      lineNumber: 2130,
       columnNumber: 13
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
@@ -2120,7 +2148,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2105,
+      lineNumber: 2131,
       columnNumber: 15
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
@@ -2128,7 +2156,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2106,
+      lineNumber: 2132,
       columnNumber: 17
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
@@ -2136,7 +2164,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2107,
+      lineNumber: 2133,
       columnNumber: 19
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
@@ -2144,7 +2172,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2108,
+      lineNumber: 2134,
       columnNumber: 21
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -2154,7 +2182,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2109,
+      lineNumber: 2135,
       columnNumber: 23
     }
   }, children))))))))));
@@ -2205,7 +2233,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2166,
+      lineNumber: 2192,
       columnNumber: 5
     }
   }));