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

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

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 import type { Channel, Event } from 'stream-chat';
 
@@ -23,7 +23,9 @@ export const useUserPresence = <
   useEffect(() => {
     const handleEvent = (event: Event<StreamChatGenerics>) => {
       setChannels((channels) => {
-        if (!channels) return channels;
+        if (!channels) {
+          return channels;
+        }
 
         const newChannels = channels.map((channel) => {
           if (!event.user?.id || !channel.state.members[event.user.id]) {

package/src/components/ChannelList/hooks/usePaginatedChannels.ts

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 
 import {
   ChannelFilters,
@@ -52,7 +52,7 @@ const selector = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     channelListInitialized: nextValue.initialized,
     channels: nextValue.channels,
     pagination: nextValue.pagination,
-  } as const);
+  }) as const;
 
 export const usePaginatedChannels = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -84,7 +84,9 @@ export const usePaginatedChannels = <
     queryType: QueryType = 'loadChannels',
     retryCount = 0,
   ): Promise<void> => {
-    if (!client || !isMountedRef.current) return;
+    if (!client || !isMountedRef.current) {
+      return;
+    }
 
     const hasUpdatedData =
       queryType === 'loadChannels' ||
@@ -101,7 +103,9 @@ export const usePaginatedChannels = <
      * have new data for the query to include
      * */
     if (!hasUpdatedData) {
-      if (activeQueryType === null) return;
+      if (activeQueryType === null) {
+        return;
+      }
     }
 
     filtersRef.current = filters;
@@ -200,7 +204,9 @@ export const usePaginatedChannels = <
 
   useEffect(() => {
     const loadOfflineChannels = async () => {
-      if (!client?.user?.id) return;
+      if (!client?.user?.id) {
+        return;
+      }
 
       try {
         const channelsFromDB = await getChannelsForFilterSort({

package/src/components/ChannelList/hooks/useSelectedChannelState.ts

@@ -34,7 +34,9 @@ export function useSelectedChannelState<StreamChatGenerics extends DefaultStream
 }): O | undefined {
   const subscribe = useCallback(
     (onStoreChange: (value: O) => void) => {
-      if (!channel) return noop;
+      if (!channel) {
+        return noop;
+      }
 
       const subscriptions = stateChangeEventKeys.map((et) =>
         channel.on(et, () => {
@@ -48,7 +50,9 @@ export function useSelectedChannelState<StreamChatGenerics extends DefaultStream
   );
 
   const getSnapshot = useCallback(() => {
-    if (!channel) return undefined;
+    if (!channel) {
+      return undefined;
+    }
 
     return selector(channel);
   }, [channel, selector]);

package/src/components/ChannelList/hooks/utils/index.ts

@@ -8,7 +8,9 @@ export const isChannelPinned = <
 >(
   channel: Channel<StreamChatGenerics>,
 ) => {
-  if (!channel) return false;
+  if (!channel) {
+    return false;
+  }
 
   const member = channel.state.membership;
 
@@ -20,7 +22,9 @@ export const isChannelArchived = <
 >(
   channel: Channel<StreamChatGenerics>,
 ) => {
-  if (!channel) return false;
+  if (!channel) {
+    return false;
+  }
 
   const member = channel.state.membership;
 
@@ -32,7 +36,9 @@ export const shouldConsiderArchivedChannels = <
 >(
   filters: ChannelListProps<StreamChatGenerics>['filters'],
 ) => {
-  if (!filters) return false;
+  if (!filters) {
+    return false;
+  }
 
   return typeof filters.archived === 'boolean';
 };
@@ -48,7 +54,9 @@ export const extractSortValue = <
   targetKey: keyof ChannelSortBase<StreamChatGenerics>;
   sort?: ChannelListProps<StreamChatGenerics>['sort'];
 }) => {
-  if (!sort) return null;
+  if (!sort) {
+    return null;
+  }
   let option: null | ChannelSortBase<StreamChatGenerics> = null;
 
   if (Array.isArray(sort)) {
@@ -88,7 +96,9 @@ export const shouldConsiderPinnedChannels = <
     targetKey: 'pinned_at',
   });
 
-  if (typeof value !== 'number') return false;
+  if (typeof value !== 'number') {
+    return false;
+  }
 
   return Math.abs(value) === 1;
 };
@@ -96,16 +106,22 @@ export const shouldConsiderPinnedChannels = <
 export function findPinnedAtSortOrder<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({ sort }: { sort: ChannelListProps<StreamChatGenerics>['sort'] }) {
-  if (!sort) return null;
+  if (!sort) {
+    return null;
+  }
 
   if (Array.isArray(sort)) {
     const [option] = sort;
 
-    if (!option?.pinned_at) return null;
+    if (!option?.pinned_at) {
+      return null;
+    }
 
     return option.pinned_at;
   } else {
-    if (!sort.pinned_at) return null;
+    if (!sort.pinned_at) {
+      return null;
+    }
 
     return sort.pinned_at;
   }
@@ -117,7 +133,9 @@ export function findLastPinnedChannelIndex<
   let lastPinnedChannelIndex: number | null = null;
 
   for (const channel of channels) {
-    if (!isChannelPinned(channel)) break;
+    if (!isChannelPinned(channel)) {
+      break;
+    }
 
     if (typeof lastPinnedChannelIndex === 'number') {
       lastPinnedChannelIndex++;

package/src/components/ChannelList/utils.ts

@@ -38,7 +38,9 @@ export const moveChannelUp = <
   // in the list
   const considerPinnedChannels = shouldConsiderPinnedChannels(sort);
 
-  if (targetChannelAlreadyAtTheTop) return channels;
+  if (targetChannelAlreadyAtTheTop) {
+    return channels;
+  }
 
   const newChannels = [...channels];
 

package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx

@@ -31,7 +31,9 @@ export const ChannelPreviewUnreadCount = <
     },
   } = useTheme();
 
-  if (!unread) return null;
+  if (!unread) {
+    return null;
+  }
 
   return (
     <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>

package/src/components/ChannelPreview/__tests__/ChannelPreviewMessenger.test.js

@@ -32,7 +32,7 @@ describe('ChannelPreviewMessenger', () => {
               text: 'This is the message preview text',
             },
           ],
-          status: 0 | 1 | 2, // read states of latest message.
+          status: 1, // read states of latest message.
         }}
         onSelect={jest.fn()}
         {...props}

package/src/components/ChannelPreview/hooks/__tests__/useChannelPreviewMuted.test.tsx

@@ -19,7 +19,7 @@ describe('useChannelPreviewMuted', () => {
         () =>
           ({
             client: chatClient,
-          } as unknown as ChatContext.ChatContextValue),
+          }) as unknown as ChatContext.ChatContextValue,
       ),
     );
   });

package/src/components/ChannelPreview/hooks/useChannelPreviewData.ts

@@ -54,8 +54,12 @@ export const useChannelPreviewData = <
    */
   useEffect(() => {
     const handleReadEvent = (event: Event) => {
-      if (!event.cid) return;
-      if (channel.cid !== event.cid) return;
+      if (!event.cid) {
+        return;
+      }
+      if (channel.cid !== event.cid) {
+        return;
+      }
       if (event?.user?.id === client.userID) {
         setUnread(0);
       } else if (event?.user?.id) {
@@ -71,9 +75,15 @@ export const useChannelPreviewData = <
    */
   useEffect(() => {
     const handleUnreadEvent = (event: Event) => {
-      if (!event.cid) return;
-      if (channel.cid !== event.cid) return;
-      if (event.user?.id !== client.user?.id) return;
+      if (!event.cid) {
+        return;
+      }
+      if (channel.cid !== event.cid) {
+        return;
+      }
+      if (event.user?.id !== client.user?.id) {
+        return;
+      }
       setUnread(channel.countUnread());
     };
     const { unsubscribe } = client.on('notification.mark_unread', handleUnreadEvent);

package/src/components/ChannelPreview/hooks/useChannelPreviewDisplayName.ts

@@ -7,7 +7,7 @@ import { useViewport } from '../../../hooks/useViewport';
 
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
-const ELLIPSIS = `...`;
+const ELLIPSIS = '...';
 
 const getMemberName = (member: ChannelMemberResponse) =>
   member.user?.name || member.user?.id || 'Unknown User';
@@ -25,7 +25,9 @@ export const getChannelPreviewDisplayName = <
   currentUserId?: string;
   members?: Channel<StreamChatGenerics>['state']['members'];
 }): string => {
-  if (channelName) return channelName;
+  if (channelName) {
+    return channelName;
+  }
 
   const channelMembers = Object.values(members || {});
 

package/src/components/ChannelPreview/hooks/useLatestMessagePreview.ts

@@ -102,9 +102,13 @@ const getLatestMessageDisplayText = <
   t: (key: string) => string,
   pollState: LatestMessagePreviewSelectorReturnType | undefined,
 ) => {
-  if (!message) return [{ bold: false, text: t('Nothing yet...') }];
+  if (!message) {
+    return [{ bold: false, text: t('Nothing yet...') }];
+  }
   const isMessageTypeDeleted = message.type === 'deleted';
-  if (isMessageTypeDeleted) return [{ bold: false, text: t('Message deleted') }];
+  if (isMessageTypeDeleted) {
+    return [{ bold: false, text: t('Message deleted') }];
+  }
   const currentUserId = client?.userID;
   const members = Object.keys(channel.state.members);
 

package/src/components/Chat/Chat.tsx

@@ -194,12 +194,15 @@ const ChatWithContext = <
     }
 
     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: 'Client',
           data: client.user,
         });
+      }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [client, enableOfflineSupport]);
@@ -207,7 +210,9 @@ const ChatWithContext = <
   const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);
 
   useEffect(() => {
-    if (!(userID && enableOfflineSupport)) return;
+    if (!(userID && enableOfflineSupport)) {
+      return;
+    }
 
     const initializeDatabase = () => {
       // This acts as a lock for some very rare occurrences of concurrency
@@ -235,7 +240,9 @@ const ChatWithContext = <
   }, [userID, enableOfflineSupport]);
 
   useEffect(() => {
-    if (!client) return;
+    if (!client) {
+      return;
+    }
 
     client.threads.registerSubscriptions();
     client.polls.registerSubscriptions();

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

@@ -51,7 +51,7 @@ describe('Chat', () => {
           fn={(ctx) => {
             context = ctx;
           }}
-        ></ChatContextConsumer>
+        />
       </Chat>,
     );
 
@@ -74,7 +74,7 @@ describe('Chat', () => {
           fn={(ctx) => {
             context = ctx;
           }}
-        ></ChatContextConsumer>
+        />
       </Chat>,
     );
 
@@ -96,7 +96,7 @@ describe('ChatContext', () => {
           fn={(ctx) => {
             context = ctx;
           }}
-        ></ChatContextConsumer>
+        />
       </Chat>,
     );
 
@@ -118,7 +118,7 @@ describe('ChatContext', () => {
           fn={(ctx) => {
             context = ctx;
           }}
-        ></ChatContextConsumer>
+        />
       </Chat>,
     );
 
@@ -151,7 +151,7 @@ describe('TranslationContext', () => {
           fn={(ctx) => {
             context = ctx;
           }}
-        ></TranslationContextConsumer>
+        />
       </Chat>,
     );
 
@@ -176,7 +176,7 @@ describe('TranslationContext', () => {
           fn={(ctx) => {
             context = ctx;
           }}
-        ></TranslationContextConsumer>
+        />
       </Chat>,
     );
 
@@ -201,7 +201,7 @@ describe('TranslationContext', () => {
           fn={(ctx) => {
             context = ctx;
           }}
-        ></TranslationContextConsumer>
+        />
       </Chat>,
     );
 
@@ -221,7 +221,7 @@ describe('TranslationContext', () => {
           fn={(ctx) => {
             context = ctx;
           }}
-        ></TranslationContextConsumer>
+        />
       </Chat>,
     );
     await waitFor(() => {

package/src/components/Chat/hooks/handleEventToSyncDB.ts

@@ -33,7 +33,9 @@ export const handleEventToSyncDB = async <
   ) => {
     const cid = event.cid || event.channel?.cid;
 
-    if (!cid) return await createQueries(flush);
+    if (!cid) {
+      return await createQueries(flush);
+    }
     const channels = await SqliteClient.executeSql.apply(
       null,
       createSelectQuery('channels', ['cid'], {

package/src/components/Chat/hooks/useAppSettings.ts

@@ -22,7 +22,9 @@ export const useAppSettings = <
      * Fetches app settings from the backend when offline support is disabled.
      */
     const enforceAppSettingsWithoutOfflineSupport = async () => {
-      if (!client.userID) return;
+      if (!client.userID) {
+        return;
+      }
 
       try {
         const appSettings = await client.getAppSettings();
@@ -43,8 +45,12 @@ export const useAppSettings = <
      * TODO: Remove client.userID usage for offline support case.
      */
     const enforceAppSettingsWithOfflineSupport = async () => {
-      if (!client.userID) return;
-      if (!initialisedDatabase) return;
+      if (!client.userID) {
+        return;
+      }
+      if (!initialisedDatabase) {
+        return;
+      }
 
       if (!isOnline) {
         const appSettings = await dbApi.getAppSettings({ currentUserId: client.userID });

package/src/components/Chat/hooks/useCreateChatClient.ts

@@ -39,7 +39,9 @@ export const useCreateChatClient = <SCG extends ExtendableGenerics = DefaultGene
     let didUserConnectInterrupt = false;
 
     const connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(() => {
-      if (!didUserConnectInterrupt) setChatClient(client);
+      if (!didUserConnectInterrupt) {
+        setChatClient(client);
+      }
     });
 
     return () => {

package/src/components/Chat/hooks/useIsOnline.ts

@@ -27,7 +27,9 @@ export const useIsOnline = <
   const clientExists = !!client;
 
   const onBackground = useCallback(() => {
-    if (!closeConnectionOnBackground || !clientExists) return;
+    if (!closeConnectionOnBackground || !clientExists) {
+      return;
+    }
 
     client.closeConnection();
     setIsOnline(false);
@@ -35,7 +37,9 @@ export const useIsOnline = <
 
   const onForeground = useCallback(() => {
     // If the user id is not set, we should not open the connection, as it will raise an unneeded error
-    if (!clientExists || !client.userID) return;
+    if (!clientExists || !client.userID) {
+      return;
+    }
 
     client.openConnection();
   }, [client, clientExists]);

package/src/components/ImageGallery/ImageGallery.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Image, ImageStyle, Keyboard, StyleSheet, ViewStyle } from 'react-native';
 
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
@@ -371,11 +371,11 @@ export const ImageGallery = <
       currentImageHeight * scale.value < fullWindowHeight && translateY.value > 0
         ? 1 - translateY.value / quarterScreenHeight
         : currentImageHeight * scale.value > fullWindowHeight &&
-          translateY.value > (currentImageHeight / 2) * scale.value - halfScreenHeight
-        ? 1 -
-          (translateY.value - ((currentImageHeight / 2) * scale.value - halfScreenHeight)) /
-            quarterScreenHeight
-        : 1,
+            translateY.value > (currentImageHeight / 2) * scale.value - halfScreenHeight
+          ? 1 -
+            (translateY.value - ((currentImageHeight / 2) * scale.value - halfScreenHeight)) /
+              quarterScreenHeight
+          : 1,
     [currentImageHeight],
   );
 
@@ -502,6 +502,16 @@ export const ImageGallery = <
     }
   };
 
+  const MemoizedImageGridHandle = useCallback(
+    () => (
+      <ImageGridHandle
+        closeGridView={closeGridView}
+        {...imageGalleryCustomComponents?.gridHandle}
+      />
+    ),
+    [imageGalleryCustomComponents?.gridHandle],
+  );
+
   return (
     <Animated.View
       accessibilityLabel='Image Gallery'
@@ -604,12 +614,7 @@ export const ImageGallery = <
         <BottomSheetModal
           animatedIndex={animatedBottomSheetIndex}
           enablePanDownToClose={true}
-          handleComponent={() => (
-            <ImageGridHandle
-              closeGridView={closeGridView}
-              {...imageGalleryCustomComponents?.gridHandle}
-            />
-          )}
+          handleComponent={MemoizedImageGridHandle}
           // @ts-ignore
           handleHeight={imageGalleryGridHandleHeight}
           index={0}

package/src/components/ImageGallery/components/AnimatedGalleryVideo.tsx

@@ -91,8 +91,11 @@ export const AnimatedGalleryVideo = React.memo(
     };
 
     const onBuffer = ({ isBuffering }: { isBuffering: boolean }) => {
-      if (isBuffering) setOpacity(1);
-      else setOpacity(0);
+      if (isBuffering) {
+        setOpacity(1);
+      } else {
+        setOpacity(0);
+      }
     };
 
     const onPlayBackStatusUpdate = (playbackStatus: PlaybackStatus) => {

package/src/components/ImageGallery/components/ImageGalleryFooter.tsx

@@ -259,16 +259,24 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const isDurationEqual = prevDuration === nextDuration;
-  if (!isDurationEqual) return false;
+  if (!isDurationEqual) {
+    return false;
+  }
 
   const isPausedEqual = prevPaused === nextPaused;
-  if (!isPausedEqual) return false;
+  if (!isPausedEqual) {
+    return false;
+  }
 
   const isProgressEqual = prevProgress === nextProgress;
-  if (!isProgressEqual) return false;
+  if (!isProgressEqual) {
+    return false;
+  }
 
   const isSelectedIndexEqual = prevSelectedIndex === nextSelectedIndex;
-  if (!isSelectedIndexEqual) return false;
+  if (!isSelectedIndexEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx

@@ -48,10 +48,10 @@ export const useAnimatedGalleryStyle = ({
           translateX: selected
             ? translateX.value + xScaleOffset
             : scale.value < 1 || scale.value !== offsetScale.value
-            ? xScaleOffset
-            : previous
-            ? translateX.value - halfScreenWidth * (scale.value - 1) + xScaleOffset
-            : translateX.value + halfScreenWidth * (scale.value - 1) + xScaleOffset,
+              ? xScaleOffset
+              : previous
+                ? translateX.value - halfScreenWidth * (scale.value - 1) + xScaleOffset
+                : translateX.value + halfScreenWidth * (scale.value - 1) + xScaleOffset,
         },
         {
           translateY: selected ? translateY.value + yScaleOffset : yScaleOffset,