stream-chat-react-native-core 9.8.0 → 9.8.1-beta.2

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

@@ -127,6 +127,7 @@ var debounceOptions = {
   trailing: true
 };
 var ChannelWithContext = props => {
+  var _channel$getConfig, _channel$data, _channelState$members, _channelState$read, _clientChannelConfig$, _channelMessagesState, _channelState$typing, _channelMessagesState2;
   var _props$disableAttachm = props.disableAttachmentPicker,
     disableAttachmentPicker = _props$disableAttachm === void 0 ? !(0, _native.isImageMediaLibraryAvailable)() : _props$disableAttachm,
     additionalKeyboardAvoidingViewProps = props.additionalKeyboardAvoidingViewProps,
@@ -320,8 +321,8 @@ var ChannelWithContext = props => {
     targetedMessage = _useTargetedMessage.targetedMessage;
   var uploadAbortControllerRef = (0, _react.useRef)(new Map());
   var optimisticallyUpdatedNewMessages = (0, _react.useMemo)(() => new Set(), []);
-  var channelId = channel?.id || '';
-  var pollCreationEnabled = !channel.disconnected && !!channel?.id && channel?.getConfig()?.polls;
+  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 _useChannelDataState = (0, _useChannelDataState2.useChannelDataState)(channel),
     copyStateFromChannel = _useChannelDataState.copyStateFromChannel,
     initStateFromChannel = _useChannelDataState.initStateFromChannel,
@@ -343,7 +344,7 @@ var ChannelWithContext = props => {
     if (messageId || !initialScrollToFirstUnreadMessage || !client.user) {
       return false;
     }
-    return (unreadCount ?? channel.countUnread()) > scrollToFirstUnreadThreshold;
+    return (unreadCount != null ? unreadCount : channel.countUnread()) > scrollToFirstUnreadThreshold;
   });
   var hasPendingInitialTargetLoad = (0, _hooks.useStableCallback)(() => {
     return !!messageId || shouldLoadInitialChannelAtFirstUnreadMessage();
@@ -376,21 +377,24 @@ var ChannelWithContext = props => {
         return;
       }
       if (event.type === 'typing.start' || event.type === 'typing.stop') {
-        if (event.user?.id !== client.userID) {
+        var _event$user;
+        if (((_event$user = event.user) == null ? void 0 : _event$user.id) !== client.userID) {
           setTyping(channel);
         }
         return;
       } else {
-        if (thread?.id) {
+        if (thread != null && thread.id) {
+          var _event$message;
           var updatedThreadMessages = thread.id && channel && channel.state.threads[thread.id] || threadMessages;
           setThreadMessages(updatedThreadMessages);
-          if (channel && event.message?.id === thread.id && !threadInstance) {
+          if (channel && ((_event$message = event.message) == null ? void 0 : _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;
         }
@@ -398,7 +402,7 @@ var 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_messages ?? 0
+          unread_messages: (_event$unread_message = event.unread_messages) != null ? _event$unread_message : 0
         });
       }
       if (event.type === 'channel.truncated' && event.cid === channel.cid) {
@@ -406,8 +410,9 @@ var ChannelWithContext = props => {
       }
       if (channel) {
         if (event.type === 'message.new' || event.type === 'notification.message_new') {
-          var _messageId = event.message?.id ?? '';
-          if (event.user?.id !== client.userID || !optimisticallyUpdatedNewMessages.has(_messageId)) {
+          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)) {
             copyMessagesStateFromChannelThrottled();
           }
           optimisticallyUpdatedNewMessages.delete(_messageId);
@@ -428,6 +433,7 @@ var ChannelWithContext = props => {
     var listener;
     var initChannel = function () {
       var _ref = (0, _asyncToGenerator2.default)(function* () {
+        var _client$user;
         lastReadRef.current = new Date();
         var unreadCount = channel.countUnread();
         var shouldLoadAtFirstUnread = shouldLoadInitialChannelAtFirstUnreadMessage(unreadCount);
@@ -437,7 +443,7 @@ var ChannelWithContext = props => {
         var errored = false;
         if ((!channel.initialized || !channel.state.isUpToDate) && initializeOnMount) {
           try {
-            yield channel?.watch();
+            yield channel == null ? void 0 : channel.watch();
           } catch (err) {
             console.warn('Channel watch request failed with error:', err);
             setError(true);
@@ -449,7 +455,7 @@ var ChannelWithContext = props => {
           initStateFromChannel(channel);
           loadInitialMessagesStateFromChannel(channel, channel.state.messagePagination.hasPrev);
         }
-        if (client.user?.id && channel.state.read[client.user.id]) {
+        if ((_client$user = client.user) != null && _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);
@@ -461,7 +467,8 @@ var ChannelWithContext = props => {
             setTargetedMessage
           });
         } else if (shouldLoadAtFirstUnread) {
-          var clientUserId = client.user?.id;
+          var _client$user2;
+          var clientUserId = (_client$user2 = client.user) == null ? void 0 : _client$user2.id;
           if (!clientUserId) {
             return;
           }
@@ -487,50 +494,53 @@ var ChannelWithContext = props => {
     }();
     initChannel();
     return () => {
+      var _listener;
       copyChannelState.cancel();
       loadMoreThreadFinished.cancel();
-      listener?.unsubscribe();
+      (_listener = listener) == null || _listener.unsubscribe();
     };
   }, [channel.cid, messageId, shouldSyncChannel]);
   (0, _react.useEffect)(() => {
     var _client$on = client.on('channel.deleted', event => {
-        if (event.cid === channel?.cid) {
+        if (event.cid === (channel == null ? void 0 : channel.cid)) {
           setDeleted(true);
         }
       }),
       unsubscribe = _client$on.unsubscribe;
     return unsubscribe;
-  }, [channel?.cid, client]);
+  }, [channel == null ? void 0 : channel.cid, client]);
   var threadPropsExists = !!threadProps;
   (0, _react.useEffect)(() => {
     if (threadProps && shouldSyncChannel) {
       setThread(threadProps);
-      if (channel && threadProps?.id) {
-        setThreadMessages(channel.state.threads?.[threadProps.id] || []);
+      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]) || []);
       }
     } else {
       setThread(null);
     }
   }, [threadPropsExists, shouldSyncChannel]);
   var handleAppBackground = (0, _react.useCallback)(() => {
+    var _channelData$own_capa;
     var channelData = channel.data;
-    if (channelData?.own_capabilities?.includes('send-typing-events')) {
+    if (channelData != null && (_channelData$own_capa = channelData.own_capabilities) != null && _channelData$own_capa.includes('send-typing-events')) {
       channel.sendEvent({
-        parent_id: thread?.id,
+        parent_id: thread == null ? void 0 : thread.id,
         type: 'typing.stop'
       });
     }
-  }, [thread?.id, channelId]);
+  }, [thread == null ? void 0 : thread.id, channelId]);
   (0, _useAppStateListener.useAppStateListener)(undefined, handleAppBackground);
   var markReadInternal = (0, _throttle.default)(function () {
     var _ref2 = (0, _asyncToGenerator2.default)(function* (options) {
-      var _ref3 = options ?? {},
+      var _ref3 = options != null ? options : {},
         _ref3$updateChannelUn = _ref3.updateChannelUnreadState,
         updateChannelUnreadState = _ref3$updateChannelUn === void 0 ? true : _ref3$updateChannelUn;
-      if (!channel || channel?.disconnected) {
+      if (!channel || channel != null && channel.disconnected) {
         return;
       }
-      if (!clientChannelConfig?.read_events) {
+      if (!(clientChannelConfig != null && clientChannelConfig.read_events)) {
         if (client.options.isLocalUnreadCountEnabled) {
           var event = channel.markReadLocally();
           if (updateChannelUnreadState && event && lastReadRef.current) {
@@ -552,7 +562,7 @@ var ChannelWithContext = props => {
           if (updateChannelUnreadState && response && lastReadRef.current) {
             setChannelUnreadState({
               last_read: lastReadRef.current,
-              last_read_message_id: response?.event.last_read_message_id,
+              last_read_message_id: response == null ? void 0 : response.event.last_read_message_id,
               unread_messages: 0
             });
             lastReadRef.current = new Date();
@@ -568,7 +578,7 @@ var ChannelWithContext = props => {
   }(), defaultThrottleInterval, throttleOptions);
   var markRead = (0, _hooks.useStableCallback)(markReadInternal);
   var reloadThread = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
-    if (!channel || !thread?.id) {
+    if (!channel || !(thread != null && thread.id)) {
       return;
     }
     setThreadLoadingMore(true);
@@ -606,16 +616,19 @@ var ChannelWithContext = props => {
     }
     syncingChannelRef.current = true;
     setError(false);
-    var parseMessage = message => ({
-      ...message,
-      created_at: message.created_at.toString(),
-      pinned_at: message.pinned_at?.toString(),
-      updated_at: message.updated_at?.toString()
-    });
+    var parseMessage = message => {
+      var _message$pinned_at, _message$updated_at;
+      return {
+        ...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 = (messages = []) => messages.filter(message => message.status === _utils.MessageStatusTypes.FAILED && !channel.state.findMessage(message.id, message.parent_id)).map(parseMessage);
     try {
-      if (channelMessagesState?.messages) {
-        yield channel?.watch({
+      if (channelMessagesState != null && channelMessagesState.messages) {
+        yield channel == null ? void 0 : channel.watch({
           messages: {
             limit: channelMessagesState.messages.length
           }
@@ -625,7 +638,7 @@ var ChannelWithContext = props => {
       if (!thread) {
         copyChannelState();
         var failedMessages = getRecoverableFailedMessages(channelMessagesState.messages);
-        if (failedMessages?.length) {
+        if (failedMessages != null && failedMessages.length) {
           channel.state.addMessagesSorted(failedMessages);
         }
         yield markRead();
@@ -675,7 +688,7 @@ var ChannelWithContext = props => {
   }, [enableOfflineSupport, client, shouldSyncChannel]);
   var getChannelConfigSafely = () => {
     try {
-      return channel?.getConfig();
+      return channel == null ? void 0 : channel.getConfig();
     } catch (_) {
       return null;
     }
@@ -755,19 +768,21 @@ var ChannelWithContext = props => {
   });
   var uploadPendingAttachments = (0, _hooks.useStableCallback)(function () {
     var _ref8 = (0, _asyncToGenerator2.default)(function* (message) {
+      var _updatedMessage$attac;
       var updatedMessage = {
         ...message
       };
-      if (!updatedMessage.attachments?.length || !channel?.cid) {
+      if (!((_updatedMessage$attac = updatedMessage.attachments) != null && _updatedMessage$attac.length) || !(channel != null && channel.cid)) {
         return updatedMessage;
       }
       var uploadOne = function () {
         var _ref9 = (0, _asyncToGenerator2.default)(function* (attachment) {
+          var _client$offlineDb;
           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?.uri) {
+          if (!(originalFile != null && originalFile.uri)) {
             return;
           }
           var localId = attachment.localId;
@@ -777,7 +792,8 @@ var ChannelWithContext = props => {
           }
           var fileForUpload = originalFile;
           if (attachment.type === _types.FileTypes.Image && !doFileUploadRequest) {
-            var filename = originalFile.name ?? (0, _utils.getFileNameFromPath)(originalFile.uri);
+            var _originalFile$name;
+            var filename = (_originalFile$name = originalFile.name) != null ? _originalFile$name : (0, _utils.getFileNameFromPath)(originalFile.uri);
             var compressedUri = yield (0, _compressImage.compressedImageURI)(originalFile, compressImageQuality);
             fileForUpload = {
               ...originalFile,
@@ -800,7 +816,7 @@ var ChannelWithContext = props => {
           }
           delete attachment.originalFile;
           delete attachment.localId;
-          client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+          (_client$offlineDb = client.offlineDb) == null || _client$offlineDb.executeQuerySafely(db => db.updateMessage({
             message: {
               ...updatedMessage,
               cid: channel.cid
@@ -830,17 +846,18 @@ var ChannelWithContext = props => {
       var failedMessageUpdated = false;
       var handleFailedMessage = () => {
         if (!failedMessageUpdated) {
+          var _client$offlineDb2;
           var updatedMessage = {
             ...localMessage,
             cid: channel.cid,
             status: _utils.MessageStatusTypes.FAILED
           };
           updateMessage(updatedMessage);
-          threadInstance?.upsertReplyLocally?.({
+          threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
             message: updatedMessage
           });
           optimisticallyUpdatedNewMessages.delete(localMessage.id);
-          client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+          (_client$offlineDb2 = client.offlineDb) == null || _client$offlineDb2.executeQuerySafely(db => db.updateMessage({
             message: updatedMessage
           }), {
             method: 'updateMessage'
@@ -849,6 +866,7 @@ var ChannelWithContext = props => {
         }
       };
       try {
+        var _messageResponse;
         if (!isOnline) {
           yield handleFailedMessage();
         }
@@ -862,21 +880,22 @@ var ChannelWithContext = props => {
         var messageData = {
           ...message,
           attachments,
-          text: (0, _patchMessageTextCommand.patchMessageTextCommand)(text ?? '', mentioned_users ?? []),
+          text: (0, _patchMessageTextCommand.patchMessageTextCommand)(text != null ? text : '', mentioned_users != null ? mentioned_users : []),
           type: message.type === 'error' ? 'regular' : message.type
         };
         var messageResponse = {};
         if (doSendMessageRequest) {
-          messageResponse = yield doSendMessageRequest(channel?.cid || '', messageData, options);
+          messageResponse = yield doSendMessageRequest((channel == null ? void 0 : channel.cid) || '', messageData, options);
         } else if (channel) {
           messageResponse = yield channel.sendMessage(messageData, options);
         }
-        if (messageResponse?.message) {
+        if ((_messageResponse = messageResponse) != null && _messageResponse.message) {
+          var _client$offlineDb3;
           var newMessageResponse = {
             ...messageResponse.message,
             status: _utils.MessageStatusTypes.RECEIVED
           };
-          client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+          (_client$offlineDb3 = client.offlineDb) == null || _client$offlineDb3.executeQuerySafely(db => db.updateMessage({
             message: {
               ...newMessageResponse,
               cid: channel.cid
@@ -905,15 +924,16 @@ var ChannelWithContext = props => {
       message,
       options
     }) {
-      if (channel?.state?.filterErrorMessages) {
+      var _channel$state, _client$offlineDb4;
+      if (channel != null && (_channel$state = channel.state) != null && _channel$state.filterErrorMessages) {
         channel.state.filterErrorMessages();
       }
       updateMessage(localMessage);
-      threadInstance?.upsertReplyLocally?.({
+      threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
         message: localMessage
       });
       optimisticallyUpdatedNewMessages.add(localMessage.id);
-      client.offlineDb?.executeQuerySafely(db => db.upsertMessages({
+      (_client$offlineDb4 = client.offlineDb) == null || _client$offlineDb4.executeQuerySafely(db => db.upsertMessages({
         messages: [{
           ...localMessage,
           cid: channel.cid,
@@ -964,12 +984,13 @@ var ChannelWithContext = props => {
       localMessage,
       options
     }) {
+      var _client$offlineDb5;
       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?.status === _utils.MessageStatusTypes.FAILED || localMessage.status === _utils.MessageStatusTypes.FAILED;
+      var isFailedMessage = (currentMessage == null ? void 0 : currentMessage.status) === _utils.MessageStatusTypes.FAILED || localMessage.status === _utils.MessageStatusTypes.FAILED;
       var optimisticEditedAt = new Date();
       var optimisticEditedAtString = optimisticEditedAt.toISOString();
       var optimisticMessage = {
@@ -980,8 +1001,8 @@ var ChannelWithContext = props => {
         updated_at: optimisticEditedAt
       };
       updateMessage(optimisticMessage);
-      threadInstance?.updateParentMessageOrReplyLocally(optimisticMessage);
-      client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+      threadInstance == null || threadInstance.updateParentMessageOrReplyLocally(optimisticMessage);
+      (_client$offlineDb5 = client.offlineDb) == null || _client$offlineDb5.executeQuerySafely(db => db.updateMessage({
         message: {
           ...optimisticMessage,
           cid
@@ -990,10 +1011,11 @@ var ChannelWithContext = props => {
         method: 'updateMessage'
       });
       var response = doUpdateMessageRequest ? yield doUpdateMessageRequest(cid, localMessage, options) : yield client.updateMessage(localMessage, undefined, options);
-      if (response?.message) {
+      if (response != null && response.message) {
+        var _client$offlineDb6;
         updateMessage(response.message);
-        threadInstance?.updateParentMessageOrReplyLocally(response.message);
-        client.offlineDb?.executeQuerySafely(db => db.updateMessage({
+        threadInstance == null || threadInstance.updateParentMessageOrReplyLocally(response.message);
+        (_client$offlineDb6 = client.offlineDb) == null || _client$offlineDb6.executeQuerySafely(db => db.updateMessage({
           message: {
             ...response.message,
             cid
@@ -1029,7 +1051,7 @@ var ChannelWithContext = props => {
   }());
   var sendReaction = (0, _hooks.useStableCallback)(function () {
     var _ref13 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
-      if (!channel?.id || !client.user) {
+      if (!(channel != null && channel.id) || !client.user) {
         throw new Error('Channel has not been initialized');
       }
       var payload = [messageId, {
@@ -1048,8 +1070,8 @@ var ChannelWithContext = props => {
         copyMessagesStateFromChannel(channel);
       }
       var sendReactionResponse = yield channel.sendReaction(...payload);
-      if (sendReactionResponse?.message) {
-        threadInstance?.upsertReplyLocally?.({
+      if (sendReactionResponse != null && sendReactionResponse.message) {
+        threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
           message: sendReactionResponse.message
         });
       }
@@ -1065,11 +1087,11 @@ var ChannelWithContext = props => {
         options = optionsOrHardDelete ? {
           hardDelete: true
         } : {};
-      } else if (optionsOrHardDelete?.deleteForMe) {
+      } else if (optionsOrHardDelete != null && optionsOrHardDelete.deleteForMe) {
         options = {
           deleteForMe: true
         };
-      } else if (optionsOrHardDelete?.hardDelete) {
+      } else if (optionsOrHardDelete != null && optionsOrHardDelete.hardDelete) {
         options = {
           hardDelete: true
         };
@@ -1088,11 +1110,11 @@ var ChannelWithContext = props => {
         type: 'deleted'
       };
       updateMessage(updatedMessage);
-      threadInstance?.upsertReplyLocally({
+      threadInstance == null || threadInstance.upsertReplyLocally({
         message: updatedMessage
       });
       var data = yield client.deleteMessage(message.id, options);
-      if (data?.message) {
+      if (data != null && data.message) {
         updateMessage({
           ...data.message
         });
@@ -1104,7 +1126,7 @@ var ChannelWithContext = props => {
   }());
   var deleteReaction = (0, _hooks.useStableCallback)(function () {
     var _ref15 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
-      if (!channel?.id || !client.user) {
+      if (!(channel != null && channel.id) || !client.user) {
         throw new Error('Channel has not been initialized');
       }
       var payload = [messageId, type];
@@ -1141,15 +1163,16 @@ var ChannelWithContext = props => {
     setThreadMessages(updatedThreadMessages);
   }, defaultDebounceInterval, debounceOptions)).current;
   var loadMoreThread = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
-    if (threadLoadingMore || !thread?.id) {
+    if (threadLoadingMore || !(thread != null && thread.id)) {
       return;
     }
     setThreadLoadingMore(true);
     try {
       if (channel) {
+        var _threadMessages$;
         var parentID = thread.id;
         channel.state.threads[parentID] = threadMessages;
-        var oldestMessageID = threadMessages?.[0]?.id;
+        var oldestMessageID = threadMessages == null || (_threadMessages$ = threadMessages[0]) == null ? void 0 : _threadMessages$.id;
         var limit = 50;
         var queryResponse = yield channel.getReplies(parentID, {
           id_lt: oldestMessageID,
@@ -1191,7 +1214,7 @@ var ChannelWithContext = props => {
   var channelContext = (0, _useCreateChannelContext.useCreateChannelContext)({
     channel,
     channelUnreadStateStore,
-    disabled: !!channel?.data?.frozen,
+    disabled: !!(channel != null && (_channel$data = channel.data) != null && _channel$data.frozen),
     enableMessageGroupingByUser,
     enforceUniqueReaction,
     error,
@@ -1205,8 +1228,8 @@ var ChannelWithContext = props => {
     markRead,
     maximumMessageLimit,
     maxTimeBetweenGroupedMessages,
-    members: channelState.members ?? {},
-    read: channelState.read ?? {},
+    members: (_channelState$members = channelState.members) != null ? _channelState$members : {},
+    read: (_channelState$read = channelState.read) != null ? _channelState$read : {},
     reloadChannel,
     scrollToFirstUnreadThreshold,
     setChannelUnreadState,
@@ -1236,7 +1259,7 @@ var ChannelWithContext = props => {
     focusInputOnPickerClose,
     handleAttachButtonPress,
     hasCameraPicker,
-    hasCommands: hasCommands ?? !!clientChannelConfig?.commands?.length,
+    hasCommands: hasCommands != null ? hasCommands : !!(clientChannelConfig != null && (_clientChannelConfig$ = clientChannelConfig.commands) != null && _clientChannelConfig$.length),
     hasFilePicker,
     hasImagePicker,
     messageInputFloating,
@@ -1253,7 +1276,7 @@ var ChannelWithContext = props => {
     loadLatestMessages,
     loadMore,
     loadMoreRecent,
-    messages: channelMessagesState.messages ?? [],
+    messages: (_channelMessagesState = channelMessagesState.messages) != null ? _channelMessagesState : [],
     viewabilityChangedCallback
   });
   var messagesContext = (0, _useCreateMessagesContext.useCreateMessagesContext)({
@@ -1325,7 +1348,7 @@ var ChannelWithContext = props => {
     threadMessages
   });
   var typingContext = (0, _useCreateTypingContext.useCreateTypingContext)({
-    typing: channelState.typing ?? {}
+    typing: (_channelState$typing = channelState.typing) != null ? _channelState$typing : {}
   });
   var audioPlayerContext = (0, _react.useMemo)(() => ({
     allowConcurrentAudioPlayback
@@ -1338,14 +1361,14 @@ var ChannelWithContext = props => {
   if (deleted) {
     return null;
   }
-  if (!channel || error && channelMessagesState.messages?.length === 0) {
+  if (!channel || error && ((_channelMessagesState2 = channelMessagesState.messages) == null ? void 0 : _channelMessagesState2.length) === 0) {
     return (0, _jsxRuntime.jsx)(LoadingErrorIndicator, {
       error: error,
       listType: "message",
       retry: reloadChannel
     });
   }
-  if (!channel?.cid || !channel.watch) {
+  if (!(channel != null && channel.cid) || !channel.watch) {
     return (0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: styles.selectChannel,
       testID: "no-channel",
@@ -1396,6 +1419,7 @@ var ChannelWithContext = props => {
   });
 };
 var Channel = props => {
+  var _props$notificationHo, _props$channel;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client,
     enableOfflineSupport = _useChatContext.enableOfflineSupport,
@@ -1403,16 +1427,16 @@ var Channel = props => {
     isMessageAIGenerated = _useChatContext.isMessageAIGenerated;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
-  var notificationHostId = props.notificationHostId ?? (props.channel?.cid ? (0, _notificationTarget.getChannelNotificationHostId)(props.channel.cid) : undefined);
-  var threadFromProps = props?.thread;
-  var threadInstance = threadFromProps?.threadInstance;
+  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 threadMessage = threadInstance ? threadFromProps.thread : threadFromProps;
   var thread = {
     thread: threadMessage,
     threadInstance
   };
-  var shouldSyncChannel = threadMessage?.id ? !!props.threadList : true;
-  var _useChannelState = (0, _useChannelState2.useChannelState)(props.channel, props.threadList ? threadMessage?.id : undefined),
+  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),
     setThreadMessages = _useChannelState.setThreadMessages,
     threadMessages = _useChannelState.threadMessages;
   var channelWithContext = (0, _jsxRuntime.jsx)(ChannelWithContext, {