stream-chat-react-native-core 6.6.4 → 6.6.5

package/src/components/AutoCompleteInput/AutoCompleteSuggestionList.tsx

@@ -121,7 +121,9 @@ export const AutoCompleteSuggestionListWithContext = <
     }
   };
 
-  if (!active || data.length === 0) return null;
+  if (!active || data.length === 0) {
+    return null;
+  }
 
   return (
     <View style={[styles.container, { backgroundColor: white, height: flatlistHeight }]}>
@@ -161,16 +163,24 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const activeEqual = prevActive === nextActive;
-  if (!activeEqual) return false;
+  if (!activeEqual) {
+    return false;
+  }
 
   const queryTextEqual = prevQueryText === nextQueryText;
-  if (!queryTextEqual) return false;
+  if (!queryTextEqual) {
+    return false;
+  }
 
   const dataEqual = prevData === nextData;
-  if (!dataEqual) return false;
+  if (!dataEqual) {
+    return false;
+  }
 
   const typeEqual = prevType === nextType;
-  if (!typeEqual) return false;
+  if (!typeEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Avatar/GroupAvatar.tsx

@@ -62,51 +62,54 @@ export const GroupAvatar = (props: GroupAvatarProps) => {
    * ]
    */
   const imagesOrNames = images || names || [];
-  const avatarImages = imagesOrNames.slice(0, 4).reduce((returnArray, currentImage, index) => {
-    const url = currentImage.startsWith('http')
-      ? currentImage
-      : `${randomImageBaseUrl}${
-          names
-            ? `?name=${getInitials(names[index])}&size=${
-                imagesOrNames.length <= 2 ? size : size / 2
-              }`
-            : ''
-        }`;
-    if (imagesOrNames.length <= 2) {
-      returnArray[0] = [
-        ...(returnArray[0] || []),
-        {
-          height: imagesOrNames.length === 1 ? size : size / 2,
-          name: names ? names[index] : '',
-          url,
-          width: size,
-        },
-      ];
-    } else {
-      if (index < 2) {
+  const avatarImages = imagesOrNames.slice(0, 4).reduce(
+    (returnArray, currentImage, index) => {
+      const url = currentImage.startsWith('http')
+        ? currentImage
+        : `${randomImageBaseUrl}${
+            names
+              ? `?name=${getInitials(names[index])}&size=${
+                  imagesOrNames.length <= 2 ? size : size / 2
+                }`
+              : ''
+          }`;
+      if (imagesOrNames.length <= 2) {
         returnArray[0] = [
           ...(returnArray[0] || []),
           {
-            height: size / 2,
+            height: imagesOrNames.length === 1 ? size : size / 2,
             name: names ? names[index] : '',
             url,
-            width: size / 2,
+            width: size,
           },
         ];
       } else {
-        returnArray[1] = [
-          ...(returnArray[1] || []),
-          {
-            height: size / 2,
-            name: names ? names[index] : '',
-            url,
-            width: imagesOrNames.length === 3 ? size : size / 2,
-          },
-        ];
+        if (index < 2) {
+          returnArray[0] = [
+            ...(returnArray[0] || []),
+            {
+              height: size / 2,
+              name: names ? names[index] : '',
+              url,
+              width: size / 2,
+            },
+          ];
+        } else {
+          returnArray[1] = [
+            ...(returnArray[1] || []),
+            {
+              height: size / 2,
+              name: names ? names[index] : '',
+              url,
+              width: imagesOrNames.length === 3 ? size : size / 2,
+            },
+          ];
+        }
       }
-    }
-    return returnArray;
-  }, [] as { height: number; name: string; url: string; width: number }[][]);
+      return returnArray;
+    },
+    [] as { height: number; name: string; url: string; width: number }[][],
+  );
 
   return (
     <View

package/src/components/Channel/Channel.tsx

@@ -775,8 +775,9 @@ const ChannelWithContext = <
         event.type.startsWith('poll.') ||
         event.type === 'user.watching.start' ||
         event.type === 'user.watching.stop'
-      )
+      ) {
         return;
+      }
 
       // If the event is typing.start or typing.stop, set the typing state
       const isTypingEvent = event.type === 'typing.start' || event.type === 'typing.stop';
@@ -797,7 +798,9 @@ const ChannelWithContext = <
 
       if (event.type === 'notification.mark_unread') {
         setChannelUnreadState((prev) => {
-          if (!(event.last_read_at && event.user)) return prev;
+          if (!(event.last_read_at && event.user)) {
+            return prev;
+          }
           return {
             first_unread_message_id: event.first_unread_message_id,
             last_read: new Date(event.last_read_at),
@@ -823,7 +826,9 @@ const ChannelWithContext = <
     const initChannel = async () => {
       setLastRead(new Date());
       const unreadCount = channel.countUnread();
-      if (!channel || !shouldSyncChannel || channel.offlineMode) return;
+      if (!channel || !shouldSyncChannel || channel.offlineMode) {
+        return;
+      }
       let errored = false;
 
       if (!channel.initialized || !channel.state.isUpToDate) {
@@ -897,7 +902,9 @@ const ChannelWithContext = <
    */
   useEffect(() => {
     const handleEvent: EventHandler<StreamChatGenerics> = (event) => {
-      if (channel.cid === event.cid) setRead(channel);
+      if (channel.cid === event.cid) {
+        setRead(channel);
+      }
     };
 
     const { unsubscribe } = client.on('notification.mark_read', handleEvent);
@@ -965,7 +972,9 @@ const ChannelWithContext = <
   );
 
   const reloadThread = async () => {
-    if (!channel || !thread?.id) return;
+    if (!channel || !thread?.id) {
+      return;
+    }
     setThreadLoadingMore(true);
     try {
       const parentID = thread.id;
@@ -998,7 +1007,9 @@ const ChannelWithContext = <
   };
 
   const resyncChannel = async () => {
-    if (!channel || syncingChannelRef.current) return;
+    if (!channel || syncingChannelRef.current) {
+      return;
+    }
     syncingChannelRef.current = true;
     setError(false);
 
@@ -1016,7 +1027,7 @@ const ChannelWithContext = <
         created_at: message.created_at.toString(),
         pinned_at: message.pinned_at?.toString(),
         updated_at: message.updated_at?.toString(),
-      } as unknown as MessageResponse<StreamChatGenerics>);
+      }) as unknown as MessageResponse<StreamChatGenerics>;
 
     try {
       if (!thread) {
@@ -1112,7 +1123,9 @@ const ChannelWithContext = <
 
   const loadChannelAroundMessage: ChannelContextValue<StreamChatGenerics>['loadChannelAroundMessage'] =
     async ({ messageId: messageIdToLoadAround }): Promise<void> => {
-      if (!messageIdToLoadAround) return;
+      if (!messageIdToLoadAround) {
+        return;
+      }
       try {
         if (thread) {
           setThreadLoadingMore(true);
@@ -1149,7 +1162,9 @@ const ChannelWithContext = <
     updatedMessage,
     extraState = {},
   ) => {
-    if (!channel) return;
+    if (!channel) {
+      return;
+    }
 
     channel.state.addMessageSorted(updatedMessage, true);
     copyMessagesStateFromChannel(channel);
@@ -1330,7 +1345,9 @@ const ChannelWithContext = <
         'user',
       ]);
       const { attachments, id, mentioned_users, parent_id, text } = updatedMessage;
-      if (!channel.id) return;
+      if (!channel.id) {
+        return;
+      }
 
       const mentionedUserIds = mentioned_users?.map((user) => user.id) || [];
 
@@ -1952,7 +1969,9 @@ const ChannelWithContext = <
   });
 
   // TODO: replace the null view with appropriate message. Currently this is waiting a design decision.
-  if (deleted) return null;
+  if (deleted) {
+    return null;
+  }
 
   if (!channel || (error && channelMessagesState.messages?.length === 0)) {
     return <LoadingErrorIndicator error={error} listType='message' retry={reloadChannel} />;

package/src/components/Channel/__tests__/Channel.test.js

@@ -238,7 +238,7 @@ describe('Channel', () => {
             fn={(ctx) => {
               context = ctx;
             }}
-          ></ContextConsumer>
+          />
         </ChannelProvider>,
       );
 
@@ -280,7 +280,7 @@ describe('Channel', () => {
             fn={(ctx) => {
               context = ctx;
             }}
-          ></ContextConsumer>
+          />
         </MessagesProvider>,
       );
 
@@ -322,7 +322,7 @@ describe('Channel', () => {
             fn={(ctx) => {
               context = ctx;
             }}
-          ></ContextConsumer>
+          />
         </ThreadProvider>,
       );
 
@@ -506,7 +506,7 @@ describe('Channel initial load useEffect', () => {
         ...channelInitialState,
         read: read_data,
       };
-      channel.countUnread = jest.fn(() => 0);
+      jest.spyOn(channel, 'countUnread').mockImplementation(() => 0);
 
       const loadChannelAtFirstUnreadMessageFn = jest.fn();
 
@@ -542,7 +542,7 @@ describe('Channel initial load useEffect', () => {
         read: read_data,
       };
 
-      channel.countUnread = jest.fn(() => numberOfUnreadMessages);
+      jest.spyOn(channel, 'countUnread').mockImplementation(() => numberOfUnreadMessages);
       const loadChannelAtFirstUnreadMessageFn = jest.fn();
 
       mockedHook({ loadChannelAtFirstUnreadMessage: loadChannelAtFirstUnreadMessageFn });
@@ -577,7 +577,7 @@ describe('Channel initial load useEffect', () => {
         read: read_data,
       };
 
-      channel.countUnread = jest.fn(() => numberOfUnreadMessages);
+      jest.spyOn(channel, 'countUnread').mockImplementation(() => numberOfUnreadMessages);
       const loadChannelAtFirstUnreadMessageFn = jest.fn();
 
       mockedHook({ loadChannelAtFirstUnreadMessage: loadChannelAtFirstUnreadMessageFn });

package/src/components/Channel/__tests__/isAttachmentEqualHandler.test.js

@@ -51,7 +51,9 @@ describe('isAttachmentEqualHandler', () => {
   const getMessageWithCustomFields = () => {
     const isAttachmentEqualHandler = (prevProps, nextProps) => {
       const propsEqual = prevProps.customField === nextProps.customField;
-      if (!propsEqual) return false;
+      if (!propsEqual) {
+        return false;
+      }
       return true;
     };
 

package/src/components/Channel/__tests__/ownCapabilities.test.js

@@ -120,7 +120,7 @@ describe('Own capabilities', () => {
       expect(!!queryByLabelText('banUser action list item')).toBeFalsy();
     });
 
-    it(`should override capability from "overrideOwnCapability.banChannelMembers" prop`, async () => {
+    it('should override capability from "overrideOwnCapability.banChannelMembers" prop', async () => {
       await generateChannelWithCapabilities([allOwnCapabilities.banChannelMembers]);
 
       const { queryByLabelText } = await renderChannelAndOpenMessageActionsList(receivedMessage, {

package/src/components/Channel/__tests__/useMessageListPagination.test.js

@@ -535,7 +535,7 @@ describe('useMessageListPagination', () => {
 
     const messages = Array.from({ length: 20 }, (_, i) =>
       generateMessage({
-        created_at: new Date(`2021-09-01T00:00:00.000Z`),
+        created_at: new Date('2021-09-01T00:00:00.000Z'),
         id: i,
         text: `message-${i}`,
       }),

package/src/components/Channel/hooks/useCreateThreadContext.ts

@@ -9,7 +9,7 @@ const selector = (nextValue: ThreadState) =>
     isLoadingNext: nextValue.pagination.isLoadingNext,
     isLoadingPrev: nextValue.pagination.isLoadingPrev,
     latestReplies: nextValue.replies,
-  } as const);
+  }) as const;
 
 export const useCreateThreadContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,

package/src/components/Channel/hooks/useMessageListPagination.tsx

@@ -142,7 +142,9 @@ export const useMessageListPagination = <
    */
   const loadChannelAroundMessage: ChannelContextValue<StreamChatGenerics>['loadChannelAroundMessage'] =
     async ({ limit = 25, messageId: messageIdToLoadAround, setTargetedMessage }) => {
-      if (!messageIdToLoadAround) return;
+      if (!messageIdToLoadAround) {
+        return;
+      }
       setLoadingMore(true);
       setLoading(true);
       try {
@@ -192,7 +194,9 @@ export const useMessageListPagination = <
   const loadChannelAtFirstUnreadMessage: ChannelContextValue<StreamChatGenerics>['loadChannelAtFirstUnreadMessage'] =
     async ({ channelUnreadState, limit = 25, setChannelUnreadState, setTargetedMessage }) => {
       try {
-        if (!channelUnreadState?.unread_messages) return;
+        if (!channelUnreadState?.unread_messages) {
+          return;
+        }
         const { first_unread_message_id, last_read, last_read_message_id } = channelUnreadState;
         let firstUnreadMessageId = first_unread_message_id;
         let lastReadMessageId = last_read_message_id;

package/src/components/ChannelList/ChannelListMessenger.tsx

@@ -46,7 +46,9 @@ const StatusIndicator = <
   const { error, HeaderErrorIndicator, HeaderNetworkDownIndicator, loadingChannels, refreshList } =
     useChannelsContext<StreamChatGenerics>();
 
-  if (loadingChannels) return null;
+  if (loadingChannels) {
+    return null;
+  }
 
   if (!isOnline) {
     return (
@@ -130,8 +132,10 @@ const ChannelListMessengerWithContext = <
   const isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;
 
   if (isDebugModeEnabled) {
-    if (debugRef.current.setEventType) debugRef.current.setEventType('send');
-    if (debugRef.current.setSendEventParams)
+    if (debugRef.current.setEventType) {
+      debugRef.current.setEventType('send');
+    }
+    if (debugRef.current.setSendEventParams) {
       debugRef.current.setSendEventParams({
         action: 'Channels',
         data: channels?.map((channel) => ({
@@ -139,6 +143,7 @@ const ChannelListMessengerWithContext = <
           members: channel.state.members,
         })),
       });
+    }
   }
 
   if (error && !refreshing && !loadingChannels && (channels === null || !channelListInitialized)) {

package/src/components/ChannelList/__tests__/ChannelListMessenger.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 
 import { cleanup, render, waitFor } from '@testing-library/react-native';
 
@@ -29,26 +29,30 @@ const ListMessenger = ({ error, loadingChannels, ...props }) => {
   );
 };
 
-const Component = ({ error = false, loadingChannels = false }) => (
-  <Chat client={chatClient}>
-    <ChatContext.Consumer>
-      {(context) => (
-        <ChatProvider value={{ ...context, isOnline: true }}>
-          <ChannelList
-            filters={{
-              members: {
-                $in: ['vishal', 'neil'],
-              },
-            }}
-            List={(...props) => (
-              <ListMessenger {...props} error={error} loadingChannels={loadingChannels} />
-            )}
-          />
-        </ChatProvider>
-      )}
-    </ChatContext.Consumer>
-  </Chat>
-);
+const Component = ({ error = false, loadingChannels = false }) => {
+  const List = useCallback(
+    (...props) => <ListMessenger {...props} error={error} loadingChannels={loadingChannels} />,
+    [error, loadingChannels],
+  );
+  return (
+    <Chat client={chatClient}>
+      <ChatContext.Consumer>
+        {(context) => (
+          <ChatProvider value={{ ...context, isOnline: true }}>
+            <ChannelList
+              filters={{
+                members: {
+                  $in: ['vishal', 'neil'],
+                },
+              }}
+              List={List}
+            />
+          </ChatProvider>
+        )}
+      </ChatContext.Consumer>
+    </Chat>
+  );
+};
 
 describe('ChannelListMessenger', () => {
   beforeAll(async () => {

package/src/components/ChannelList/hooks/listeners/useAddedToChannelNotification.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import uniqBy from 'lodash/uniqBy';
 
@@ -38,7 +38,9 @@ export const useAddedToChannelNotification = <
       if (typeof onAddedToChannel === 'function') {
         onAddedToChannel(setChannels, event, options);
       } else {
-        if (!options) return;
+        if (!options) {
+          return;
+        }
         const { sort } = options;
         if (event.channel?.id && event.channel?.type) {
           const channel = await getChannel<StreamChatGenerics>({
@@ -50,7 +52,9 @@ export const useAddedToChannelNotification = <
           const pinnedAtSort = findPinnedAtSortOrder({ sort });
 
           setChannels((channels) => {
-            if (!channels) return channels;
+            if (!channels) {
+              return channels;
+            }
 
             // handle pinning
             let lastPinnedChannelIndex: number | null = null;

package/src/components/ChannelList/hooks/listeners/useChannelDeleted.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -29,7 +29,9 @@ export const useChannelDeleted = <
         onChannelDeleted(setChannels, event);
       } else {
         setChannels((channels) => {
-          if (!channels) return channels;
+          if (!channels) {
+            return channels;
+          }
           const index = channels.findIndex(
             (channel) => channel.cid === (event.cid || event.channel?.cid),
           );

package/src/components/ChannelList/hooks/listeners/useChannelHidden.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -29,7 +29,9 @@ export const useChannelHidden = <
         onChannelHidden(setChannels, event);
       } else {
         setChannels((channels) => {
-          if (!channels) return channels;
+          if (!channels) {
+            return channels;
+          }
 
           const index = channels.findIndex(
             (channel) => channel.cid === (event.cid || event.channel?.cid),

package/src/components/ChannelList/hooks/listeners/useChannelMemberUpdated.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -45,7 +45,9 @@ export const useChannelMemberUpdated = <
       if (typeof onChannelMemberUpdated === 'function') {
         onChannelMemberUpdated(lockChannelOrder, setChannels, event, options);
       } else {
-        if (!options) return;
+        if (!options) {
+          return;
+        }
         const { filters, sort } = options;
         if (!event.member?.user || event.member.user.id !== client.userID || !event.channel_type) {
           return;
@@ -58,7 +60,9 @@ export const useChannelMemberUpdated = <
         const pinnedAtSort = findPinnedAtSortOrder({ sort });
 
         setChannels((currentChannels) => {
-          if (!currentChannels) return currentChannels;
+          if (!currentChannels) {
+            return currentChannels;
+          }
 
           const targetChannel = client.channel(channelType, channelId);
           // assumes that channel instances are not changing

package/src/components/ChannelList/hooks/listeners/useChannelTruncated.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 

package/src/components/ChannelList/hooks/listeners/useChannelUpdated.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -29,7 +29,9 @@ export const useChannelUpdated = <
         onChannelUpdated(setChannels, event);
       } else {
         setChannels((channels) => {
-          if (!channels) return channels;
+          if (!channels) {
+            return channels;
+          }
 
           const index = channels.findIndex(
             (channel) => channel.cid === (event.cid || event.channel?.cid),

package/src/components/ChannelList/hooks/listeners/useChannelVisible.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -35,7 +35,9 @@ export const useChannelVisible = <
       if (typeof onChannelVisible === 'function') {
         onChannelVisible(setChannels, event);
       } else {
-        if (!options) return;
+        if (!options) {
+          return;
+        }
         const { sort } = options;
         if (event.channel_id && event.channel_type) {
           const channel = await getChannel<StreamChatGenerics>({

package/src/components/ChannelList/hooks/listeners/useNewMessage.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -44,7 +44,9 @@ export const useNewMessage = <
       if (typeof onNewMessage === 'function') {
         onNewMessage(lockChannelOrder, setChannels, event, options);
       } else {
-        if (!options) return;
+        if (!options) {
+          return;
+        }
         const { filters, sort } = options;
         const considerPinnedChannels = shouldConsiderPinnedChannels(sort);
         const considerArchivedChannels = shouldConsiderArchivedChannels(filters);
@@ -52,10 +54,14 @@ export const useNewMessage = <
         const channelType = event.channel_type;
         const channelId = event.channel_id;
 
-        if (!channelType || !channelId) return;
+        if (!channelType || !channelId) {
+          return;
+        }
 
         setChannels((channels) => {
-          if (!channels) return channels;
+          if (!channels) {
+            return channels;
+          }
           const targetChannel = client.channel(channelType, channelId);
           const targetChannelIndex = channels.indexOf(targetChannel);
 

package/src/components/ChannelList/hooks/listeners/useNewMessageNotification.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -36,7 +36,9 @@ export const useNewMessageNotification = <
       if (typeof onNewMessageNotification === 'function') {
         onNewMessageNotification(setChannels, event, options);
       } else {
-        if (!options) return;
+        if (!options) {
+          return;
+        }
         const { filters, sort } = options;
         if (event.channel?.id && event.channel?.type) {
           const channel = await getChannel({

package/src/components/ChannelList/hooks/listeners/useRemovedFromChannelNotification.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -29,7 +29,9 @@ export const useRemovedFromChannelNotification = <
         onRemovedFromChannel(setChannels, event);
       } else {
         setChannels((channels) => {
-          if (!channels) return channels;
+          if (!channels) {
+            return channels;
+          }
 
           const newChannels = channels.filter((channel) => channel.cid !== event.channel?.cid);
           return [...newChannels];