stream-chat-react-native-core 5.40.0-rc.2 → 5.41.0-beta.1

package/src/components/Message/hooks/useMessageActions.tsx

@@ -6,6 +6,7 @@ import type { ChannelContextValue } from '../../../contexts/channelContext/Chann
 import type { ChatContextValue } from '../../../contexts/chatContext/ChatContext';
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
 import type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
+import type { OverlayContextValue } from '../../../contexts/overlayContext/OverlayContext';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
 import type { TranslationContextValue } from '../../../contexts/translationContext/TranslationContext';
@@ -27,41 +28,7 @@ import { removeReservedFields } from '../../../utils/removeReservedFields';
 import { MessageStatusTypes } from '../../../utils/utils';
 
 import type { MessageType } from '../../MessageList/hooks/useMessageList';
-import type { MessageActionType } from '../../MessageMenu/MessageActionListItem';
-
-export type MessageActionsHookProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessagesContextValue<StreamChatGenerics>,
-  | 'deleteMessage'
-  | 'sendReaction'
-  | 'handleBan'
-  | 'handleCopy'
-  | 'handleDelete'
-  | 'handleEdit'
-  | 'handleFlag'
-  | 'handleQuotedReply'
-  | 'handleMute'
-  | 'handlePinMessage'
-  | 'handleRetry'
-  | 'handleReaction'
-  | 'handleThreadReply'
-  | 'removeMessage'
-  | 'deleteReaction'
-  | 'retrySendMessage'
-  | 'setEditingState'
-  | 'setQuotedMessageState'
-  | 'selectReaction'
-  | 'supportedReactions'
-  | 'updateMessage'
-> &
-  Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'enforceUniqueReaction'> &
-  Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
-  Pick<ThreadContextValue<StreamChatGenerics>, 'openThread'> &
-  Pick<MessageContextValue<StreamChatGenerics>, 'dismissOverlay' | 'message'> &
-  Pick<TranslationContextValue, 't'> & {
-    onThreadSelect?: (message: MessageType<StreamChatGenerics>) => void;
-  };
+import type { MessageActionType } from '../../MessageOverlay/MessageActionListItem';
 
 export const useMessageActions = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -70,9 +37,9 @@ export const useMessageActions = <
   client,
   deleteMessage: deleteMessageFromContext,
   deleteReaction,
-  dismissOverlay,
   enforceUniqueReaction,
   handleBan,
+  handleBlock,
   handleCopy,
   handleDelete,
   handleEdit,
@@ -90,10 +57,43 @@ export const useMessageActions = <
   selectReaction,
   sendReaction,
   setEditingState,
+  setOverlay,
   setQuotedMessageState,
   supportedReactions,
   t,
-}: MessageActionsHookProps<StreamChatGenerics>) => {
+}: Pick<
+  MessagesContextValue<StreamChatGenerics>,
+  | 'deleteMessage'
+  | 'sendReaction'
+  | 'handleBan'
+  | 'handleBlock'
+  | 'handleCopy'
+  | 'handleDelete'
+  | 'handleEdit'
+  | 'handleFlag'
+  | 'handleQuotedReply'
+  | 'handleMute'
+  | 'handlePinMessage'
+  | 'handleRetry'
+  | 'handleReaction'
+  | 'handleThreadReply'
+  | 'removeMessage'
+  | 'deleteReaction'
+  | 'retrySendMessage'
+  | 'setEditingState'
+  | 'setQuotedMessageState'
+  | 'selectReaction'
+  | 'supportedReactions'
+  | 'updateMessage'
+> &
+  Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'enforceUniqueReaction'> &
+  Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
+  Pick<OverlayContextValue, 'setOverlay'> &
+  Pick<ThreadContextValue<StreamChatGenerics>, 'openThread'> &
+  Pick<MessageContextValue<StreamChatGenerics>, 'message'> &
+  Pick<TranslationContextValue, 't'> & {
+    onThreadSelect?: (message: MessageType<StreamChatGenerics>) => void;
+  }) => {
   const {
     theme: {
       colors: { accent_red, grey },
@@ -141,7 +141,7 @@ export const useMessageActions = <
 
   const banUser: MessageActionType = {
     action: async () => {
-      dismissOverlay();
+      setOverlay('none');
       if (message.user?.id) {
         if (handleBan) {
           handleBan(message);
@@ -155,9 +155,28 @@ export const useMessageActions = <
     title: message.user?.banned ? t('Unban User') : t('Ban User'),
   };
 
+  /**
+   * @deprecated use `banUser` instead
+   */
+  const blockUser: MessageActionType = {
+    action: async () => {
+      setOverlay('none');
+      if (message.user?.id) {
+        if (handleBlock) {
+          handleBlock(message);
+        }
+
+        await handleToggleBanUser();
+      }
+    },
+    actionType: 'blockUser',
+    icon: <UserDelete pathFill={grey} />,
+    title: message.user?.banned ? t('Unblock User') : t('Block User'),
+  };
+
   const copyMessage: MessageActionType = {
     action: () => {
-      dismissOverlay();
+      setOverlay('none');
       if (handleCopy) {
         handleCopy(message);
       }
@@ -170,7 +189,7 @@ export const useMessageActions = <
 
   const deleteMessage: MessageActionType = {
     action: () => {
-      dismissOverlay();
+      setOverlay('none');
       if (handleDelete) {
         handleDelete(message);
       }
@@ -184,7 +203,7 @@ export const useMessageActions = <
 
   const editMessage: MessageActionType = {
     action: () => {
-      dismissOverlay();
+      setOverlay('none');
       if (handleEdit) {
         handleEdit(message);
       }
@@ -197,7 +216,7 @@ export const useMessageActions = <
 
   const pinMessage: MessageActionType = {
     action: () => {
-      dismissOverlay();
+      setOverlay('none');
       if (handlePinMessage) {
         handlePinMessage(message);
       }
@@ -210,7 +229,7 @@ export const useMessageActions = <
 
   const unpinMessage: MessageActionType = {
     action: () => {
-      dismissOverlay();
+      setOverlay('none');
       if (handlePinMessage) {
         handlePinMessage(message);
       }
@@ -223,7 +242,7 @@ export const useMessageActions = <
 
   const flagMessage: MessageActionType = {
     action: () => {
-      dismissOverlay();
+      setOverlay('none');
       if (handleFlag) {
         handleFlag(message);
       }
@@ -249,7 +268,7 @@ export const useMessageActions = <
 
   const muteUser: MessageActionType = {
     action: async () => {
-      dismissOverlay();
+      setOverlay('none');
       if (message.user?.id) {
         if (handleMute) {
           handleMute(message);
@@ -265,7 +284,7 @@ export const useMessageActions = <
 
   const quotedReply: MessageActionType = {
     action: () => {
-      dismissOverlay();
+      setOverlay('none');
       if (handleQuotedReply) {
         handleQuotedReply(message);
       }
@@ -278,7 +297,7 @@ export const useMessageActions = <
 
   const retry: MessageActionType = {
     action: async () => {
-      dismissOverlay();
+      setOverlay('none');
       const messageWithoutReservedFields = removeReservedFields(message);
       if (handleRetry) {
         handleRetry(messageWithoutReservedFields as MessageType<StreamChatGenerics>);
@@ -293,7 +312,7 @@ export const useMessageActions = <
 
   const threadReply: MessageActionType = {
     action: () => {
-      dismissOverlay();
+      setOverlay('none');
       if (handleThreadReply) {
         handleThreadReply(message);
       }
@@ -306,6 +325,7 @@ export const useMessageActions = <
 
   return {
     banUser,
+    blockUser,
     copyMessage,
     deleteMessage,
     editMessage,

package/src/components/Message/hooks/useProcessReactions.ts

@@ -1,6 +1,6 @@
 import { ComponentType, useMemo } from 'react';
 
-import { ReactionGroupResponse, ReactionResponse } from 'stream-chat';
+import { ReactionResponse } from 'stream-chat';
 
 import { useChatContext } from '../../../contexts';
 import {
@@ -9,6 +9,7 @@ import {
 } from '../../../contexts/messagesContext/MessagesContext';
 import { DefaultStreamChatGenerics } from '../../../types/types';
 import { ReactionData } from '../../../utils/utils';
+import { ReactionListProps } from '../MessageSimple/ReactionList';
 
 export type ReactionSummary = {
   own: boolean;
@@ -23,20 +24,12 @@ export type ReactionSummary = {
 
 export type ReactionsComparator = (a: ReactionSummary, b: ReactionSummary) => number;
 
-export type MessageReactionsData<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  /** An array of the reaction objects to display in the list */
-  latest_reactions?: ReactionResponse<StreamChatGenerics>[];
-  /** An array of the own reaction objects to distinguish own reactions visually */
-  own_reactions?: ReactionResponse<StreamChatGenerics>[] | null;
-  /** An object containing summary for each reaction type on a message */
-  reaction_groups?: Record<string, ReactionGroupResponse> | null;
-};
-
 type UseProcessReactionsParams<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = MessageReactionsData<StreamChatGenerics> &
+> = Pick<
+  ReactionListProps<StreamChatGenerics>,
+  'own_reactions' | 'reaction_groups' | 'latest_reactions'
+> &
   Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'supportedReactions'>> & {
     sortReactions?: ReactionsComparator;
   };
@@ -53,7 +46,7 @@ const isOwnReaction = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   reactionType: string,
-  ownReactions?: MessageReactionsData<StreamChatGenerics>['own_reactions'],
+  ownReactions?: ReactionResponse<StreamChatGenerics>[] | null,
   latestReactions?: ReactionResponse<StreamChatGenerics>[] | null,
   userID?: string,
 ) =>
@@ -64,13 +57,13 @@ const isOwnReaction = <
       )
     : false);
 
-const isSupportedReaction = (reactionType: string, supportedReactions?: ReactionData[]) =>
+const isSupportedReaction = (reactionType: string, supportedReactions: ReactionData[]) =>
   supportedReactions
     ? supportedReactions.some((reactionOption) => reactionOption.type === reactionType)
     : false;
 
-const getEmojiByReactionType = (reactionType: string, supportedReactions?: ReactionData[]) =>
-  supportedReactions ? supportedReactions.find(({ type }) => type === reactionType)?.Icon : null;
+const getEmojiByReactionType = (reactionType: string, supportedReactions: ReactionData[]) =>
+  supportedReactions.find(({ type }) => type === reactionType)?.Icon ?? null;
 
 const getLatestReactedUserNames = (reactionType: string, latestReactions?: ReactionResponse[]) =>
   latestReactions

package/src/components/Message/utils/messageActions.ts

@@ -1,8 +1,8 @@
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
 import type { OwnCapabilitiesContextValue } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
-import { isClipboardAvailable } from '../../../native';
+import { setClipboardString } from '../../../native';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
-import type { MessageActionType } from '../../MessageMenu/MessageActionListItem';
+import type { MessageActionType } from '../../MessageOverlay/MessageActionListItem';
 
 export type MessageActionsParams<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -14,18 +14,26 @@ export type MessageActionsParams<
   editMessage: MessageActionType;
   error: boolean | Error;
   flagMessage: MessageActionType;
+  /**
+   * Determines if the message actions are visible.
+   */
+  isMessageActionsVisible: boolean;
   isThreadMessage: boolean;
+  /**
+   * @deprecated use `isMessageActionsVisible` instead.
+   */
+  messageReactions: boolean;
   muteUser: MessageActionType;
   ownCapabilities: OwnCapabilitiesContextValue;
   pinMessage: MessageActionType;
   quotedReply: MessageActionType;
   retry: MessageActionType;
-  /**
-   * Determines if the message actions are visible.
-   */
-  showMessageReactions: boolean;
   threadReply: MessageActionType;
   unpinMessage: MessageActionType;
+  /**
+   * @deprecated use `banUser` instead.
+   */
+  blockUser?: MessageActionType;
 } & Pick<MessageContextValue<StreamChatGenerics>, 'message' | 'isMyMessage'>;
 
 export type MessageActionsProp<
@@ -36,23 +44,25 @@ export const messageActions = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   banUser,
+  blockUser,
   copyMessage,
   deleteMessage,
   editMessage,
   error,
   flagMessage,
+  isMessageActionsVisible,
   isMyMessage,
   isThreadMessage,
   message,
+  messageReactions,
   ownCapabilities,
   pinMessage,
   quotedReply,
   retry,
-  showMessageReactions,
   threadReply,
   unpinMessage,
 }: MessageActionsParams<StreamChatGenerics>) => {
-  if (showMessageReactions) {
+  if (messageReactions || !isMessageActionsVisible) {
     return [];
   }
 
@@ -77,7 +87,7 @@ export const messageActions = <
     actions.push(editMessage);
   }
 
-  if (isClipboardAvailable() && message.text && !error) {
+  if (setClipboardString !== null && message.text && !error) {
     actions.push(copyMessage);
   }
 
@@ -94,7 +104,7 @@ export const messageActions = <
   }
 
   if (!isMyMessage && ownCapabilities.banChannelMembers) {
-    actions.push(banUser);
+    actions.push(banUser || blockUser);
   }
 
   if (

package/src/components/MessageInput/FileUploadPreview.tsx

@@ -16,7 +16,7 @@ import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 import { Close } from '../../icons/Close';
 import { Warning } from '../../icons/Warning';
-import { isSoundPackageAvailable } from '../../native';
+import { isAudioPackageAvailable } from '../../native';
 import type { DefaultStreamChatGenerics, FileUpload } from '../../types/types';
 import { getTrimmedAttachmentTitle } from '../../utils/getTrimmedAttachmentTitle';
 import {
@@ -235,7 +235,7 @@ const FileUploadPreviewWithContext = <
           style={styles.overlay}
           type={indicatorType}
         >
-          {item.file.mimeType?.startsWith('audio/') && isSoundPackageAvailable() ? (
+          {item.file.mimeType?.startsWith('audio/') && isAudioPackageAvailable() ? (
             <AudioAttachmentUploadPreview
               hideProgressBar={true}
               item={item}

package/src/components/MessageInput/MessageInput.tsx

@@ -1,9 +1,17 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { NativeSyntheticEvent, StyleSheet, TextInputFocusEventData, View } from 'react-native';
+import {
+  Modal,
+  NativeSyntheticEvent,
+  SafeAreaView,
+  StyleSheet,
+  TextInputFocusEventData,
+  View,
+} from 'react-native';
 
 import {
   Gesture,
   GestureDetector,
+  GestureHandlerRootView,
   PanGestureHandlerEventPayload,
 } from 'react-native-gesture-handler';
 import Animated, {
@@ -51,6 +59,7 @@ import {
 import { isImageMediaLibraryAvailable, triggerHaptic } from '../../native';
 import type { Asset, DefaultStreamChatGenerics } from '../../types/types';
 import { AutoCompleteInput } from '../AutoCompleteInput/AutoCompleteInput';
+import { CreatePoll } from '../Poll/CreatePollContent';
 
 const styles = StyleSheet.create({
   attachmentSeparator: {
@@ -145,6 +154,11 @@ type MessageInputPropsWithContext<
     | 'text'
     | 'uploadNewFile'
     | 'uploadNewImage'
+    | 'openPollCreationDialog'
+    | 'closePollCreationDialog'
+    | 'showPollCreationDialog'
+    | 'sendMessage'
+    | 'CreatePollContent'
   > &
   Pick<MessagesContextValue<StreamChatGenerics>, 'Reply'> &
   Pick<
@@ -179,8 +193,10 @@ const MessageInputWithContext = <
     AudioRecordingPreview,
     AutoCompleteSuggestionList,
     closeAttachmentPicker,
+    closePollCreationDialog,
     cooldownEndsAt,
     CooldownTimer,
+    CreatePollContent,
     editing,
     FileUploadPreview,
     fileUploads,
@@ -206,8 +222,10 @@ const MessageInputWithContext = <
     resetInput,
     SendButton,
     sending,
+    sendMessage,
     sendMessageAsync,
     setShowMoreOptions,
+    showPollCreationDialog,
     ShowThreadMessageInChannelButton,
     StartAudioRecordingButton,
     suggestions,
@@ -693,6 +711,7 @@ const MessageInputWithContext = <
     micButton: useAnimatedStyle(() => ({
       opacity: interpolate(micPositionX.value, [0, X_AXIS_POSITION], [1, 0], Extrapolation.CLAMP),
       transform: [{ translateX: micPositionX.value }, { translateY: micPositionY.value }],
+      zIndex: 2,
     })),
     slideToCancel: useAnimatedStyle(() => ({
       opacity: interpolate(micPositionX.value, [0, X_AXIS_POSITION], [1, 0], Extrapolation.CLAMP),
@@ -875,6 +894,23 @@ const MessageInputWithContext = <
           <AttachmentPickerSelectionBar />
         </View>
       )}
+      {showPollCreationDialog ? (
+        <Modal
+          animationType='slide'
+          onRequestClose={closePollCreationDialog}
+          visible={showPollCreationDialog}
+        >
+          <GestureHandlerRootView style={{ flex: 1 }}>
+            <SafeAreaView style={{ backgroundColor: white, flex: 1 }}>
+              <CreatePoll
+                closePollCreationDialog={closePollCreationDialog}
+                CreatePollContent={CreatePollContent}
+                sendMessage={sendMessage}
+              />
+            </SafeAreaView>
+          </GestureHandlerRootView>
+        </Modal>
+      ) : null}
     </>
   );
 };
@@ -890,6 +926,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     asyncMessagesSlideToCancelDistance: prevAsyncMessagesSlideToCancelDistance,
     asyncUploads: prevAsyncUploads,
     audioRecordingEnabled: prevAsyncMessagesEnabled,
+    closePollCreationDialog: prevClosePollCreationDialog,
     editing: prevEditing,
     fileUploads: prevFileUploads,
     giphyActive: prevGiphyActive,
@@ -897,9 +934,11 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     isOnline: prevIsOnline,
     isValidMessage: prevIsValidMessage,
     mentionedUsers: prevMentionedUsers,
+    openPollCreationDialog: prevOpenPollCreationDialog,
     quotedMessage: prevQuotedMessage,
     sending: prevSending,
     showMoreOptions: prevShowMoreOptions,
+    showPollCreationDialog: prevShowPollCreationDialog,
     suggestions: prevSuggestions,
     t: prevT,
     thread: prevThread,
@@ -912,6 +951,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     asyncMessagesSlideToCancelDistance: nextAsyncMessagesSlideToCancelDistance,
     asyncUploads: nextAsyncUploads,
     audioRecordingEnabled: nextAsyncMessagesEnabled,
+    closePollCreationDialog: nextClosePollCreationDialog,
     editing: nextEditing,
     fileUploads: nextFileUploads,
     giphyActive: nextGiphyActive,
@@ -919,9 +959,11 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     isOnline: nextIsOnline,
     isValidMessage: nextIsValidMessage,
     mentionedUsers: nextMentionedUsers,
+    openPollCreationDialog: nextOpenPollCreationDialog,
     quotedMessage: nextQuotedMessage,
     sending: nextSending,
     showMoreOptions: nextShowMoreOptions,
+    showPollCreationDialog: nextShowPollCreationDialog,
     suggestions: nextSuggestions,
     t: nextT,
     thread: nextThread,
@@ -931,6 +973,12 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const tEqual = prevT === nextT;
   if (!tEqual) return false;
 
+  const pollCreationInputPropsEqual =
+    prevOpenPollCreationDialog === nextOpenPollCreationDialog &&
+    prevClosePollCreationDialog === nextClosePollCreationDialog &&
+    prevShowPollCreationDialog === nextShowPollCreationDialog;
+  if (!pollCreationInputPropsEqual) return false;
+
   const additionalTextInputPropsEven =
     prevAdditionalTextInputProps === nextAdditionalTextInputProps;
   if (!additionalTextInputPropsEven) return false;
@@ -1058,8 +1106,10 @@ export const MessageInput = <
     clearEditingState,
     clearQuotedMessageState,
     closeAttachmentPicker,
+    closePollCreationDialog,
     cooldownEndsAt,
     CooldownTimer,
+    CreatePollContent,
     editing,
     FileUploadPreview,
     fileUploads,
@@ -1076,17 +1126,20 @@ export const MessageInput = <
     maxNumberOfFiles,
     mentionedUsers,
     numberOfUploads,
+    openPollCreationDialog,
     quotedMessage,
     removeFile,
     removeImage,
     resetInput,
     SendButton,
     sending,
+    sendMessage,
     sendMessageAsync,
     SendMessageDisallowedIndicator,
     setGiphyActive,
     setShowMoreOptions,
     showMoreOptions,
+    showPollCreationDialog,
     ShowThreadMessageInChannelButton,
     StartAudioRecordingButton,
     text,
@@ -1139,8 +1192,10 @@ export const MessageInput = <
         clearEditingState,
         clearQuotedMessageState,
         closeAttachmentPicker,
+        closePollCreationDialog,
         cooldownEndsAt,
         CooldownTimer,
+        CreatePollContent,
         editing,
         FileUploadPreview,
         fileUploads,
@@ -1159,6 +1214,7 @@ export const MessageInput = <
         members,
         mentionedUsers,
         numberOfUploads,
+        openPollCreationDialog,
         quotedMessage,
         removeFile,
         removeImage,
@@ -1166,11 +1222,13 @@ export const MessageInput = <
         resetInput,
         SendButton,
         sending,
+        sendMessage,
         sendMessageAsync,
         SendMessageDisallowedIndicator,
         setGiphyActive,
         setShowMoreOptions,
         showMoreOptions,
+        showPollCreationDialog,
         ShowThreadMessageInChannelButton,
         StartAudioRecordingButton,
         suggestions,

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

@@ -16,7 +16,10 @@ import type { FileUpload } from '../../../types/types';
 import { AudioAttachment, AudioAttachmentProps } from '../../Attachment/AudioAttachment';
 
 jest.mock('../../../native.ts', () => ({
-  isSoundPackageAvailable: jest.fn(() => true),
+  isAudioPackageAvailable: jest.fn(() => true),
+  NetInfo: {
+    addEventListener: jest.fn(),
+  },
   Sound: {
     initializeSound: jest.fn(),
     Player: null,

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

@@ -19,7 +19,10 @@ jest.mock('../../../native.ts', () => {
   const View = require('react-native/Libraries/Components/View/View');
 
   return {
-    isSoundPackageAvailable: jest.fn(() => true),
+    isAudioPackageAvailable: jest.fn(() => true),
+    NetInfo: {
+      addEventListener: jest.fn(),
+    },
     Sound: {
       Player: View,
     },

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

@@ -30,11 +30,13 @@ jest.mock('../../../native.ts', () => {
   const View = require('react-native/Libraries/Components/View/View');
 
   return {
-    isAudioRecorderAvailable: jest.fn(() => true),
-    isDocumentPickerAvailable: jest.fn(() => true),
+    isAudioPackageAvailable: jest.fn(() => true),
     isImageMediaLibraryAvailable: jest.fn(() => true),
     isImagePickerAvailable: jest.fn(() => true),
-    isSoundPackageAvailable: jest.fn(() => true),
+    NetInfo: {
+      addEventListener: jest.fn(),
+      fetch: jest.fn(),
+    },
     Sound: {
       Player: View,
     },

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

@@ -23,6 +23,7 @@ import { FileSelectorIcon } from '../../AttachmentPicker/components/FileSelector
 import { ImageSelectorIcon } from '../../AttachmentPicker/components/ImageSelectorIcon';
 import { Channel } from '../../Channel/Channel';
 import { Chat } from '../../Chat/Chat';
+import { CreatePollIcon } from '../../Poll';
 import { MessageInput } from '../MessageInput';
 
 describe('MessageInput', () => {
@@ -32,6 +33,7 @@ describe('MessageInput', () => {
       AttachmentPickerSelectionBar,
       CameraSelectorIcon,
       closePicker: jest.fn(),
+      CreatePollIcon,
       FileSelectorIcon,
       ImageSelectorIcon,
       openPicker: jest.fn(),

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

@@ -8,11 +8,7 @@ import {
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
 import { Mic } from '../../../../icons/Mic';
-import {
-  AudioRecordingReturnType,
-  isAudioRecorderAvailable,
-  triggerHaptic,
-} from '../../../../native';
+import { AudioRecordingReturnType, triggerHaptic } from '../../../../native';
 
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
@@ -102,8 +98,6 @@ const AudioRecordingButtonWithContext = <
     }
   };
 
-  if (!isAudioRecorderAvailable()) return null;
-
   return (
     <Pressable
       delayLongPress={asyncMessagesMinimumPressDuration}