stream-chat-react-native-core 9.3.1-beta.4 → 9.3.1-beta.6

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

@@ -6,7 +6,6 @@ exports.reactionData = exports.Channel = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
@@ -60,77 +59,62 @@ var _NotificationTargetContext = require("../Notifications/NotificationTargetCon
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["user"],
   _excluded2 = ["user"];
-var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Channel/Channel.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Channel/Channel.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var reactionData = exports.reactionData = [{
-  Icon: function Icon(_ref) {
-    var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 12 : _ref$size;
-    return (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
-      item: '👍',
-      size: size
-    });
-  },
+  Icon: ({
+    size = 12
+  }) => (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
+    item: '👍',
+    size: size
+  }),
   type: 'like',
   isMain: true
 }, {
-  Icon: function Icon(_ref2) {
-    var _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 12 : _ref2$size;
-    return (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
-      item: '😂',
-      size: size
-    });
-  },
+  Icon: ({
+    size = 12
+  }) => (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
+    item: '😂',
+    size: size
+  }),
   type: 'haha',
   isMain: true
 }, {
-  Icon: function Icon(_ref3) {
-    var _ref3$size = _ref3.size,
-      size = _ref3$size === void 0 ? 12 : _ref3$size;
-    return (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
-      item: '❤️',
-      size: size
-    });
-  },
+  Icon: ({
+    size = 12
+  }) => (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
+    item: '❤️',
+    size: size
+  }),
   type: 'love',
   isMain: true
 }, {
-  Icon: function Icon(_ref4) {
-    var _ref4$size = _ref4.size,
-      size = _ref4$size === void 0 ? 12 : _ref4$size;
-    return (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
-      item: '😮',
-      size: size
-    });
-  },
+  Icon: ({
+    size = 12
+  }) => (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
+    item: '😮',
+    size: size
+  }),
   type: 'wow',
   isMain: true
 }, {
-  Icon: function Icon(_ref5) {
-    var _ref5$size = _ref5.size,
-      size = _ref5$size === void 0 ? 12 : _ref5$size;
-    return (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
-      item: '😢',
-      size: size
-    });
-  },
+  Icon: ({
+    size = 12
+  }) => (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
+    item: '😢',
+    size: size
+  }),
   type: 'sad',
   isMain: true
-}].concat((0, _toConsumableArray2.default)(_emojis.emojis.map(function (emoji) {
-  return {
-    Icon: function Icon(_ref6) {
-      var _ref6$size = _ref6.size,
-        size = _ref6$size === void 0 ? 12 : _ref6$size;
-      return (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
-        item: emoji,
-        size: size
-      });
-    },
-    type: (0, _toUnicodeScalarString.toUnicodeScalarString)(emoji)
-  };
-})));
+}, ..._emojis.emojis.map(emoji => ({
+  Icon: ({
+    size = 12
+  }) => (0, _jsxRuntime.jsx)(_EmojiPickerList.Emoji, {
+    item: emoji,
+    size: size
+  }),
+  type: (0, _toUnicodeScalarString.toUnicodeScalarString)(emoji)
+}))];
 var scrollToFirstUnreadThreshold = 0;
 var defaultThrottleInterval = 500;
 var defaultDebounceInterval = 500;
@@ -142,8 +126,7 @@ var debounceOptions = {
   leading: true,
   trailing: true
 };
-var ChannelWithContext = function ChannelWithContext(props) {
-  var _channel$getConfig, _channel$data, _channelState$members, _channelState$read, _clientChannelConfig$, _channelMessagesState, _channelState$typing, _channelMessagesState2;
+var ChannelWithContext = props => {
   var _props$disableAttachm = props.disableAttachmentPicker,
     disableAttachmentPicker = _props$disableAttachm === void 0 ? !(0, _native.isImageMediaLibraryAvailable)() : _props$disableAttachm,
     additionalKeyboardAvoidingViewProps = props.additionalKeyboardAvoidingViewProps,
@@ -235,9 +218,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     initialScrollToFirstUnreadMessage = _props$initialScrollT === void 0 ? false : _props$initialScrollT,
     isAttachmentEqual = props.isAttachmentEqual,
     _props$isMessageAIGen = props.isMessageAIGenerated,
-    isMessageAIGenerated = _props$isMessageAIGen === void 0 ? function () {
-      return false;
-    } : _props$isMessageAIGen,
+    isMessageAIGenerated = _props$isMessageAIGen === void 0 ? () => false : _props$isMessageAIGen,
     keyboardBehavior = props.keyboardBehavior,
     keyboardVerticalOffset = props.keyboardVerticalOffset,
     loadingMoreProp = props.loadingMore,
@@ -326,7 +307,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
   var _useState13 = (0, _react.useState)(new _messageInputHeightStore.MessageInputHeightStore()),
     _useState14 = (0, _slicedToArray2.default)(_useState13, 1),
     messageInputHeightStore = _useState14[0];
-  var setChannelUnreadState = (0, _react.useCallback)(function (data) {
+  var setChannelUnreadState = (0, _react.useCallback)(data => {
     channelUnreadStateStore.channelUnreadState = data;
   }, [channelUnreadStateStore]);
   var _useAttachmentPickerB = (0, _useAttachmentPickerBottomSheet.useAttachmentPickerBottomSheet)(),
@@ -339,11 +320,9 @@ var ChannelWithContext = function ChannelWithContext(props) {
     setTargetedMessage = _useTargetedMessage.setTargetedMessage,
     targetedMessage = _useTargetedMessage.targetedMessage;
   var uploadAbortControllerRef = (0, _react.useRef)(new Map());
-  var optimisticallyUpdatedNewMessages = (0, _react.useMemo)(function () {
-    return new Set();
-  }, []);
-  var channelId = (channel == null ? void 0 : channel.id) || '';
-  var pollCreationEnabled = !channel.disconnected && !!(channel != null && channel.id) && (channel == null || (_channel$getConfig = channel.getConfig()) == null ? void 0 : _channel$getConfig.polls);
+  var optimisticallyUpdatedNewMessages = (0, _react.useMemo)(() => new Set(), []);
+  var channelId = channel?.id || '';
+  var pollCreationEnabled = !channel.disconnected && !!channel?.id && channel?.getConfig()?.polls;
   var _useChannelDataState = (0, _useChannelDataState2.useChannelDataState)(channel),
     copyStateFromChannel = _useChannelDataState.copyStateFromChannel,
     initStateFromChannel = _useChannelDataState.initStateFromChannel,
@@ -351,7 +330,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     setTyping = _useChannelDataState.setTyping,
     channelState = _useChannelDataState.state;
   var _useMessageListPagina = (0, _useMessageListPagination.useMessageListPagination)({
-      channel: channel
+      channel
     }),
     rawCopyMessagesStateFromChannel = _useMessageListPagina.copyMessagesStateFromChannel,
     loadChannelAroundMessageFn = _useMessageListPagina.loadChannelAroundMessage,
@@ -361,67 +340,58 @@ var ChannelWithContext = function ChannelWithContext(props) {
     loadMore = _useMessageListPagina.loadMore,
     loadMoreRecent = _useMessageListPagina.loadMoreRecent,
     channelMessagesState = _useMessageListPagina.state;
-  var shouldLoadInitialChannelAtFirstUnreadMessage = (0, _hooks.useStableCallback)(function (unreadCount) {
+  var shouldLoadInitialChannelAtFirstUnreadMessage = (0, _hooks.useStableCallback)(unreadCount => {
     if (messageId || !initialScrollToFirstUnreadMessage || !client.user) {
       return false;
     }
-    return (unreadCount != null ? unreadCount : channel.countUnread()) > scrollToFirstUnreadThreshold;
+    return (unreadCount ?? channel.countUnread()) > scrollToFirstUnreadThreshold;
   });
-  var hasPendingInitialTargetLoad = (0, _hooks.useStableCallback)(function () {
+  var hasPendingInitialTargetLoad = (0, _hooks.useStableCallback)(() => {
     return !!messageId || shouldLoadInitialChannelAtFirstUnreadMessage();
   });
   var _usePrunableMessageLi = (0, _usePrunableMessageList.usePrunableMessageList)({
-      maximumMessageLimit: maximumMessageLimit,
+      maximumMessageLimit,
       setMessages: rawCopyMessagesStateFromChannel
     }),
     copyMessagesStateFromChannel = _usePrunableMessageLi.setMessages,
     viewabilityChangedCallback = _usePrunableMessageLi.viewabilityChangedCallback;
-  var setReadThrottled = (0, _react.useMemo)(function () {
-    return (0, _throttle.default)(function () {
-      if (channel) {
-        setRead(channel);
-      }
-    }, stateUpdateThrottleInterval, throttleOptions);
-  }, [channel, stateUpdateThrottleInterval, setRead]);
-  var copyMessagesStateFromChannelThrottled = (0, _react.useMemo)(function () {
-    return (0, _throttle.default)(function () {
-      if (channel) {
-        copyMessagesStateFromChannel(channel);
-      }
-    }, newMessageStateUpdateThrottleInterval, throttleOptions);
-  }, [channel, newMessageStateUpdateThrottleInterval, copyMessagesStateFromChannel]);
-  var copyChannelState = (0, _react.useMemo)(function () {
-    return (0, _throttle.default)(function () {
-      if (channel) {
-        copyStateFromChannel(channel);
-        copyMessagesStateFromChannel(channel);
-      }
-    }, stateUpdateThrottleInterval, throttleOptions);
-  }, [stateUpdateThrottleInterval, channel, copyStateFromChannel, copyMessagesStateFromChannel]);
-  var handleEvent = (0, _hooks.useStableCallback)(function (event) {
+  var setReadThrottled = (0, _react.useMemo)(() => (0, _throttle.default)(() => {
+    if (channel) {
+      setRead(channel);
+    }
+  }, stateUpdateThrottleInterval, throttleOptions), [channel, stateUpdateThrottleInterval, setRead]);
+  var copyMessagesStateFromChannelThrottled = (0, _react.useMemo)(() => (0, _throttle.default)(() => {
+    if (channel) {
+      copyMessagesStateFromChannel(channel);
+    }
+  }, newMessageStateUpdateThrottleInterval, throttleOptions), [channel, newMessageStateUpdateThrottleInterval, copyMessagesStateFromChannel]);
+  var copyChannelState = (0, _react.useMemo)(() => (0, _throttle.default)(() => {
+    if (channel) {
+      copyStateFromChannel(channel);
+      copyMessagesStateFromChannel(channel);
+    }
+  }, stateUpdateThrottleInterval, throttleOptions), [stateUpdateThrottleInterval, channel, copyStateFromChannel, copyMessagesStateFromChannel]);
+  var handleEvent = (0, _hooks.useStableCallback)(event => {
     if (shouldSyncChannel) {
       if (event.type.startsWith('poll.') || event.type === 'user.watching.start' || event.type === 'user.watching.stop') {
         return;
       }
       if (event.type === 'typing.start' || event.type === 'typing.stop') {
-        var _event$user;
-        if (((_event$user = event.user) == null ? void 0 : _event$user.id) !== client.userID) {
+        if (event.user?.id !== client.userID) {
           setTyping(channel);
         }
         return;
       } else {
-        if (thread != null && thread.id) {
-          var _event$message;
+        if (thread?.id) {
           var updatedThreadMessages = thread.id && channel && channel.state.threads[thread.id] || threadMessages;
           setThreadMessages(updatedThreadMessages);
-          if (channel && ((_event$message = event.message) == null ? void 0 : _event$message.id) === thread.id && !threadInstance) {
+          if (channel && event.message?.id === thread.id && !threadInstance) {
             var updatedThread = channel.state.formatMessage(event.message);
             setThread(updatedThread);
           }
         }
       }
       if (event.type === 'notification.mark_unread') {
-        var _event$unread_message;
         if (!(event.last_read_at && event.user)) {
           return;
         }
@@ -429,7 +399,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
           first_unread_message_id: event.first_unread_message_id,
           last_read: new Date(event.last_read_at),
           last_read_message_id: event.last_read_message_id,
-          unread_messages: (_event$unread_message = event.unread_messages) != null ? _event$unread_message : 0
+          unread_messages: event.unread_messages ?? 0
         });
       }
       if (event.type === 'channel.truncated' && event.cid === channel.cid) {
@@ -437,9 +407,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
       if (channel) {
         if (event.type === 'message.new' || event.type === 'notification.message_new') {
-          var _event$message$id, _event$message2, _event$user2;
-          var _messageId = (_event$message$id = (_event$message2 = event.message) == null ? void 0 : _event$message2.id) != null ? _event$message$id : '';
-          if (((_event$user2 = event.user) == null ? void 0 : _event$user2.id) !== client.userID || !optimisticallyUpdatedNewMessages.has(_messageId)) {
+          var _messageId = event.message?.id ?? '';
+          if (event.user?.id !== client.userID || !optimisticallyUpdatedNewMessages.has(_messageId)) {
             copyMessagesStateFromChannelThrottled();
           }
           optimisticallyUpdatedNewMessages.delete(_messageId);
@@ -453,11 +422,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     }
   });
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     var listener;
     var initChannel = function () {
-      var _ref7 = (0, _asyncToGenerator2.default)(function* () {
-        var _client$user;
+      var _ref = (0, _asyncToGenerator2.default)(function* () {
         setLastRead(new Date());
         var unreadCount = channel.countUnread();
         var shouldLoadAtFirstUnread = shouldLoadInitialChannelAtFirstUnreadMessage(unreadCount);
@@ -467,7 +435,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
         var errored = false;
         if ((!channel.initialized || !channel.state.isUpToDate) && initializeOnMount) {
           try {
-            yield channel == null ? void 0 : channel.watch();
+            yield channel?.watch();
           } catch (err) {
             console.warn('Channel watch request failed with error:', err);
             setError(true);
@@ -479,7 +447,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
           initStateFromChannel(channel);
           loadInitialMessagesStateFromChannel(channel, channel.state.messagePagination.hasPrev);
         }
-        if ((_client$user = client.user) != null && _client$user.id && channel.state.read[client.user.id]) {
+        if (client.user?.id && channel.state.read[client.user.id]) {
           var _channel$state$read$c = channel.state.read[client.user.id],
             user = _channel$state$read$c.user,
             ownReadState = (0, _objectWithoutProperties2.default)(_channel$state$read$c, _excluded);
@@ -487,12 +455,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
         }
         if (messageId) {
           yield loadChannelAroundMessage({
-            messageId: messageId,
-            setTargetedMessage: setTargetedMessage
+            messageId,
+            setTargetedMessage
           });
         } else if (shouldLoadAtFirstUnread) {
-          var _client$user2;
-          var clientUserId = (_client$user2 = client.user) == null ? void 0 : _client$user2.id;
+          var clientUserId = client.user?.id;
           if (!clientUserId) {
             return;
           }
@@ -501,8 +468,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
             _ownReadState = (0, _objectWithoutProperties2.default)(_channel$state$read$c2, _excluded2);
           yield loadChannelAtFirstUnreadMessage({
             channelUnreadState: _ownReadState,
-            setChannelUnreadState: setChannelUnreadState,
-            setTargetedMessage: setTargetedMessage
+            setChannelUnreadState,
+            setTargetedMessage
           });
         }
         if (unreadCount > 0 && markReadOnMount) {
@@ -513,55 +480,52 @@ var ChannelWithContext = function ChannelWithContext(props) {
         listener = channel.on(handleEvent);
       });
       return function initChannel() {
-        return _ref7.apply(this, arguments);
+        return _ref.apply(this, arguments);
       };
     }();
     initChannel();
-    return function () {
-      var _listener;
+    return () => {
       copyChannelState.cancel();
       loadMoreThreadFinished.cancel();
-      (_listener = listener) == null || _listener.unsubscribe();
+      listener?.unsubscribe();
     };
   }, [channel.cid, messageId, shouldSyncChannel]);
-  (0, _react.useEffect)(function () {
-    var _client$on = client.on('channel.deleted', function (event) {
-        if (event.cid === (channel == null ? void 0 : channel.cid)) {
+  (0, _react.useEffect)(() => {
+    var _client$on = client.on('channel.deleted', event => {
+        if (event.cid === channel?.cid) {
           setDeleted(true);
         }
       }),
       unsubscribe = _client$on.unsubscribe;
     return unsubscribe;
-  }, [channel == null ? void 0 : channel.cid, client]);
+  }, [channel?.cid, client]);
   var threadPropsExists = !!threadProps;
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (threadProps && shouldSyncChannel) {
       setThread(threadProps);
-      if (channel && threadProps != null && threadProps.id) {
-        var _channel$state$thread;
-        setThreadMessages(((_channel$state$thread = channel.state.threads) == null ? void 0 : _channel$state$thread[threadProps.id]) || []);
+      if (channel && threadProps?.id) {
+        setThreadMessages(channel.state.threads?.[threadProps.id] || []);
       }
     } else {
       setThread(null);
     }
   }, [threadPropsExists, shouldSyncChannel]);
-  var handleAppBackground = (0, _react.useCallback)(function () {
-    var _channelData$own_capa;
+  var handleAppBackground = (0, _react.useCallback)(() => {
     var channelData = channel.data;
-    if (channelData != null && (_channelData$own_capa = channelData.own_capabilities) != null && _channelData$own_capa.includes('send-typing-events')) {
+    if (channelData?.own_capabilities?.includes('send-typing-events')) {
       channel.sendEvent({
-        parent_id: thread == null ? void 0 : thread.id,
+        parent_id: thread?.id,
         type: 'typing.stop'
       });
     }
-  }, [thread == null ? void 0 : thread.id, channelId]);
+  }, [thread?.id, channelId]);
   (0, _useAppStateListener.useAppStateListener)(undefined, handleAppBackground);
   var markReadInternal = (0, _throttle.default)(function () {
-    var _ref8 = (0, _asyncToGenerator2.default)(function* (options) {
-      var _ref9 = options != null ? options : {},
-        _ref9$updateChannelUn = _ref9.updateChannelUnreadState,
-        updateChannelUnreadState = _ref9$updateChannelUn === void 0 ? true : _ref9$updateChannelUn;
-      if (!channel || channel != null && channel.disconnected || !(clientChannelConfig != null && clientChannelConfig.read_events)) {
+    var _ref2 = (0, _asyncToGenerator2.default)(function* (options) {
+      var _ref3 = options ?? {},
+        _ref3$updateChannelUn = _ref3.updateChannelUnreadState,
+        updateChannelUnreadState = _ref3$updateChannelUn === void 0 ? true : _ref3$updateChannelUn;
+      if (!channel || channel?.disconnected || !clientChannelConfig?.read_events) {
         return;
       }
       if (doMarkReadRequest) {
@@ -572,7 +536,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
           if (updateChannelUnreadState && response && lastRead) {
             setChannelUnreadState({
               last_read: lastRead,
-              last_read_message_id: response == null ? void 0 : response.event.last_read_message_id,
+              last_read_message_id: response?.event.last_read_message_id,
               unread_messages: 0
             });
             setLastRead(new Date());
@@ -583,12 +547,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     });
     return function (_x) {
-      return _ref8.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }(), defaultThrottleInterval, throttleOptions);
   var markRead = (0, _hooks.useStableCallback)(markReadInternal);
   var reloadThread = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
-    if (!channel || !(thread != null && thread.id)) {
+    if (!channel || !thread?.id) {
       return;
     }
     setThreadLoadingMore(true);
@@ -596,7 +560,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       var parentID = thread.id;
       var limit = 50;
       var queryResponse = yield channel.getReplies(parentID, {
-        limit: limit
+        limit
       });
       var updatedHasMore = queryResponse.messages.length === limit;
       var updatedThreadMessages = channel.state.threads[parentID] || [];
@@ -626,23 +590,16 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }
     syncingChannelRef.current = true;
     setError(false);
-    var parseMessage = function parseMessage(message) {
-      var _message$pinned_at, _message$updated_at;
-      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()
-      });
-    };
-    var getRecoverableFailedMessages = function getRecoverableFailedMessages() {
-      var messages = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      return messages.filter(function (message) {
-        return message.status === _utils.MessageStatusTypes.FAILED && !channel.state.findMessage(message.id, message.parent_id);
-      }).map(parseMessage);
-    };
+    var parseMessage = message => ({
+      ...message,
+      created_at: message.created_at.toString(),
+      pinned_at: message.pinned_at?.toString(),
+      updated_at: message.updated_at?.toString()
+    });
+    var getRecoverableFailedMessages = (messages = []) => messages.filter(message => message.status === _utils.MessageStatusTypes.FAILED && !channel.state.findMessage(message.id, message.parent_id)).map(parseMessage);
     try {
-      if (channelMessagesState != null && channelMessagesState.messages) {
-        yield channel == null ? void 0 : channel.watch({
+      if (channelMessagesState?.messages) {
+        yield channel?.watch({
           messages: {
             limit: channelMessagesState.messages.length
           }
@@ -652,7 +609,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       if (!thread) {
         copyChannelState();
         var failedMessages = getRecoverableFailedMessages(channelMessagesState.messages);
-        if (failedMessages != null && failedMessages.length) {
+        if (failedMessages?.length) {
           channel.state.addMessagesSorted(failedMessages);
         }
         yield markRead();
@@ -662,7 +619,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
         var failedThreadMessages = thread ? getRecoverableFailedMessages(threadMessages) : [];
         if (failedThreadMessages.length) {
           channel.state.addMessagesSorted(failedThreadMessages);
-          setThreadMessages((0, _toConsumableArray2.default)(channel.state.threads[thread.id]));
+          setThreadMessages([...channel.state.threads[thread.id]]);
         }
       }
     } catch (err) {
@@ -676,33 +633,33 @@ var ChannelWithContext = function ChannelWithContext(props) {
   }));
   var resyncChannelRef = (0, _react.useRef)(resyncChannel);
   resyncChannelRef.current = resyncChannel;
-  (0, _react.useEffect)(function () {
-    var connectionChangedHandler = function connectionChangedHandler() {
+  (0, _react.useEffect)(() => {
+    var connectionChangedHandler = () => {
       if (shouldSyncChannel) {
         resyncChannelRef.current();
       }
     };
     var connectionChangedSubscription;
     if (enableOfflineSupport && client.offlineDb) {
-      connectionChangedSubscription = client.offlineDb.syncManager.onSyncStatusChange(function (statusChanged) {
+      connectionChangedSubscription = client.offlineDb.syncManager.onSyncStatusChange(statusChanged => {
         if (statusChanged) {
           connectionChangedHandler();
         }
       });
     } else {
-      connectionChangedSubscription = client.on('connection.changed', function (event) {
+      connectionChangedSubscription = client.on('connection.changed', event => {
         if (event.online) {
           connectionChangedHandler();
         }
       });
     }
-    return function () {
+    return () => {
       connectionChangedSubscription.unsubscribe();
     };
   }, [enableOfflineSupport, client, shouldSyncChannel]);
-  var getChannelConfigSafely = function getChannelConfigSafely() {
+  var getChannelConfigSafely = () => {
     try {
-      return channel == null ? void 0 : channel.getConfig();
+      return channel?.getConfig();
     } catch (_) {
       return null;
     }
@@ -716,8 +673,9 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }
   }));
   var loadChannelAroundMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref12 = (0, _asyncToGenerator2.default)(function* (_ref11) {
-      var messageIdToLoadAround = _ref11.messageId;
+    var _ref7 = (0, _asyncToGenerator2.default)(function* ({
+      messageId: messageIdToLoadAround
+    }) {
       if (!messageIdToLoadAround) {
         return;
       }
@@ -742,7 +700,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
         } else {
           yield loadChannelAroundMessageFn({
             messageId: messageIdToLoadAround,
-            setTargetedMessage: setTargetedMessage
+            setTargetedMessage
           });
         }
       } catch (err) {
@@ -750,12 +708,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     });
     return function (_x2) {
-      return _ref12.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }());
-  var updateMessage = (0, _hooks.useStableCallback)(function (updatedMessage) {
-    var extraState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var throttled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var updateMessage = (0, _hooks.useStableCallback)((updatedMessage, extraState = {}, throttled = false) => {
     if (!channel) {
       return;
     }
@@ -770,7 +726,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       setThreadMessages(extraState.threadMessages);
     }
   });
-  var replaceMessage = (0, _hooks.useStableCallback)(function (oldMessage, newMessage) {
+  var replaceMessage = (0, _hooks.useStableCallback)((oldMessage, newMessage) => {
     if (channel) {
       channel.state.removeMessage(oldMessage);
       channel.state.addMessageSorted(newMessage, true);
@@ -782,20 +738,20 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }
   });
   var uploadPendingAttachments = (0, _hooks.useStableCallback)(function () {
-    var _ref13 = (0, _asyncToGenerator2.default)(function* (message) {
-      var _updatedMessage$attac;
-      var updatedMessage = Object.assign({}, message);
-      if (!((_updatedMessage$attac = updatedMessage.attachments) != null && _updatedMessage$attac.length) || !(channel != null && channel.cid)) {
+    var _ref8 = (0, _asyncToGenerator2.default)(function* (message) {
+      var updatedMessage = {
+        ...message
+      };
+      if (!updatedMessage.attachments?.length || !channel?.cid) {
         return updatedMessage;
       }
       var uploadOne = function () {
-        var _ref14 = (0, _asyncToGenerator2.default)(function* (attachment) {
-          var _client$offlineDb;
+        var _ref9 = (0, _asyncToGenerator2.default)(function* (attachment) {
           if (attachment.image_url && !(0, _utils.isLocalUrl)(attachment.image_url) || attachment.asset_url && !(0, _utils.isLocalUrl)(attachment.asset_url)) {
             return;
           }
           var originalFile = attachment.originalFile;
-          if (!(originalFile != null && originalFile.uri)) {
+          if (!originalFile?.uri) {
             return;
           }
           var localId = attachment.localId;
@@ -805,13 +761,13 @@ var ChannelWithContext = function ChannelWithContext(props) {
           }
           var fileForUpload = originalFile;
           if (attachment.type === _types.FileTypes.Image && !doFileUploadRequest) {
-            var _originalFile$name;
-            var filename = (_originalFile$name = originalFile.name) != null ? _originalFile$name : (0, _utils.getFileNameFromPath)(originalFile.uri);
+            var filename = originalFile.name ?? (0, _utils.getFileNameFromPath)(originalFile.uri);
             var compressedUri = yield (0, _compressImage.compressedImageURI)(originalFile, compressImageQuality);
-            fileForUpload = Object.assign({}, originalFile, {
+            fileForUpload = {
+              ...originalFile,
               name: filename,
               uri: compressedUri
-            });
+            };
           }
           var response = yield client.uploadManager.upload({
             channelCid: channel.cid,
@@ -828,60 +784,55 @@ var ChannelWithContext = function ChannelWithContext(props) {
           }
           delete attachment.originalFile;
           delete attachment.localId;
-          (_client$offlineDb = client.offlineDb) == null || _client$offlineDb.executeQuerySafely(function (db) {
-            return db.updateMessage({
-              message: Object.assign({}, updatedMessage, {
-                cid: channel.cid
-              })
-            });
-          }, {
+          client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+            message: {
+              ...updatedMessage,
+              cid: channel.cid
+            }
+          }), {
             method: 'updateMessage'
           });
         });
         return function uploadOne(_x4) {
-          return _ref14.apply(this, arguments);
+          return _ref9.apply(this, arguments);
         };
       }();
-      yield Promise.all(updatedMessage.attachments.map(function (att) {
-        return uploadOne(att);
-      }));
+      yield Promise.all(updatedMessage.attachments.map(att => uploadOne(att)));
       return updatedMessage;
     });
     return function (_x3) {
-      return _ref13.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }());
   var sendMessageRequest = (0, _hooks.useStableCallback)(function () {
-    var _ref16 = (0, _asyncToGenerator2.default)(function* (_ref15) {
-      var localMessage = _ref15.localMessage,
-        message = _ref15.message,
-        options = _ref15.options,
-        retrying = _ref15.retrying;
+    var _ref0 = (0, _asyncToGenerator2.default)(function* ({
+      localMessage,
+      message,
+      options,
+      retrying
+    }) {
       var failedMessageUpdated = false;
-      var handleFailedMessage = function handleFailedMessage() {
+      var handleFailedMessage = () => {
         if (!failedMessageUpdated) {
-          var _client$offlineDb2;
-          var updatedMessage = Object.assign({}, localMessage, {
+          var updatedMessage = {
+            ...localMessage,
             cid: channel.cid,
             status: _utils.MessageStatusTypes.FAILED
-          });
+          };
           updateMessage(updatedMessage);
-          threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
+          threadInstance?.upsertReplyLocally?.({
             message: updatedMessage
           });
           optimisticallyUpdatedNewMessages.delete(localMessage.id);
-          (_client$offlineDb2 = client.offlineDb) == null || _client$offlineDb2.executeQuerySafely(function (db) {
-            return db.updateMessage({
-              message: updatedMessage
-            });
-          }, {
+          client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+            message: updatedMessage
+          }), {
             method: 'updateMessage'
           });
           failedMessageUpdated = true;
         }
       };
       try {
-        var _messageResponse;
         if (!isOnline) {
           yield handleFailedMessage();
         }
@@ -892,29 +843,29 @@ var ChannelWithContext = function ChannelWithContext(props) {
         if (!channel.id) {
           return;
         }
-        var messageData = Object.assign({}, message, {
-          attachments: attachments,
-          text: (0, _patchMessageTextCommand.patchMessageTextCommand)(text != null ? text : '', mentioned_users != null ? mentioned_users : []),
+        var messageData = {
+          ...message,
+          attachments,
+          text: (0, _patchMessageTextCommand.patchMessageTextCommand)(text ?? '', mentioned_users ?? []),
           type: message.type === 'error' ? 'regular' : message.type
-        });
+        };
         var messageResponse = {};
         if (doSendMessageRequest) {
-          messageResponse = yield doSendMessageRequest((channel == null ? void 0 : channel.cid) || '', messageData, options);
+          messageResponse = yield doSendMessageRequest(channel?.cid || '', messageData, options);
         } else if (channel) {
           messageResponse = yield channel.sendMessage(messageData, options);
         }
-        if ((_messageResponse = messageResponse) != null && _messageResponse.message) {
-          var _client$offlineDb3;
-          var newMessageResponse = Object.assign({}, messageResponse.message, {
+        if (messageResponse?.message) {
+          var newMessageResponse = {
+            ...messageResponse.message,
             status: _utils.MessageStatusTypes.RECEIVED
-          });
-          (_client$offlineDb3 = client.offlineDb) == null || _client$offlineDb3.executeQuerySafely(function (db) {
-            return db.updateMessage({
-              message: Object.assign({}, newMessageResponse, {
-                cid: channel.cid
-              })
-            });
-          }, {
+          };
+          client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+            message: {
+              ...newMessageResponse,
+              cid: channel.cid
+            }
+          }), {
             method: 'updateMessage'
           });
           if (retrying) {
@@ -929,121 +880,120 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     });
     return function (_x5) {
-      return _ref16.apply(this, arguments);
+      return _ref0.apply(this, arguments);
     };
   }());
   var sendMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref18 = (0, _asyncToGenerator2.default)(function* (_ref17) {
-      var _channel$state, _client$offlineDb4;
-      var localMessage = _ref17.localMessage,
-        message = _ref17.message,
-        options = _ref17.options;
-      if (channel != null && (_channel$state = channel.state) != null && _channel$state.filterErrorMessages) {
+    var _ref1 = (0, _asyncToGenerator2.default)(function* ({
+      localMessage,
+      message,
+      options
+    }) {
+      if (channel?.state?.filterErrorMessages) {
         channel.state.filterErrorMessages();
       }
       updateMessage(localMessage);
-      threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
+      threadInstance?.upsertReplyLocally?.({
         message: localMessage
       });
       optimisticallyUpdatedNewMessages.add(localMessage.id);
-      (_client$offlineDb4 = client.offlineDb) == null || _client$offlineDb4.executeQuerySafely(function (db) {
-        return db.upsertMessages({
-          messages: [Object.assign({}, localMessage, {
-            cid: channel.cid,
-            status: _utils.MessageStatusTypes.FAILED
-          })]
-        });
-      }, {
+      client.offlineDb?.executeQuerySafely(db => db.upsertMessages({
+        messages: [{
+          ...localMessage,
+          cid: channel.cid,
+          status: _utils.MessageStatusTypes.FAILED
+        }]
+      }), {
         method: 'upsertMessages'
       });
       if (preSendMessageRequest) {
         yield preSendMessageRequest({
-          localMessage: localMessage,
-          message: message,
-          options: options
+          localMessage,
+          message,
+          options
         });
       }
       yield sendMessageRequest({
-        localMessage: localMessage,
-        message: message,
-        options: options
+        localMessage,
+        message,
+        options
       });
     });
     return function (_x6) {
-      return _ref18.apply(this, arguments);
+      return _ref1.apply(this, arguments);
     };
   }());
   var retrySendMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref19 = (0, _asyncToGenerator2.default)(function* (localMessage) {
-      var statusPendingMessage = Object.assign({}, localMessage, {
+    var _ref10 = (0, _asyncToGenerator2.default)(function* (localMessage) {
+      var statusPendingMessage = {
+        ...localMessage,
         status: _utils.MessageStatusTypes.SENDING
-      });
+      };
       var messageWithoutReservedFields = (0, _streamChat.localMessageToNewMessagePayload)(statusPendingMessage);
       if (!(0, _utils.isBouncedMessage)(localMessage)) {
         updateMessage(messageWithoutReservedFields);
       }
       yield sendMessageRequest({
-        localMessage: localMessage,
+        localMessage,
         message: messageWithoutReservedFields,
         retrying: true
       });
     });
     return function (_x7) {
-      return _ref19.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }());
   var editMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref21 = (0, _asyncToGenerator2.default)(function* (_ref20) {
-      var _client$offlineDb5;
-      var localMessage = _ref20.localMessage,
-        options = _ref20.options;
+    var _ref11 = (0, _asyncToGenerator2.default)(function* ({
+      localMessage,
+      options
+    }) {
       if (!channel) {
         throw new Error('Channel has not been initialized');
       }
       var cid = channel.cid;
       var currentMessage = channel.state.findMessage(localMessage.id, localMessage.parent_id);
-      var isFailedMessage = (currentMessage == null ? void 0 : currentMessage.status) === _utils.MessageStatusTypes.FAILED || localMessage.status === _utils.MessageStatusTypes.FAILED;
+      var isFailedMessage = currentMessage?.status === _utils.MessageStatusTypes.FAILED || localMessage.status === _utils.MessageStatusTypes.FAILED;
       var optimisticEditedAt = new Date();
       var optimisticEditedAtString = optimisticEditedAt.toISOString();
-      var optimisticMessage = Object.assign({}, currentMessage, localMessage, {
-        cid: cid,
+      var optimisticMessage = {
+        ...currentMessage,
+        ...localMessage,
+        cid,
         message_text_updated_at: isFailedMessage ? undefined : optimisticEditedAtString,
         updated_at: optimisticEditedAt
-      });
+      };
       updateMessage(optimisticMessage);
-      threadInstance == null || threadInstance.updateParentMessageOrReplyLocally(optimisticMessage);
-      (_client$offlineDb5 = client.offlineDb) == null || _client$offlineDb5.executeQuerySafely(function (db) {
-        return db.updateMessage({
-          message: Object.assign({}, optimisticMessage, {
-            cid: cid
-          })
-        });
-      }, {
+      threadInstance?.updateParentMessageOrReplyLocally(optimisticMessage);
+      client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+        message: {
+          ...optimisticMessage,
+          cid
+        }
+      }), {
         method: 'updateMessage'
       });
       var response = doUpdateMessageRequest ? yield doUpdateMessageRequest(cid, localMessage, options) : yield client.updateMessage(localMessage, undefined, options);
-      if (response != null && response.message) {
-        var _client$offlineDb6;
+      if (response?.message) {
         updateMessage(response.message);
-        threadInstance == null || threadInstance.updateParentMessageOrReplyLocally(response.message);
-        (_client$offlineDb6 = client.offlineDb) == null || _client$offlineDb6.executeQuerySafely(function (db) {
-          return db.updateMessage({
-            message: Object.assign({}, response.message, {
-              cid: cid
-            })
-          });
-        }, {
+        threadInstance?.updateParentMessageOrReplyLocally(response.message);
+        client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+          message: {
+            ...response.message,
+            cid
+          }
+        }), {
           method: 'updateMessage'
         });
       }
       return response;
     });
     return function (_x8) {
-      return _ref21.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }());
   var removeMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref22 = (0, _asyncToGenerator2.default)(function* (message) {
+    var _ref12 = (0, _asyncToGenerator2.default)(function* (message) {
       if (channel) {
         channel.state.removeMessage(message);
         copyMessagesStateFromChannel(channel);
@@ -1058,53 +1008,52 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     });
     return function (_x9) {
-      return _ref22.apply(this, arguments);
+      return _ref12.apply(this, arguments);
     };
   }());
   var sendReaction = (0, _hooks.useStableCallback)(function () {
-    var _ref23 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
-      if (!(channel != null && channel.id) || !client.user) {
+    var _ref13 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
+      if (!channel?.id || !client.user) {
         throw new Error('Channel has not been initialized');
       }
       var payload = [messageId, {
-        type: type
+        type
       }, {
         enforce_unique: enforceUniqueReaction
       }];
       if (enableOfflineSupport) {
         yield (0, _addReactionToLocalState.addReactionToLocalState)({
-          channel: channel,
-          enforceUniqueReaction: enforceUniqueReaction,
-          messageId: messageId,
+          channel,
+          enforceUniqueReaction,
+          messageId,
           reactionType: type,
           user: client.user
         });
         copyMessagesStateFromChannel(channel);
       }
-      var sendReactionResponse = yield channel.sendReaction.apply(channel, payload);
-      if (sendReactionResponse != null && sendReactionResponse.message) {
-        threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
+      var sendReactionResponse = yield channel.sendReaction(...payload);
+      if (sendReactionResponse?.message) {
+        threadInstance?.upsertReplyLocally?.({
           message: sendReactionResponse.message
         });
       }
     });
     return function (_x0, _x1) {
-      return _ref23.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }());
   var deleteMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref24 = (0, _asyncToGenerator2.default)(function* (message) {
-      var optionsOrHardDelete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var _ref14 = (0, _asyncToGenerator2.default)(function* (message, optionsOrHardDelete = false) {
       var options = {};
       if (typeof optionsOrHardDelete === 'boolean') {
         options = optionsOrHardDelete ? {
           hardDelete: true
         } : {};
-      } else if (optionsOrHardDelete != null && optionsOrHardDelete.deleteForMe) {
+      } else if (optionsOrHardDelete?.deleteForMe) {
         options = {
           deleteForMe: true
         };
-      } else if (optionsOrHardDelete != null && optionsOrHardDelete.hardDelete) {
+      } else if (optionsOrHardDelete?.hardDelete) {
         options = {
           hardDelete: true
         };
@@ -1116,27 +1065,30 @@ var ChannelWithContext = function ChannelWithContext(props) {
         yield removeMessage(message);
         return;
       }
-      var updatedMessage = Object.assign({}, message, {
+      var updatedMessage = {
+        ...message,
         cid: channel.cid,
         deleted_at: new Date(),
         type: 'deleted'
-      });
+      };
       updateMessage(updatedMessage);
-      threadInstance == null || threadInstance.upsertReplyLocally({
+      threadInstance?.upsertReplyLocally({
         message: updatedMessage
       });
       var data = yield client.deleteMessage(message.id, options);
-      if (data != null && data.message) {
-        updateMessage(Object.assign({}, data.message));
+      if (data?.message) {
+        updateMessage({
+          ...data.message
+        });
       }
     });
     return function (_x10) {
-      return _ref24.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }());
   var deleteReaction = (0, _hooks.useStableCallback)(function () {
-    var _ref25 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
-      if (!(channel != null && channel.id) || !client.user) {
+    var _ref15 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
+      if (!channel?.id || !client.user) {
         throw new Error('Channel has not been initialized');
       }
       var payload = [messageId, type];
@@ -1144,18 +1096,18 @@ var ChannelWithContext = function ChannelWithContext(props) {
         channel.state.removeReaction({
           created_at: '',
           message_id: messageId,
-          type: type,
+          type,
           updated_at: ''
         });
         copyMessagesStateFromChannel(channel);
       }
-      yield channel.deleteReaction.apply(channel, payload);
+      yield channel.deleteReaction(...payload);
     });
     return function (_x11, _x12) {
-      return _ref25.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }());
-  var openThread = (0, _react.useCallback)(function (message) {
+  var openThread = (0, _react.useCallback)(message => {
     setThread(message);
     if (channel.initialized) {
       channel.markRead({
@@ -1163,30 +1115,29 @@ var ChannelWithContext = function ChannelWithContext(props) {
       });
     }
   }, [channel, setThread]);
-  var closeThread = (0, _react.useCallback)(function () {
+  var closeThread = (0, _react.useCallback)(() => {
     setThread(null);
     setThreadMessages([]);
   }, [setThread, setThreadMessages]);
-  var loadMoreThreadFinished = (0, _react.useRef)((0, _debounce.default)(function (newThreadHasMore, updatedThreadMessages) {
+  var loadMoreThreadFinished = (0, _react.useRef)((0, _debounce.default)((newThreadHasMore, updatedThreadMessages) => {
     setThreadHasMore(newThreadHasMore);
     setThreadLoadingMore(false);
     setThreadMessages(updatedThreadMessages);
   }, defaultDebounceInterval, debounceOptions)).current;
   var loadMoreThread = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
-    if (threadLoadingMore || !(thread != null && thread.id)) {
+    if (threadLoadingMore || !thread?.id) {
       return;
     }
     setThreadLoadingMore(true);
     try {
       if (channel) {
-        var _threadMessages$;
         var parentID = thread.id;
         channel.state.threads[parentID] = threadMessages;
-        var oldestMessageID = threadMessages == null || (_threadMessages$ = threadMessages[0]) == null ? void 0 : _threadMessages$.id;
+        var oldestMessageID = threadMessages?.[0]?.id;
         var limit = 50;
         var queryResponse = yield channel.getReplies(parentID, {
           id_lt: oldestMessageID,
-          limit: limit
+          limit
         });
         var updatedHasMore = queryResponse.messages.length === limit;
         var updatedThreadMessages = channel.state.threads[parentID] || [];
@@ -1203,204 +1154,194 @@ var ChannelWithContext = function ChannelWithContext(props) {
       throw err;
     }
   }));
-  var handleClosePicker = (0, _hooks.useStableCallback)(function () {
-    return closePicker(bottomSheetRef);
-  });
-  var handleOpenPicker = (0, _hooks.useStableCallback)(function () {
-    return openPicker(bottomSheetRef);
-  });
-  var attachmentPickerContext = (0, _react.useMemo)(function () {
-    return {
-      bottomInset: bottomInset,
-      bottomSheetRef: bottomSheetRef,
-      closePicker: handleClosePicker,
-      disableAttachmentPicker: disableAttachmentPicker,
-      openPicker: handleOpenPicker,
-      topInset: topInset,
-      numberOfAttachmentPickerImageColumns: numberOfAttachmentPickerImageColumns,
-      attachmentPickerBottomSheetHeight: attachmentPickerBottomSheetHeight,
-      attachmentSelectionBarHeight: attachmentSelectionBarHeight,
-      numberOfAttachmentImagesToLoadPerCall: numberOfAttachmentImagesToLoadPerCall
-    };
-  }, [bottomInset, bottomSheetRef, handleClosePicker, disableAttachmentPicker, handleOpenPicker, topInset, numberOfAttachmentPickerImageColumns, attachmentPickerBottomSheetHeight, attachmentSelectionBarHeight, numberOfAttachmentImagesToLoadPerCall]);
+  var handleClosePicker = (0, _hooks.useStableCallback)(() => closePicker(bottomSheetRef));
+  var handleOpenPicker = (0, _hooks.useStableCallback)(() => openPicker(bottomSheetRef));
+  var attachmentPickerContext = (0, _react.useMemo)(() => ({
+    bottomInset,
+    bottomSheetRef,
+    closePicker: handleClosePicker,
+    disableAttachmentPicker,
+    openPicker: handleOpenPicker,
+    topInset,
+    numberOfAttachmentPickerImageColumns,
+    attachmentPickerBottomSheetHeight,
+    attachmentSelectionBarHeight,
+    numberOfAttachmentImagesToLoadPerCall
+  }), [bottomInset, bottomSheetRef, handleClosePicker, disableAttachmentPicker, handleOpenPicker, topInset, numberOfAttachmentPickerImageColumns, attachmentPickerBottomSheetHeight, attachmentSelectionBarHeight, numberOfAttachmentImagesToLoadPerCall]);
   var ownCapabilitiesContext = (0, _useCreateOwnCapabilitiesContext.useCreateOwnCapabilitiesContext)({
-    channel: channel,
+    channel,
     overrideCapabilities: overrideOwnCapabilities
   });
   var channelContext = (0, _useCreateChannelContext.useCreateChannelContext)({
-    channel: channel,
-    channelUnreadStateStore: channelUnreadStateStore,
-    disabled: !!(channel != null && (_channel$data = channel.data) != null && _channel$data.frozen),
-    enableMessageGroupingByUser: enableMessageGroupingByUser,
-    enforceUniqueReaction: enforceUniqueReaction,
-    error: error,
-    hideDateSeparators: hideDateSeparators,
-    hideStickyDateHeader: hideStickyDateHeader,
-    highlightedMessageId: highlightedMessageId,
+    channel,
+    channelUnreadStateStore,
+    disabled: !!channel?.data?.frozen,
+    enableMessageGroupingByUser,
+    enforceUniqueReaction,
+    error,
+    hideDateSeparators,
+    hideStickyDateHeader,
+    highlightedMessageId,
     isChannelActive: shouldSyncChannel,
-    lastRead: lastRead,
-    loadChannelAroundMessage: loadChannelAroundMessage,
-    loadChannelAtFirstUnreadMessage: loadChannelAtFirstUnreadMessage,
+    lastRead,
+    loadChannelAroundMessage,
+    loadChannelAtFirstUnreadMessage,
     loading: channelMessagesState.loading,
-    markRead: markRead,
-    maximumMessageLimit: maximumMessageLimit,
-    maxTimeBetweenGroupedMessages: maxTimeBetweenGroupedMessages,
-    members: (_channelState$members = channelState.members) != null ? _channelState$members : {},
-    read: (_channelState$read = channelState.read) != null ? _channelState$read : {},
-    reloadChannel: reloadChannel,
-    scrollToFirstUnreadThreshold: scrollToFirstUnreadThreshold,
-    setChannelUnreadState: setChannelUnreadState,
-    setLastRead: setLastRead,
-    setTargetedMessage: setTargetedMessage,
-    hasPendingInitialTargetLoad: hasPendingInitialTargetLoad,
-    targetedMessage: targetedMessage,
-    threadList: threadList,
-    uploadAbortControllerRef: uploadAbortControllerRef,
+    markRead,
+    maximumMessageLimit,
+    maxTimeBetweenGroupedMessages,
+    members: channelState.members ?? {},
+    read: channelState.read ?? {},
+    reloadChannel,
+    scrollToFirstUnreadThreshold,
+    setChannelUnreadState,
+    setLastRead,
+    setTargetedMessage,
+    hasPendingInitialTargetLoad,
+    targetedMessage,
+    threadList,
+    uploadAbortControllerRef,
     watcherCount: channelState.watcherCount,
     watchers: channelState.watchers
   });
   var inputMessageInputContext = (0, _useCreateInputMessageInputContext.useCreateInputMessageInputContext)({
-    additionalTextInputProps: additionalTextInputProps,
-    allowSendBeforeAttachmentsUpload: allowSendBeforeAttachmentsUpload,
-    asyncMessagesLockDistance: asyncMessagesLockDistance,
-    asyncMessagesMinimumPressDuration: asyncMessagesMinimumPressDuration,
-    audioRecordingSendOnComplete: audioRecordingSendOnComplete,
-    asyncMessagesSlideToCancelDistance: asyncMessagesSlideToCancelDistance,
-    attachmentPickerBottomSheetHeight: attachmentPickerBottomSheetHeight,
-    attachmentSelectionBarHeight: attachmentSelectionBarHeight,
-    audioRecordingEnabled: audioRecordingEnabled,
-    channelId: channelId,
-    compressImageQuality: compressImageQuality,
-    createPollOptionGap: createPollOptionGap,
-    doFileUploadRequest: doFileUploadRequest,
-    editMessage: editMessage,
-    handleAttachButtonPress: handleAttachButtonPress,
-    hasCameraPicker: hasCameraPicker,
-    hasCommands: hasCommands != null ? hasCommands : !!(clientChannelConfig != null && (_clientChannelConfig$ = clientChannelConfig.commands) != null && _clientChannelConfig$.length),
-    hasFilePicker: hasFilePicker,
-    hasImagePicker: hasImagePicker,
-    messageInputFloating: messageInputFloating,
-    messageInputHeightStore: messageInputHeightStore,
-    openPollCreationDialog: openPollCreationDialog,
-    sendMessage: sendMessage,
-    setInputRef: setInputRef
+    additionalTextInputProps,
+    allowSendBeforeAttachmentsUpload,
+    asyncMessagesLockDistance,
+    asyncMessagesMinimumPressDuration,
+    audioRecordingSendOnComplete,
+    asyncMessagesSlideToCancelDistance,
+    attachmentPickerBottomSheetHeight,
+    attachmentSelectionBarHeight,
+    audioRecordingEnabled,
+    channelId,
+    compressImageQuality,
+    createPollOptionGap,
+    doFileUploadRequest,
+    editMessage,
+    handleAttachButtonPress,
+    hasCameraPicker,
+    hasCommands: hasCommands ?? !!clientChannelConfig?.commands?.length,
+    hasFilePicker,
+    hasImagePicker,
+    messageInputFloating,
+    messageInputHeightStore,
+    openPollCreationDialog,
+    sendMessage,
+    setInputRef
   });
   var messageListContext = (0, _useCreatePaginatedMessageListContext.useCreatePaginatedMessageListContext)({
-    channelId: channelId,
+    channelId,
     hasMore: channelMessagesState.hasMore,
     loadingMore: loadingMoreProp !== undefined ? loadingMoreProp : channelMessagesState.loadingMore,
     loadingMoreRecent: loadingMoreRecentProp !== undefined ? loadingMoreRecentProp : channelMessagesState.loadingMoreRecent,
-    loadLatestMessages: loadLatestMessages,
-    loadMore: loadMore,
-    loadMoreRecent: loadMoreRecent,
-    messages: (_channelMessagesState = channelMessagesState.messages) != null ? _channelMessagesState : [],
-    viewabilityChangedCallback: viewabilityChangedCallback
+    loadLatestMessages,
+    loadMore,
+    loadMoreRecent,
+    messages: channelMessagesState.messages ?? [],
+    viewabilityChangedCallback
   });
   var messagesContext = (0, _useCreateMessagesContext.useCreateMessagesContext)({
-    additionalPressableProps: additionalPressableProps,
-    channelId: channelId,
-    customMessageSwipeAction: customMessageSwipeAction,
-    deleteMessage: deleteMessage,
-    deleteReaction: deleteReaction,
-    disableTypingIndicator: disableTypingIndicator,
-    dismissKeyboardOnMessageTouch: dismissKeyboardOnMessageTouch,
-    enableMessageGroupingByUser: enableMessageGroupingByUser,
-    enableSwipeToReply: enableSwipeToReply,
-    FlatList: FlatList,
-    forceAlignMessages: forceAlignMessages,
-    getMessageGroupStyle: getMessageGroupStyle,
-    giphyVersion: giphyVersion,
-    handleBan: handleBan,
-    handleCopy: handleCopy,
-    handleDelete: handleDelete,
-    handleDeleteForMe: handleDeleteForMe,
-    handleEdit: handleEdit,
-    handleFlag: handleFlag,
-    handleMarkUnread: handleMarkUnread,
-    handleMute: handleMute,
-    handlePinMessage: handlePinMessage,
-    handleQuotedReply: handleQuotedReply,
-    handleReaction: handleReaction,
-    handleRetry: handleRetry,
-    handleThreadReply: handleThreadReply,
-    handleBlockUser: handleBlockUser,
+    additionalPressableProps,
+    channelId,
+    customMessageSwipeAction,
+    deleteMessage,
+    deleteReaction,
+    disableTypingIndicator,
+    dismissKeyboardOnMessageTouch,
+    enableMessageGroupingByUser,
+    enableSwipeToReply,
+    FlatList,
+    forceAlignMessages,
+    getMessageGroupStyle,
+    giphyVersion,
+    handleBan,
+    handleCopy,
+    handleDelete,
+    handleDeleteForMe,
+    handleEdit,
+    handleFlag,
+    handleMarkUnread,
+    handleMute,
+    handlePinMessage,
+    handleQuotedReply,
+    handleReaction,
+    handleRetry,
+    handleThreadReply,
+    handleBlockUser,
     hasCreatePoll: hasCreatePoll === undefined ? pollCreationEnabled : hasCreatePoll && pollCreationEnabled,
     initialScrollToFirstUnreadMessage: !messageId && initialScrollToFirstUnreadMessage,
-    isAttachmentEqual: isAttachmentEqual,
-    isMessageAIGenerated: isMessageAIGenerated,
-    markdownRules: markdownRules,
-    messageActions: messageActions,
-    messageContentOrder: messageContentOrder,
-    messageOverlayTargetId: messageOverlayTargetId,
-    messageSwipeToReplyHitSlop: messageSwipeToReplyHitSlop,
-    messageTextNumberOfLines: messageTextNumberOfLines,
-    myMessageTheme: myMessageTheme,
-    onLongPressMessage: onLongPressMessage,
-    onPressInMessage: onPressInMessage,
-    onPressMessage: onPressMessage,
-    reactionListPosition: reactionListPosition,
-    reactionListType: reactionListType,
-    removeMessage: removeMessage,
-    retrySendMessage: retrySendMessage,
-    selectReaction: selectReaction,
-    sendReaction: sendReaction,
-    shouldShowUnreadUnderlay: shouldShowUnreadUnderlay,
-    supportedReactions: supportedReactions,
-    targetedMessage: targetedMessage,
-    updateMessage: updateMessage,
-    urlPreviewType: urlPreviewType
+    isAttachmentEqual,
+    isMessageAIGenerated,
+    markdownRules,
+    messageActions,
+    messageContentOrder,
+    messageOverlayTargetId,
+    messageSwipeToReplyHitSlop,
+    messageTextNumberOfLines,
+    myMessageTheme,
+    onLongPressMessage,
+    onPressInMessage,
+    onPressMessage,
+    reactionListPosition,
+    reactionListType,
+    removeMessage,
+    retrySendMessage,
+    selectReaction,
+    sendReaction,
+    shouldShowUnreadUnderlay,
+    supportedReactions,
+    targetedMessage,
+    updateMessage,
+    urlPreviewType
   });
   var threadContext = (0, _useCreateThreadContext.useCreateThreadContext)({
-    allowThreadMessagesInChannel: allowThreadMessagesInChannel,
-    onAlsoSentToChannelHeaderPress: onAlsoSentToChannelHeaderPress,
-    closeThread: closeThread,
-    loadMoreThread: loadMoreThread,
-    openThread: openThread,
-    reloadThread: reloadThread,
-    setThreadLoadingMore: setThreadLoadingMore,
-    thread: thread,
-    threadHasMore: threadHasMore,
-    threadInstance: threadInstance,
-    threadLoadingMore: threadLoadingMore,
-    threadMessages: threadMessages
+    allowThreadMessagesInChannel,
+    onAlsoSentToChannelHeaderPress,
+    closeThread,
+    loadMoreThread,
+    openThread,
+    reloadThread,
+    setThreadLoadingMore,
+    thread,
+    threadHasMore,
+    threadInstance,
+    threadLoadingMore,
+    threadMessages
   });
   var typingContext = (0, _useCreateTypingContext.useCreateTypingContext)({
-    typing: (_channelState$typing = channelState.typing) != null ? _channelState$typing : {}
+    typing: channelState.typing ?? {}
   });
-  var audioPlayerContext = (0, _react.useMemo)(function () {
-    return {
-      allowConcurrentAudioPlayback: allowConcurrentAudioPlayback
-    };
-  }, [allowConcurrentAudioPlayback]);
-  var messageComposerContext = (0, _react.useMemo)(function () {
-    return {
-      channel: channel,
-      thread: thread,
-      threadInstance: threadInstance
-    };
-  }, [channel, thread, threadInstance]);
+  var audioPlayerContext = (0, _react.useMemo)(() => ({
+    allowConcurrentAudioPlayback
+  }), [allowConcurrentAudioPlayback]);
+  var messageComposerContext = (0, _react.useMemo)(() => ({
+    channel,
+    thread,
+    threadInstance
+  }), [channel, thread, threadInstance]);
   if (deleted) {
     return null;
   }
-  if (!channel || error && ((_channelMessagesState2 = channelMessagesState.messages) == null ? void 0 : _channelMessagesState2.length) === 0) {
+  if (!channel || error && channelMessagesState.messages?.length === 0) {
     return (0, _jsxRuntime.jsx)(LoadingErrorIndicator, {
       error: error,
       listType: "message",
       retry: reloadChannel
     });
   }
-  if (!(channel != null && channel.cid) || !channel.watch) {
+  if (!channel?.cid || !channel.watch) {
     return (0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: styles.selectChannel,
       testID: "no-channel",
       children: t('Please select a channel first')
     });
   }
-  return (0, _jsxRuntime.jsx)(KeyboardCompatibleView, Object.assign({
+  return (0, _jsxRuntime.jsx)(KeyboardCompatibleView, {
     behavior: keyboardBehavior,
     enabled: !disableKeyboardCompatibleView,
-    keyboardVerticalOffset: keyboardVerticalOffset
-  }, additionalKeyboardAvoidingViewProps, {
+    keyboardVerticalOffset: keyboardVerticalOffset,
+    ...additionalKeyboardAvoidingViewProps,
     children: (0, _jsxRuntime.jsx)(_ChannelContext.ChannelProvider, {
       value: channelContext,
       children: (0, _jsxRuntime.jsx)(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
@@ -1437,10 +1378,9 @@ var ChannelWithContext = function ChannelWithContext(props) {
         })
       })
     })
-  }));
+  });
 };
-var Channel = exports.Channel = function Channel(props) {
-  var _props$notificationHo, _props$channel;
+var Channel = props => {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client,
     enableOfflineSupport = _useChatContext.enableOfflineSupport,
@@ -1448,50 +1388,52 @@ var Channel = exports.Channel = function Channel(props) {
     isMessageAIGenerated = _useChatContext.isMessageAIGenerated;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
-  var notificationHostId = (_props$notificationHo = props.notificationHostId) != null ? _props$notificationHo : (_props$channel = props.channel) != null && _props$channel.cid ? (0, _notificationTarget.getChannelNotificationHostId)(props.channel.cid) : undefined;
-  var threadFromProps = props == null ? void 0 : props.thread;
-  var threadInstance = threadFromProps == null ? void 0 : threadFromProps.threadInstance;
+  var notificationHostId = props.notificationHostId ?? (props.channel?.cid ? (0, _notificationTarget.getChannelNotificationHostId)(props.channel.cid) : undefined);
+  var threadFromProps = props?.thread;
+  var threadInstance = threadFromProps?.threadInstance;
   var threadMessage = threadInstance ? threadFromProps.thread : threadFromProps;
   var thread = {
     thread: threadMessage,
-    threadInstance: threadInstance
+    threadInstance
   };
-  var shouldSyncChannel = threadMessage != null && threadMessage.id ? !!props.threadList : true;
-  var _useChannelState = (0, _useChannelState2.useChannelState)(props.channel, props.threadList ? threadMessage == null ? void 0 : threadMessage.id : undefined),
+  var shouldSyncChannel = threadMessage?.id ? !!props.threadList : true;
+  var _useChannelState = (0, _useChannelState2.useChannelState)(props.channel, props.threadList ? threadMessage?.id : undefined),
     setThreadMessages = _useChannelState.setThreadMessages,
     threadMessages = _useChannelState.threadMessages;
-  var channelWithContext = (0, _jsxRuntime.jsx)(ChannelWithContext, Object.assign({
-    client: client,
-    enableOfflineSupport: enableOfflineSupport,
-    t: t
-  }, props, {
+  var channelWithContext = (0, _jsxRuntime.jsx)(ChannelWithContext, {
+    client,
+    enableOfflineSupport,
+    t,
+    ...props,
     shouldSyncChannel: shouldSyncChannel,
-    isMessageAIGenerated: isMessageAIGenerated,
-    isOnline: isOnline,
-    setThreadMessages: setThreadMessages,
-    thread: thread,
-    threadMessages: threadMessages
-  }));
+    isMessageAIGenerated,
+    isOnline,
+    setThreadMessages,
+    thread,
+    threadMessages
+  });
   return notificationHostId ? (0, _jsxRuntime.jsx)(_NotificationTargetContext.NotificationTargetProvider, {
     hostId: notificationHostId,
     panel: "channel",
     children: channelWithContext
   }) : channelWithContext;
 };
-var useStyles = function useStyles() {
+exports.Channel = Channel;
+var useStyles = () => {
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
     selectChannel = _useTheme$theme.channel.selectChannel,
     semantics = _useTheme$theme.semantics;
-  return (0, _react.useMemo)(function () {
+  return (0, _react.useMemo)(() => {
     return _reactNative.StyleSheet.create({
-      selectChannel: Object.assign({
+      selectChannel: {
         fontWeight: _theme.primitives.typographyFontWeightSemiBold,
         fontSize: _theme.primitives.typographyFontSizeMd,
         lineHeight: _theme.primitives.typographyLineHeightNormal,
         padding: _theme.primitives.spacingMd,
-        color: semantics.textPrimary
-      }, selectChannel)
+        color: semantics.textPrimary,
+        ...selectChannel
+      }
     });
   }, [selectChannel, semantics]);
 };