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

package/src/components/MessageInput/ShowThreadMessageInChannelButton.tsx

@@ -127,18 +127,26 @@ const areEqual = (
   } = nextProps;
 
   const tEqual = prevT === nextT;
-  if (!tEqual) return false;
+  if (!tEqual) {
+    return false;
+  }
 
   const sendThreadMessageInChannelEqual =
     prevSendThreadMessageInChannel === nexSendThreadMessageInChannel;
-  if (!sendThreadMessageInChannelEqual) return false;
+  if (!sendThreadMessageInChannelEqual) {
+    return false;
+  }
 
   const threadListEqual = prevThreadList === nextThreadList;
-  if (!threadListEqual) return false;
+  if (!threadListEqual) {
+    return false;
+  }
 
   const allowThreadMessagesInChannelEqual =
     prevAllowThreadMessagesInChannel === nextAllowThreadMessagesInChannel;
-  if (!allowThreadMessagesInChannelEqual) return false;
+  if (!allowThreadMessagesInChannelEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageInput/__tests__/AudioAttachmentUploadPreviewExpo.test.tsx

@@ -39,7 +39,6 @@ const getComponent = (
   </ThemeProvider>
 );
 
-// eslint-disable-next-line jest/no-disabled-tests
 describe.skip('AudioAttachmentExpo', () => {
   it('handle play pause button when isPausedStatusAvailable unavailable and progress 1', () => {
     const setPositionAsyncMock = jest.fn();

package/src/components/MessageInput/__tests__/AudioAttachmentUploadPreviewNative.test.tsx

@@ -38,7 +38,6 @@ const getComponent = (
   </ThemeProvider>
 );
 
-// eslint-disable-next-line jest/no-disabled-tests
 describe.skip('AudioAttachment', () => {
   it('handle play pause button when isPausedStatusAvailable unavailable and progress 1', () => {
     const seekMock = jest.fn();

package/src/components/MessageInput/__tests__/FileUploadPreview.test.js

@@ -26,7 +26,6 @@ function MockedFlatList(props) {
 }
 
 jest.mock('../../../native.ts', () => {
-  // eslint-disable-next-line no-undef
   const View = require('react-native/Libraries/Components/View/View');
 
   return {

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

@@ -269,7 +269,7 @@ describe('MessageInput', () => {
     const { setEditingState } = useMessagesContext();
     useEffect(() => {
       setEditingState({ id: 'some-message-id' });
-    }, []);
+    }, [setEditingState]);
     return <MessageInput />;
   };
 

package/src/components/MessageInput/__tests__/UploadProgressIndicator.test.js

@@ -12,10 +12,7 @@ describe('UploadProgressIndicator', () => {
 
     render(
       <ThemeProvider>
-        <UploadProgressIndicator
-          action={action}
-          type={ProgressIndicatorTypes.INACTIVE}
-        ></UploadProgressIndicator>
+        <UploadProgressIndicator action={action} type={ProgressIndicatorTypes.INACTIVE} />
       </ThemeProvider>,
     );
 
@@ -31,10 +28,7 @@ describe('UploadProgressIndicator', () => {
 
     render(
       <ThemeProvider>
-        <UploadProgressIndicator
-          action={action}
-          type={ProgressIndicatorTypes.IN_PROGRESS}
-        ></UploadProgressIndicator>
+        <UploadProgressIndicator action={action} type={ProgressIndicatorTypes.IN_PROGRESS} />
       </ThemeProvider>,
     );
 
@@ -50,10 +44,7 @@ describe('UploadProgressIndicator', () => {
 
     render(
       <ThemeProvider>
-        <UploadProgressIndicator
-          action={action}
-          type={ProgressIndicatorTypes.NOT_SUPPORTED}
-        ></UploadProgressIndicator>
+        <UploadProgressIndicator action={action} type={ProgressIndicatorTypes.NOT_SUPPORTED} />
       </ThemeProvider>,
     );
 
@@ -70,10 +61,7 @@ describe('UploadProgressIndicator', () => {
 
     render(
       <ThemeProvider>
-        <UploadProgressIndicator
-          action={action}
-          type={ProgressIndicatorTypes.IN_PROGRESS}
-        ></UploadProgressIndicator>
+        <UploadProgressIndicator action={action} type={ProgressIndicatorTypes.IN_PROGRESS} />
       </ThemeProvider>,
     );
 
@@ -91,10 +79,7 @@ describe('UploadProgressIndicator', () => {
 
     render(
       <ThemeProvider>
-        <UploadProgressIndicator
-          action={action}
-          type={ProgressIndicatorTypes.RETRY}
-        ></UploadProgressIndicator>
+        <UploadProgressIndicator action={action} type={ProgressIndicatorTypes.RETRY} />
       </ThemeProvider>,
     );
 

package/src/components/MessageInput/components/AudioRecorder/AudioRecorder.tsx

@@ -222,19 +222,29 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 
   const asyncMessagesMultiSendEnabledEqual =
     prevAsyncMessagesMultiSendEnabled === nextAsyncMessagesMultiSendEnabled;
-  if (!asyncMessagesMultiSendEnabledEqual) return false;
+  if (!asyncMessagesMultiSendEnabledEqual) {
+    return false;
+  }
 
   const micLockedEqual = prevMicLocked === nextMicLocked;
-  if (!micLockedEqual) return false;
+  if (!micLockedEqual) {
+    return false;
+  }
 
   const recordingEqual = prevRecording === nextRecording;
-  if (!recordingEqual) return false;
+  if (!recordingEqual) {
+    return false;
+  }
 
   const recordingDurationEqual = prevRecordingDuration === nextRecordingDuration;
-  if (!recordingDurationEqual) return false;
+  if (!recordingDurationEqual) {
+    return false;
+  }
 
   const recordingStoppedEqual = prevRecordingStopped === nextRecordingStopped;
-  if (!recordingStoppedEqual) return false;
+  if (!recordingStoppedEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx

@@ -94,7 +94,9 @@ const AudioRecordingButtonWithContext = <
         ]);
         return;
       }
-      if (startVoiceRecording) startVoiceRecording();
+      if (startVoiceRecording) {
+        startVoiceRecording();
+      }
     }
   };
 
@@ -134,10 +136,14 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 
   const asyncMessagesMinimumPressDurationEqual =
     prevAsyncMessagesMinimumPressDuration === nextAsyncMessagesMinimumPressDuration;
-  if (!asyncMessagesMinimumPressDurationEqual) return false;
+  if (!asyncMessagesMinimumPressDurationEqual) {
+    return false;
+  }
 
   const recordingEqual = prevRecording === nextRecording;
-  if (!recordingEqual) return false;
+  if (!recordingEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingInProgress.tsx

@@ -69,7 +69,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 
   const recordingDurationEqual = prevRecordingDuration === nextRecordingDuration;
 
-  if (!recordingDurationEqual) return false;
+  if (!recordingDurationEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageInput/hooks/useAudioController.tsx

@@ -74,29 +74,40 @@ export const useAudioController = () => {
         onVoicePlayerProgressHandler(status.durationMillis, status.durationMillis);
       } else {
         // For Native CLI
-        if (status.currentPosition && status.duration)
+        if (status.currentPosition && status.duration) {
           onVoicePlayerProgressHandler(status.currentPosition, status.duration);
+        }
         // For Expo CLI
-        else if (status.positionMillis && status.durationMillis)
+        else if (status.positionMillis && status.durationMillis) {
           onVoicePlayerProgressHandler(status.positionMillis, status.durationMillis);
+        }
       }
     }
   };
 
   const onVoicePlayerPlayPause = async () => {
     if (paused) {
-      if (progress === 0) await startVoicePlayer();
-      else {
+      if (progress === 0) {
+        await startVoicePlayer();
+      } else {
         // For Native CLI
-        if (Audio?.resumePlayer) await Audio.resumePlayer();
+        if (Audio?.resumePlayer) {
+          await Audio.resumePlayer();
+        }
         // For Expo CLI
-        if (soundRef.current?.playAsync) await soundRef.current.playAsync();
+        if (soundRef.current?.playAsync) {
+          await soundRef.current.playAsync();
+        }
       }
     } else {
       // For Native CLI
-      if (Audio?.pausePlayer) await Audio.pausePlayer();
+      if (Audio?.pausePlayer) {
+        await Audio.pausePlayer();
+      }
       // For Expo CLI
-      if (soundRef.current?.pauseAsync) await soundRef.current.pauseAsync();
+      if (soundRef.current?.pauseAsync) {
+        await soundRef.current.pauseAsync();
+      }
     }
     setPaused(!paused);
   };
@@ -105,10 +116,13 @@ export const useAudioController = () => {
    * Function to start playing voice recording to preview it after recording.
    */
   const startVoicePlayer = async () => {
-    if (!recording) return;
+    if (!recording) {
+      return;
+    }
     // For Native CLI
-    if (Audio?.startPlayer)
+    if (Audio?.startPlayer) {
       await Audio.startPlayer(recording, {}, onVoicePlayerPlaybackStatusUpdate);
+    }
     // For Expo CLI
     if (recording && typeof recording !== 'string') {
       const uri = recording.getURI();
@@ -161,7 +175,9 @@ export const useAudioController = () => {
    * Function to start voice recording.
    */
   const startVoiceRecording = async () => {
-    if (!Audio) return;
+    if (!Audio) {
+      return;
+    }
     const recordingInfo = await Audio.startRecording(
       {
         isMeteringEnabled: true,
@@ -191,7 +207,9 @@ export const useAudioController = () => {
    * hence this approach.
    */
   const stopSDKVoiceRecording = async () => {
-    if (!Audio) return;
+    if (!Audio) {
+      return;
+    }
     await Audio.stopRecording();
   };
 

package/src/components/MessageInput/utils/audioSampling.ts

@@ -2,8 +2,8 @@ export const resampleWaveformData = (waveformData: number[], amplitudesCount: nu
   waveformData.length === amplitudesCount
     ? waveformData
     : waveformData.length > amplitudesCount
-    ? downSample(waveformData, amplitudesCount)
-    : upSample(waveformData, amplitudesCount);
+      ? downSample(waveformData, amplitudesCount)
+      : upSample(waveformData, amplitudesCount);
 
 /**
  * The downSample function uses the Largest-Triangle-Three-Buckets (LTTB) algorithm.
@@ -16,7 +16,9 @@ export function downSample(data: number[], targetOutputSize: number): number[] {
     return data;
   }
 
-  if (targetOutputSize === 1) return [mean(data)];
+  if (targetOutputSize === 1) {
+    return [mean(data)];
+  }
 
   const result: number[] = [];
   // bucket size adjusted due to the fact that the first and the last item in the original data array is kept in target output
@@ -57,7 +59,9 @@ export function downSample(data: number[], targetOutputSize: number): number[] {
       }
     }
 
-    if (typeof maxAreaPoint !== 'undefined') result.push(maxAreaPoint);
+    if (typeof maxAreaPoint !== 'undefined') {
+      result.push(maxAreaPoint);
+    }
   }
 
   result.push(data[data.length - 1]); // Always add the last point
@@ -94,7 +98,9 @@ export const upSample = (values: number[], targetSize: number) => {
     return values;
   }
 
-  if (targetSize === values.length) return values;
+  if (targetSize === values.length) {
+    return values;
+  }
 
   // eslint-disable-next-line prefer-const
   let [bucketSize, remainder] = divMod(targetSize, values.length);

package/src/components/MessageInput/utils/normalizeAudioLevel.ts

@@ -8,7 +8,9 @@ export const normalizeAudioLevel = (value: number, lowerBound: number) => {
   const delta = upperBound - lowerBound;
 
   // In Native CLI Android, the value is undefined for loud audio
-  if (value === undefined) return 1;
+  if (value === undefined) {
+    return 1;
+  }
 
   if (value < lowerBound) {
     return 0;

package/src/components/MessageList/InlineLoadingMoreIndicator.tsx

@@ -45,7 +45,9 @@ const areEqual = (
   const { loadingMore: nextLoadingMore } = nextProps;
 
   const loadingMoreEqual = prevLoadingMore === nextLoadingMore;
-  if (!loadingMoreEqual) return false;
+  if (!loadingMoreEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageList/InlineLoadingMoreRecentIndicator.tsx

@@ -45,7 +45,9 @@ const areEqual = (
   const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;
 
   const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;
-  if (!loadingMoreRecentEqual) return false;
+  if (!loadingMoreRecentEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageList/InlineLoadingMoreRecentThreadIndicator.tsx

@@ -45,7 +45,9 @@ const areEqual = (
   const { loadingMoreRecent: nextLoadingMoreRecent } = nextProps;
 
   const loadingMoreRecentEqual = prevLoadingMoreRecent === nextLoadingMoreRecent;
-  if (!loadingMoreRecentEqual) return false;
+  if (!loadingMoreRecentEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/MessageList/MessageList.tsx

@@ -95,9 +95,12 @@ const keyExtractor = <
 >(
   item: MessageType<StreamChatGenerics>,
 ) => {
-  if (item.id) return item.id;
-  if (item.created_at)
+  if (item.id) {
+    return item.id;
+  }
+  if (item.created_at) {
     return typeof item.created_at === 'string' ? item.created_at : item.created_at.toISOString();
+  }
   return Date.now().toString();
 };
 
@@ -370,7 +373,9 @@ const MessageListWithContext = <
   channelRef.current = channel;
 
   const updateStickyHeaderDateIfNeeded = (viewableItems: ViewToken[]) => {
-    if (!viewableItems.length) return;
+    if (!viewableItems.length) {
+      return;
+    }
 
     const lastItem = viewableItems[viewableItems.length - 1];
 
@@ -539,7 +544,9 @@ const MessageListWithContext = <
   }, [threadList, messageListLengthAfterUpdate, topMessageAfterUpdate?.id]);
 
   useEffect(() => {
-    if (!rawMessageList.length) return;
+    if (!rawMessageList.length) {
+      return;
+    }
     if (threadList) {
       setAutoscrollToRecent(true);
       return;
@@ -590,7 +597,9 @@ const MessageListWithContext = <
         await loadChannelAroundMessage({ messageId });
         return;
       } else {
-        if (!flatListRef.current) return;
+        if (!flatListRef.current) {
+          return;
+        }
         clearTimeout(failScrollTimeoutId.current);
         scrollToIndexFailedRetryCountRef.current = 0;
         // keep track of this messageId, so that we dont scroll to again in useEffect for targeted message change
@@ -614,7 +623,9 @@ const MessageListWithContext = <
    * Note: This effect fires on every list change with a small debounce so that scrolling isnt abrupted by an immediate rerender
    */
   useEffect(() => {
-    if (!targetedMessage) return;
+    if (!targetedMessage) {
+      return;
+    }
     scrollToDebounceTimeoutRef.current = setTimeout(async () => {
       const indexOfParentInMessageList = processedMessageList.findIndex(
         (message) => message?.id === targetedMessage,
@@ -624,7 +635,9 @@ const MessageListWithContext = <
       if (indexOfParentInMessageList === -1) {
         await loadChannelAroundMessage({ messageId: targetedMessage, setTargetedMessage });
       } else {
-        if (!flatListRef.current) return;
+        if (!flatListRef.current) {
+          return;
+        }
         // By a fresh scroll we should clear the retries for the previous failed scroll
         clearTimeout(scrollToDebounceTimeoutRef.current);
         clearTimeout(failScrollTimeoutId.current);
@@ -653,8 +666,9 @@ const MessageListWithContext = <
     index: number;
     item: MessageType<StreamChatGenerics>;
   }) => {
-    if (!channel || channel.disconnected || (!channel.initialized && !channel.offlineMode))
+    if (!channel || channel.disconnected || (!channel.initialized && !channel.offlineMode)) {
       return null;
+    }
 
     const createdAtTimestamp = message.created_at && new Date(message.created_at).getTime();
     const lastReadTimestamp = channelUnreadState?.last_read.getTime();
@@ -885,7 +899,9 @@ const MessageListWithContext = <
     FlatListProps<MessageType<StreamChatGenerics>>['onScrollToIndexFailed']
   >((info) => {
     // We got a failure as we tried to scroll to an item that was outside the render length
-    if (!flatListRef.current) return;
+    if (!flatListRef.current) {
+      return;
+    }
     // we don't know the actual size of all items but we can see the average, so scroll to the closest offset
     // since we used only an average offset... we won't go to the center of the item yet
     // with a little delay to wait for scroll to offset to complete, we can then scroll to the index
@@ -1011,12 +1027,15 @@ const MessageListWithContext = <
   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: thread ? 'ThreadList' : 'Messages',
         data: processedMessageList,
       });
+    }
   }
 
   const ListFooterComponent = useCallback(
@@ -1062,7 +1081,9 @@ const MessageListWithContext = <
     additionalFlatListPropsExcludingStyle = rest;
   }
 
-  if (!FlatList) return null;
+  if (!FlatList) {
+    return null;
+  }
 
   if (loading) {
     return (

package/src/components/MessageList/NetworkDownIndicator.tsx

@@ -44,7 +44,9 @@ export const NetworkDownIndicator = () => {
 
   const indicatorText = getText();
 
-  if (!indicatorText) return null;
+  if (!indicatorText) {
+    return null;
+  }
 
   return (
     <View

package/src/components/MessageList/ScrollToBottomButton.tsx

@@ -74,7 +74,9 @@ export const ScrollToBottomButton = (props: ScrollToBottomButtonProps) => {
     },
   } = useTheme();
 
-  if (!showNotification) return null;
+  if (!showNotification) {
+    return null;
+  }
 
   return (
     <TouchableOpacity

package/src/components/MessageList/StickyHeader.tsx

@@ -26,7 +26,9 @@ export const StickyHeader = ({ date, DateHeader, dateString }: StickyHeaderProps
   const { t, tDateTimeParser } = useTranslationContext();
 
   const stickyHeaderDateString = useMemo(() => {
-    if (dateString) return dateString;
+    if (dateString) {
+      return dateString;
+    }
 
     return getDateString({
       date,
@@ -37,7 +39,9 @@ export const StickyHeader = ({ date, DateHeader, dateString }: StickyHeaderProps
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [date]);
 
-  if (!date) return null;
+  if (!date) {
+    return null;
+  }
 
   return <DateHeader dateString={stickyHeaderDateString} />;
 };

package/src/components/MessageList/utils/filterTypingUsers.ts

@@ -18,12 +18,16 @@ export const filterTypingUsers = <
 }: FilterTypingUsersParams<StreamChatGenerics>) => {
   const nonSelfUsers: string[] = [];
 
-  if (!client || !client.user || !typing) return nonSelfUsers;
+  if (!client || !client.user || !typing) {
+    return nonSelfUsers;
+  }
 
   const typingKeys = Object.keys(typing);
 
   typingKeys.forEach((typingKey) => {
-    if (!typing[typingKey]) return;
+    if (!typing[typingKey]) {
+      return;
+    }
 
     /** removes own typing events */
     if (client.user?.id === typing[typingKey].user?.id) {

package/src/components/MessageList/utils/getGroupStyles.ts

@@ -115,7 +115,9 @@ export const getGroupStyles = <
     userId,
   } = params;
 
-  if (noGroupByUser) return {};
+  if (noGroupByUser) {
+    return {};
+  }
 
   const messageGroupStyles: { [key: string]: GroupType[] } = {};
 

package/src/components/MessageList/utils/getReadStates.ts

@@ -24,7 +24,9 @@ export const getReadStates = <
      * last read message.
      */
     Object.values(read).forEach((readState) => {
-      if (!readState.last_read) return;
+      if (!readState.last_read) {
+        return;
+      }
 
       let userLastReadMsgId: string | undefined;
 

package/src/components/MessageMenu/MessageActionList.tsx

@@ -30,7 +30,9 @@ export const MessageActionList = (props: MessageActionListProps) => {
     },
   } = useTheme();
 
-  if (messageActions?.length === 0) return null;
+  if (messageActions?.length === 0) {
+    return null;
+  }
 
   return (
     <ScrollView

package/src/components/MessageMenu/MessageMenu.tsx

@@ -111,8 +111,8 @@ export const MessageMenu = <
         bottomSheetHeight
           ? bottomSheetHeight
           : messageActions.length === 0 && !showMessageReactions
-          ? height / 5
-          : height / 2
+            ? height / 5
+            : height / 2
       }
       onClose={dismissOverlay}
       visible={visible}

package/src/components/MessageMenu/__tests__/MessageUserReactionsAvatar.test.tsx

@@ -17,7 +17,7 @@ describe('MessageUserReactionsAvatar', () => {
     );
 
     // Check if the mocked Avatar component is rendered with correct props
-    expect(queryByTestId(`avatar-image`)).toBeTruthy();
+    expect(queryByTestId('avatar-image')).toBeTruthy();
   });
 
   it('should render Avatar with correct image, name, and custom size', () => {
@@ -30,6 +30,6 @@ describe('MessageUserReactionsAvatar', () => {
     );
 
     // Check if the mocked Avatar component is rendered with correct custom size
-    expect(queryByTestId(`avatar-image`)).toBeTruthy();
+    expect(queryByTestId('avatar-image')).toBeTruthy();
   });
 });

package/src/components/MessageMenu/hooks/useFetchReactions.ts

@@ -35,7 +35,9 @@ export const useFetchReactions = <
 
   const fetchReactions = useCallback(async () => {
     const loadOfflineReactions = async () => {
-      if (!messageId) return;
+      if (!messageId) {
+        return;
+      }
       const reactionsFromDB = await getReactionsForFilterSort({
         currentMessageId: messageId,
         filters: reactionType ? { type: reactionType } : {},
@@ -48,7 +50,9 @@ export const useFetchReactions = <
     };
 
     const loadOnlineReactions = async () => {
-      if (!messageId) return;
+      if (!messageId) {
+        return;
+      }
       const response = await client.queryReactions(
         messageId,
         reactionType ? { type: reactionType } : {},