diff --git a/README.md b/README.md
index 97c1642e23..e94bf2d0d8 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@
 [![NPM](https://img.shields.io/npm/v/stream-chat-react-native.svg)](https://www.npmjs.com/package/stream-chat-react-native)
 [![Build Status](https://github.com/GetStream/stream-chat-react-native/actions/workflows/release.yml/badge.svg)](https://github.com/GetStream/stream-chat-react-native/actions)
 [![Component Reference](https://img.shields.io/badge/docs-component%20reference-blue.svg)](https://getstream.io/chat/docs/sdk/reactnative)
-![JS Bundle Size](https://img.shields.io/badge/js_bundle_size-466%20KB-blue)
+![JS Bundle Size](https://img.shields.io/badge/js_bundle_size-467%20KB-blue)
 
 <img align="right" src="https://getstream.imgix.net/images/ios-chat-tutorial/iphone_chat_art@3x.png?auto=format,enhance" width="50%" />
 
@@ -48,9 +48,9 @@ For complete pricing details visit our [Chat Pricing Page](https://getstream.io/
 
 This repo includes 3 example apps. One made with Expo, two in TypeScript. One TypeScript app is a simple implementation for reference, the other is a more full featured app example.
 
-- [Expo example](./examples/ExpoMessaging)
-- [Typescript example](./examples/TypeScriptMessaging)
-- [Fully featured messaging application](./examples/SampleApp)
+- [Expo example](https://github.com/GetStream/stream-chat-react-native/tree/develop/examples/ExpoMessaging)
+- [Typescript example](https://github.com/GetStream/stream-chat-react-native/tree/develop/examples/TypeScriptMessaging)
+- [Fully featured messaging application](https://github.com/GetStream/stream-chat-react-native/tree/develop/examples/SampleApp)
 
 Besides, our team maintains a dedicated repository for fully-fledged sample applications and demos at [GetStream/react-native-samples](https://github.com/GetStream/react-native-samples). Please consider checking following sample applications:
 
diff --git a/package/expo-package/yarn.lock b/package/expo-package/yarn.lock
index b022f27bba..d1c74bb820 100644
--- a/package/expo-package/yarn.lock
+++ b/package/expo-package/yarn.lock
@@ -4733,10 +4733,10 @@ stream-buffers@2.2.x, stream-buffers@~2.2.0:
   resolved "https://registry.yarnpkg.com/stream-buffers/-/stream-buffers-2.2.0.tgz#91d5f5130d1cef96dcfa7f726945188741d09ee4"
   integrity sha512-uyQK/mx5QjHun80FLJTfaWE7JtwfRMKBLkMne6udYOmvH0CawotVa7TfgYHzAnpphn4+TweIx1QKMnRIbipmUg==
 
-stream-chat-react-native-core@6.6.7:
-  version "6.6.7"
-  resolved "https://registry.yarnpkg.com/stream-chat-react-native-core/-/stream-chat-react-native-core-6.6.7.tgz#d887234af18890c3396f1b8b5f169d9b28a793ab"
-  integrity sha512-Xc/S92nUBSwfVPZqNjt/zNs/DJcRV1aRa/+yCSBCqjCwo0EuiWEP9yKy3xGxBkehNe4vaIDvkeREduA4dRUGpA==
+stream-chat-react-native-core@6.6.8:
+  version "6.6.8"
+  resolved "https://registry.yarnpkg.com/stream-chat-react-native-core/-/stream-chat-react-native-core-6.6.8.tgz#483ade63ba051426480ab2dfd8ab3b248b90ae88"
+  integrity sha512-F8S70DHaiit6BEdKOkSMHq2bjMONhrouvJ+szBQuE430EJDgUlc2VErHk3yJCzqIt5lwfVZktjHuqSIOGVg5LQ==
   dependencies:
     "@gorhom/bottom-sheet" "^5.1.1"
     dayjs "1.10.5"
diff --git a/package/native-package/src/optionalDependencies/FlatList.ts b/package/native-package/src/optionalDependencies/FlatList.ts
index 3249c77358..5fba9c6a86 100644
--- a/package/native-package/src/optionalDependencies/FlatList.ts
+++ b/package/native-package/src/optionalDependencies/FlatList.ts
@@ -1,10 +1,9 @@
 import { FlatList as DefaultFlatList, Platform } from 'react-native';
 let FlatList;
 
-
 if (Platform.constants.reactNativeVersion.minor < 72) {
   const upgradeLog =
-  "'@stream-io/flat-list-mvcp' is deprecated, please upgrade your react-native version to >0.71 to get same the benefits on the default FlatList and uninstall the package.";
+    "'@stream-io/flat-list-mvcp' is deprecated, please upgrade your react-native version to >0.71 to get same the benefits on the default FlatList and uninstall the package.";
   try {
     FlatList = require('@stream-io/flat-list-mvcp').FlatList;
     console.log(upgradeLog);
diff --git a/package/native-package/yarn.lock b/package/native-package/yarn.lock
index 8e7cbd228d..4779dd93a7 100644
--- a/package/native-package/yarn.lock
+++ b/package/native-package/yarn.lock
@@ -3409,10 +3409,10 @@ statuses@~1.5.0:
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
 
-stream-chat-react-native-core@6.6.7:
-  version "6.6.7"
-  resolved "https://registry.yarnpkg.com/stream-chat-react-native-core/-/stream-chat-react-native-core-6.6.7.tgz#d887234af18890c3396f1b8b5f169d9b28a793ab"
-  integrity sha512-Xc/S92nUBSwfVPZqNjt/zNs/DJcRV1aRa/+yCSBCqjCwo0EuiWEP9yKy3xGxBkehNe4vaIDvkeREduA4dRUGpA==
+stream-chat-react-native-core@6.6.8:
+  version "6.6.8"
+  resolved "https://registry.yarnpkg.com/stream-chat-react-native-core/-/stream-chat-react-native-core-6.6.8.tgz#483ade63ba051426480ab2dfd8ab3b248b90ae88"
+  integrity sha512-F8S70DHaiit6BEdKOkSMHq2bjMONhrouvJ+szBQuE430EJDgUlc2VErHk3yJCzqIt5lwfVZktjHuqSIOGVg5LQ==
   dependencies:
     "@gorhom/bottom-sheet" "^5.1.1"
     dayjs "1.10.5"
diff --git a/package/src/components/Attachment/AudioAttachment.tsx b/package/src/components/Attachment/AudioAttachment.tsx
index aeae173813..56706803fa 100644
--- a/package/src/components/Attachment/AudioAttachment.tsx
+++ b/package/src/components/Attachment/AudioAttachment.tsx
@@ -8,9 +8,8 @@ import { useTheme } from '../../contexts';
 import { useAudioPlayer } from '../../hooks/useAudioPlayer';
 import { Audio, Pause, Play } from '../../icons';
 import {
+  NativeHandlers,
   PlaybackStatus,
-  SDK,
-  Sound,
   SoundReturnType,
   VideoPayloadData,
   VideoProgressData,
@@ -51,7 +50,7 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
     testID,
   } = props;
   const { changeAudioSpeed, pauseAudio, playAudio, seekAudio } = useAudioPlayer({ soundRef });
-  const isExpoCLI = SDK === 'stream-chat-expo';
+  const isExpoCLI = NativeHandlers.SDK === 'stream-chat-expo';
   const isVoiceRecording = item.type === FileTypes.VoiceRecording;
 
   /** This is for Native CLI Apps */
@@ -181,8 +180,8 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
   useEffect(() => {
     if (isExpoCLI) {
       const initiateSound = async () => {
-        if (item && item.file && item.file.uri) {
-          soundRef.current = await Sound.initializeSound(
+        if (item && item.file && item.file.uri && NativeHandlers.Sound?.initializeSound) {
+          soundRef.current = await NativeHandlers.Sound.initializeSound(
             { uri: item.file.uri },
             {
               progressUpdateIntervalMillis: 100,
@@ -216,7 +215,7 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
       }
     };
     // For expo CLI
-    if (!Sound.Player) {
+    if (!NativeHandlers.Sound?.Player) {
       initalPlayPause();
     }
   }, [item.paused, isExpoCLI, pauseAudio, playAudio]);
@@ -344,8 +343,8 @@ export const AudioAttachment = (props: AudioAttachmentProps) => {
             </View>
           )}
         </View>
-        {Sound.Player && (
-          <Sound.Player
+        {NativeHandlers.Sound?.Player && (
+          <NativeHandlers.Sound.Player
             onEnd={handleEnd}
             onLoad={handleLoad}
             onProgress={handleProgress}
diff --git a/package/src/components/AttachmentPicker/AttachmentPicker.tsx b/package/src/components/AttachmentPicker/AttachmentPicker.tsx
index 1d7388a0fa..46f5284a03 100644
--- a/package/src/components/AttachmentPicker/AttachmentPicker.tsx
+++ b/package/src/components/AttachmentPicker/AttachmentPicker.tsx
@@ -17,7 +17,7 @@ import {
 } from '../../contexts/attachmentPickerContext/AttachmentPickerContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useScreenDimensions } from '../../hooks/useScreenDimensions';
-import { getPhotos, oniOS14GalleryLibrarySelectionChange } from '../../native';
+import { NativeHandlers } from '../../native';
 import type { Asset } from '../../types/types';
 import { BottomSheet } from '../BottomSheetCompatibility/BottomSheet';
 import { BottomSheetFlatList } from '../BottomSheetCompatibility/BottomSheetFlatList';
@@ -122,11 +122,12 @@ export const AttachmentPicker = React.forwardRef(
         setLoadingPhotos(true);
         const endCursor = endCursorRef.current;
         try {
-          if (!getPhotos) {
+          if (!NativeHandlers.getPhotos) {
             setPhotos([]);
             setIosLimited(false);
+            return;
           }
-          const results = await getPhotos({
+          const results = await NativeHandlers.getPhotos({
             after: endCursor,
             first: numberOfAttachmentImagesToLoadPerCall ?? 60,
           });
@@ -153,11 +154,11 @@ export const AttachmentPicker = React.forwardRef(
         return;
       }
 
-      if (!oniOS14GalleryLibrarySelectionChange) {
+      if (!NativeHandlers.oniOS14GalleryLibrarySelectionChange) {
         return;
       }
       // ios 14 library selection change event is fired when user reselects the images that are permitted to be readable by the app
-      const { unsubscribe } = oniOS14GalleryLibrarySelectionChange(() => {
+      const { unsubscribe } = NativeHandlers.oniOS14GalleryLibrarySelectionChange(() => {
         // we reset the cursor and has next page to true to facilitate fetching of the first page of photos again
         hasNextPageRef.current = true;
         endCursorRef.current = undefined;
diff --git a/package/src/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.tsx b/package/src/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.tsx
index ab34a6a4bc..ed0598fd91 100644
--- a/package/src/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.tsx
+++ b/package/src/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.tsx
@@ -3,7 +3,7 @@ import { Pressable, StyleSheet, Text } from 'react-native';
 
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
-import { iOS14RefreshGallerySelection } from '../../../native';
+import { NativeHandlers } from '../../../native';
 
 export const AttachmentPickerIOSSelectMorePhotos = () => {
   const { t } = useTranslationContext();
@@ -13,13 +13,13 @@ export const AttachmentPickerIOSSelectMorePhotos = () => {
     },
   } = useTheme();
 
-  if (!iOS14RefreshGallerySelection) {
+  if (!NativeHandlers.iOS14RefreshGallerySelection) {
     return null;
   }
 
   return (
     <Pressable
-      onPress={iOS14RefreshGallerySelection}
+      onPress={NativeHandlers.iOS14RefreshGallerySelection}
       style={[styles.container, { backgroundColor: white }]}
     >
       <Text style={[styles.text, { color: accent_blue }]}>{t<string>('Select More Photos')}</Text>
diff --git a/package/src/components/Channel/Channel.tsx b/package/src/components/Channel/Channel.tsx
index c52f422f58..f8a026f4fd 100644
--- a/package/src/components/Channel/Channel.tsx
+++ b/package/src/components/Channel/Channel.tsx
@@ -84,10 +84,10 @@ import {
   WutReaction,
 } from '../../icons';
 import {
-  FlatList as FlatListDefault,
   isDocumentPickerAvailable,
   isImageMediaLibraryAvailable,
   isImagePickerAvailable,
+  NativeHandlers,
 } from '../../native';
 import * as dbApi from '../../store/apis';
 import { ChannelUnreadState, DefaultStreamChatGenerics, FileTypes } from '../../types/types';
@@ -538,7 +538,7 @@ const ChannelWithContext = <
     FileAttachmentGroup = FileAttachmentGroupDefault,
     FileAttachmentIcon = FileIconDefault,
     FileUploadPreview = FileUploadPreviewDefault,
-    FlatList = FlatListDefault,
+    FlatList = NativeHandlers.FlatList,
     forceAlignMessages,
     Gallery = GalleryDefault,
     getMessagesGroupStyles,
diff --git a/package/src/components/Chat/Chat.tsx b/package/src/components/Chat/Chat.tsx
index 1039e0d6d2..5d6aaa1f7f 100644
--- a/package/src/components/Chat/Chat.tsx
+++ b/package/src/components/Chat/Chat.tsx
@@ -23,7 +23,7 @@ import {
 import { useStreami18n } from '../../hooks/useStreami18n';
 import init from '../../init';
 
-import { SDK } from '../../native';
+import { NativeHandlers } from '../../native';
 import { SqliteClient } from '../../store/SqliteClient';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { DBSyncManager } from '../../utils/DBSyncManager';
@@ -187,9 +187,9 @@ const ChatWithContext = <
 
   useEffect(() => {
     if (client) {
-      const sdkName = (SDK ? SDK.replace('stream-chat-', '') : 'react-native') as
-        | 'react-native'
-        | 'expo';
+      const sdkName = (
+        NativeHandlers.SDK ? NativeHandlers.SDK.replace('stream-chat-', '') : 'react-native'
+      ) as 'react-native' | 'expo';
       client.sdkIdentifier = {
         name: sdkName,
         version,
diff --git a/package/src/components/ImageGallery/__tests__/ImageGallery.test.tsx b/package/src/components/ImageGallery/__tests__/ImageGallery.test.tsx
index 85d862db1a..67a51d9a3f 100644
--- a/package/src/components/ImageGallery/__tests__/ImageGallery.test.tsx
+++ b/package/src/components/ImageGallery/__tests__/ImageGallery.test.tsx
@@ -28,7 +28,9 @@ jest.mock('../../../native.ts', () => {
     isImageMediaLibraryAvailable: jest.fn(() => true),
     isShareImageAvailable: jest.fn(() => true),
     isVideoPlayerAvailable: jest.fn(() => true),
-    Video: View,
+    NativeHandlers: {
+      Video: View,
+    },
   };
 });
 
diff --git a/package/src/components/ImageGallery/__tests__/ImageGalleryFooter.test.tsx b/package/src/components/ImageGallery/__tests__/ImageGalleryFooter.test.tsx
index ad041353f8..ca2d1e16ad 100644
--- a/package/src/components/ImageGallery/__tests__/ImageGalleryFooter.test.tsx
+++ b/package/src/components/ImageGallery/__tests__/ImageGalleryFooter.test.tsx
@@ -19,7 +19,7 @@ import {
 } from '../../../mock-builders/generator/attachment';
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
-import * as NativeUtils from '../../../native';
+import { NativeHandlers } from '../../../native';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import type { MessageType } from '../../MessageList/hooks/useMessageList';
 import { ImageGallery, ImageGalleryCustomComponents } from '../ImageGallery';
@@ -27,14 +27,16 @@ import { ImageGallery, ImageGalleryCustomComponents } from '../ImageGallery';
 jest.mock('../../../native.ts', () => {
   const View = require('react-native/Libraries/Components/View/View');
   return {
-    deleteFile: jest.fn(),
     isFileSystemAvailable: jest.fn(() => true),
     isImageMediaLibraryAvailable: jest.fn(() => true),
     isShareImageAvailable: jest.fn(() => true),
     isVideoPlayerAvailable: jest.fn(() => true),
-    saveFile: jest.fn(),
-    shareImage: jest.fn(),
-    Video: View,
+    NativeHandlers: {
+      deleteFile: jest.fn(),
+      saveFile: jest.fn(),
+      shareImage: jest.fn(),
+      Video: View,
+    },
   };
 });
 
@@ -160,9 +162,9 @@ describe('ImageGalleryFooter', () => {
   it('should trigger the share button onPress Handler', async () => {
     const user = userEvent.setup();
     const chatClient = await getTestClientWithUser({ id: 'testID' });
-    const saveFileMock = jest.spyOn(NativeUtils, 'saveFile');
-    const shareImageMock = jest.spyOn(NativeUtils, 'shareImage');
-    const deleteFileMock = jest.spyOn(NativeUtils, 'deleteFile');
+    const saveFileMock = jest.spyOn(NativeHandlers, 'saveFile');
+    const shareImageMock = jest.spyOn(NativeHandlers, 'shareImage');
+    const deleteFileMock = jest.spyOn(NativeHandlers, 'deleteFile');
 
     render(
       <OverlayProvider>
diff --git a/package/src/components/ImageGallery/__tests__/ImageGalleryHeader.test.tsx b/package/src/components/ImageGallery/__tests__/ImageGalleryHeader.test.tsx
index c89109c237..2e1d1e08a8 100644
--- a/package/src/components/ImageGallery/__tests__/ImageGalleryHeader.test.tsx
+++ b/package/src/components/ImageGallery/__tests__/ImageGalleryHeader.test.tsx
@@ -34,7 +34,9 @@ jest.mock('../../../native.ts', () => {
     isImageMediaLibraryAvailable: jest.fn(() => true),
     isShareImageAvailable: jest.fn(() => true),
     isVideoPlayerAvailable: jest.fn(() => true),
-    Video: View,
+    NativeHandlers: {
+      Video: View,
+    },
   };
 });
 
diff --git a/package/src/components/ImageGallery/components/AnimatedGalleryVideo.tsx b/package/src/components/ImageGallery/components/AnimatedGalleryVideo.tsx
index 32e98ab2da..0fe17ca843 100644
--- a/package/src/components/ImageGallery/components/AnimatedGalleryVideo.tsx
+++ b/package/src/components/ImageGallery/components/AnimatedGalleryVideo.tsx
@@ -5,8 +5,8 @@ import Animated, { SharedValue } from 'react-native-reanimated';
 
 import {
   isVideoPlayerAvailable,
+  NativeHandlers,
   PlaybackStatus,
-  Video,
   VideoPayloadData,
   VideoProgressData,
   VideoType,
@@ -156,8 +156,8 @@ export const AnimatedGalleryVideo = React.memo(
 
     return (
       <Animated.View accessibilityLabel='Image Gallery Video' style={[...animatedStyles, style]}>
-        {isVideoPlayerAvailable() ? (
-          <Video
+        {isVideoPlayerAvailable() && NativeHandlers.Video ? (
+          <NativeHandlers.Video
             onBuffer={onBuffer}
             onEnd={onEnd}
             onLoad={onLoad}
diff --git a/package/src/components/ImageGallery/components/ImageGalleryFooter.tsx b/package/src/components/ImageGallery/components/ImageGalleryFooter.tsx
index 95cec819ab..9b321e5a72 100644
--- a/package/src/components/ImageGallery/components/ImageGalleryFooter.tsx
+++ b/package/src/components/ImageGallery/components/ImageGalleryFooter.tsx
@@ -13,11 +13,9 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { Grid as GridIconDefault, Share as ShareIconDefault } from '../../../icons';
 import {
-  deleteFile,
   isFileSystemAvailable,
   isShareImageAvailable,
-  saveFile,
-  shareImage,
+  NativeHandlers,
   VideoType,
 } from '../../../native';
 
@@ -138,19 +136,19 @@ export const ImageGalleryFooterWithContext = <
   const share = async () => {
     setShareMenuOpen(true);
     try {
-      if (!shareImage || !deleteFile) {
+      if (!NativeHandlers.shareImage || !NativeHandlers.deleteFile) {
         return;
       }
       const extension = photo.mime_type?.split('/')[1] || 'jpg';
-      const localFile = await saveFile({
+      const localFile = await NativeHandlers.saveFile({
         fileName: `${photo.user?.id || 'ChatPhoto'}-${
           photo.messageId
         }-${selectedIndex}.${extension}`,
         fromUrl: photo.uri,
       });
       // `image/jpeg` is added for the case where the mime_type isn't available for a file/image
-      await shareImage({ type: photo.mime_type || 'image/jpeg', url: localFile });
-      await deleteFile({ uri: localFile });
+      await NativeHandlers.shareImage({ type: photo.mime_type || 'image/jpeg', url: localFile });
+      await NativeHandlers.deleteFile({ uri: localFile });
     } catch (error) {
       console.log(error);
     }
diff --git a/package/src/components/ImageGallery/hooks/useImageGalleryGestures.tsx b/package/src/components/ImageGallery/hooks/useImageGalleryGestures.tsx
index 26f1a8731c..c974fe7c59 100644
--- a/package/src/components/ImageGallery/hooks/useImageGalleryGestures.tsx
+++ b/package/src/components/ImageGallery/hooks/useImageGalleryGestures.tsx
@@ -13,7 +13,7 @@ import {
 
 import { useImageGalleryContext } from '../../../contexts/imageGalleryContext/ImageGalleryContext';
 import { useOverlayContext } from '../../../contexts/overlayContext/OverlayContext';
-import { triggerHaptic } from '../../../native';
+import { NativeHandlers } from '../../../native';
 
 export enum HasPinched {
   FALSE = 0,
@@ -453,6 +453,8 @@ export const useImageGalleryGestures = ({
     .simultaneousWithExternalGesture(pinchRef)
     .withRef(panRef);
 
+  const triggerHaptic = NativeHandlers.triggerHaptic;
+
   /**
    * On pinch is run when two or more fingers touch the screen, it then takes over
    * all touch handling even if the number of fingers is reduced to one until the
diff --git a/package/src/components/Message/Message.tsx b/package/src/components/Message/Message.tsx
index 47232641eb..ae95f6c4ac 100644
--- a/package/src/components/Message/Message.tsx
+++ b/package/src/components/Message/Message.tsx
@@ -31,7 +31,7 @@ import {
   useTranslationContext,
 } from '../../contexts/translationContext/TranslationContext';
 
-import { isVideoPlayerAvailable, triggerHaptic } from '../../native';
+import { isVideoPlayerAvailable, NativeHandlers } from '../../native';
 import { DefaultStreamChatGenerics, FileTypes } from '../../types/types';
 import {
   hasOnlyEmojis,
@@ -623,7 +623,7 @@ const MessageWithContext = <
       setIsBounceDialogOpen(true);
       return;
     }
-    triggerHaptic('impactMedium');
+    NativeHandlers.triggerHaptic('impactMedium');
     showMessageOverlay();
   };
 
diff --git a/package/src/components/Message/MessageSimple/MessageSimple.tsx b/package/src/components/Message/MessageSimple/MessageSimple.tsx
index 35aeedcd92..fe476b53dd 100644
--- a/package/src/components/Message/MessageSimple/MessageSimple.tsx
+++ b/package/src/components/Message/MessageSimple/MessageSimple.tsx
@@ -22,7 +22,7 @@ import {
 } from '../../../contexts/messagesContext/MessagesContext';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 
-import { triggerHaptic } from '../../../native';
+import { NativeHandlers } from '../../../native';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { useMessageData } from '../hooks/useMessageData';
 
@@ -213,6 +213,8 @@ const MessageSimpleWithContext = <
 
   const THRESHOLD = 25;
 
+  const triggerHaptic = NativeHandlers.triggerHaptic;
+
   const swipeGesture = Gesture.Pan()
     .hitSlop(messageSwipeToReplyHitSlop)
     .onBegin((event) => {
@@ -245,7 +247,9 @@ const MessageSimpleWithContext = <
     .onEnd(() => {
       if (translateX.value >= THRESHOLD) {
         runOnJS(onSwipeToReply)();
-        runOnJS(triggerHaptic)('impactMedium');
+        if (triggerHaptic) {
+          runOnJS(triggerHaptic)('impactMedium');
+        }
       }
       translateX.value = withSpring(0, {
         dampingRatio: 1,
diff --git a/package/src/components/Message/MessageSimple/MessageStatus.tsx b/package/src/components/Message/MessageSimple/MessageStatus.tsx
index f104a0986e..a9c043ac7a 100644
--- a/package/src/components/Message/MessageSimple/MessageStatus.tsx
+++ b/package/src/components/Message/MessageSimple/MessageStatus.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
+import { useChannelContext } from '../../../contexts/channelContext/ChannelContext';
 import {
   MessageContextValue,
   useMessageContext,
@@ -23,6 +24,7 @@ const MessageStatusWithContext = <
 >(
   props: MessageStatusPropsWithContext<StreamChatGenerics>,
 ) => {
+  const { channel } = useChannelContext<StreamChatGenerics>();
   const { message, threadList } = props;
 
   const {
@@ -47,18 +49,29 @@ const MessageStatusWithContext = <
   }
 
   if (isMessageWithStylesReadByAndDateSeparator(message)) {
+    const members = channel?.state.members;
+    const otherMembers = Object.values(members).filter(
+      (member) => member.user_id !== message.user?.id,
+    );
+    const hasOtherMembersGreaterThanOne = otherMembers.length > 1;
+    const hasReadByGreaterThanOne = typeof message.readBy === 'number' && message.readBy > 1;
+    const shouldDisplayReadByCount = hasOtherMembersGreaterThanOne && hasReadByGreaterThanOne;
+    const countOfReadBy =
+      typeof message.readBy === 'number' && hasOtherMembersGreaterThanOne ? message.readBy - 1 : 0;
+    const showDoubleCheck = hasReadByGreaterThanOne || message.readBy === true;
+
     return (
       <View style={[styles.statusContainer, statusContainer]}>
-        {typeof message.readBy === 'number' ? (
+        {shouldDisplayReadByCount ? (
           <Text
             style={[styles.readByCount, { color: accent_blue }, readByCount]}
             testID='read-by-container'
           >
-            {message.readBy}
+            {countOfReadBy}
           </Text>
         ) : null}
         {message.type !== 'error' ? (
-          typeof message.readBy === 'number' || message.readBy === true ? (
+          showDoubleCheck ? (
             <CheckAll pathFill={accent_blue} {...checkAllIcon} />
           ) : (
             <Check pathFill={grey_dark} {...checkIcon} />
diff --git a/package/src/components/Message/MessageSimple/__tests__/MessageStatus.test.js b/package/src/components/Message/MessageSimple/__tests__/MessageStatus.test.js
index 9049de8d4f..400ed93719 100644
--- a/package/src/components/Message/MessageSimple/__tests__/MessageStatus.test.js
+++ b/package/src/components/Message/MessageSimple/__tests__/MessageStatus.test.js
@@ -2,6 +2,12 @@ import React from 'react';
 
 import { cleanup, render, waitFor } from '@testing-library/react-native';
 
+import { Channel } from '../../..';
+import { ChannelsStateProvider } from '../../../../contexts/channelsStateContext/ChannelsStateContext';
+import { getOrCreateChannelApi } from '../../../../mock-builders/api/getOrCreateChannel';
+import { useMockedApis } from '../../../../mock-builders/api/useMockedApis';
+import { generateChannelResponse } from '../../../../mock-builders/generator/channel';
+import { generateMember } from '../../../../mock-builders/generator/member';
 import { generateMessage } from '../../../../mock-builders/generator/message';
 import { generateStaticUser, generateUser } from '../../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../../mock-builders/mock';
@@ -10,26 +16,54 @@ import { Chat } from '../../../Chat/Chat';
 import { MessageStatus } from '../MessageStatus';
 
 let chatClient;
-let id;
 let i18nInstance;
-
+let channel;
 describe('MessageStatus', () => {
-  beforeAll(async () => {
+  const user1 = generateUser({ id: 'id1', name: 'name1' });
+  const user2 = generateUser({ id: 'id2', name: 'name2' });
+  const user3 = generateUser({ id: 'id3', name: 'name3' });
+  const messages = [generateMessage({ user: user1 })];
+  const members = [
+    generateMember({ user: user1 }),
+    generateMember({ user: user2 }),
+    generateMember({ user: user3 }),
+  ];
+  beforeAll(() => {
     id = 'testID';
-    chatClient = await getTestClientWithUser({ id });
     i18nInstance = new Streami18n();
   });
+  beforeEach(async () => {
+    jest.clearAllMocks();
+    const mockedChannel = generateChannelResponse({
+      members,
+      messages,
+    });
+
+    chatClient = await getTestClientWithUser(user1);
+    useMockedApis(chatClient, [getOrCreateChannelApi(mockedChannel)]);
+    channel = chatClient.channel('messaging', mockedChannel.id);
+  });
   afterEach(cleanup);
 
+  renderMessageStatus = (options, channelProps) =>
+    render(
+      <ChannelsStateProvider>
+        <Chat client={chatClient}>
+          <Channel channel={channel} {...channelProps}>
+            <MessageStatus {...options} />
+          </Channel>
+        </Chat>
+      </ChannelsStateProvider>,
+    );
+
   it('should render message status with delivered container', async () => {
     const user = generateUser();
     const message = generateMessage({ user });
 
-    const { getByTestId } = render(
-      <Chat client={chatClient} i18nInstance={i18nInstance}>
-        <MessageStatus lastReceivedId={message.id} message={{ ...message, status: 'received' }} />
-      </Chat>,
-    );
+    const { getByTestId } = renderMessageStatus({
+      lastReceivedId: message.id,
+      message: { ...message, status: 'received' },
+    });
 
     await waitFor(() => {
       expect(getByTestId('delivered-container')).toBeTruthy();
@@ -40,30 +74,33 @@ describe('MessageStatus', () => {
     const user = generateUser();
     const message = generateMessage({ readBy: 2, user });
 
-    const { getByTestId, getByText, rerender, toJSON } = render(
-      <Chat client={chatClient} i18nInstance={i18nInstance}>
-        <MessageStatus lastReceivedId={message.id} message={message} />
-      </Chat>,
-    );
+    const { getByTestId, getByText, rerender, toJSON } = renderMessageStatus({
+      lastReceivedId: message.id,
+      message,
+    });
 
     await waitFor(() => {
       expect(getByTestId('read-by-container')).toBeTruthy();
-      expect(getByText(message.readBy.toString())).toBeTruthy();
+      expect(getByText((message.readBy - 1).toString())).toBeTruthy();
     });
 
     const staticUser = generateStaticUser(0);
     const staticMessage = generateMessage({ readBy: 2, staticUser });
 
     rerender(
-      <Chat client={chatClient} i18nInstance={i18nInstance}>
-        <MessageStatus lastReceivedId={staticMessage.id} message={staticMessage} />
-      </Chat>,
+      <ChannelsStateProvider>
+        <Chat client={chatClient} i18nInstance={i18nInstance}>
+          <Channel channel={channel}>
+            <MessageStatus lastReceivedId={staticMessage.id} message={staticMessage} />
+          </Channel>
+        </Chat>
+      </ChannelsStateProvider>,
     );
 
     await waitFor(() => {
       expect(toJSON()).toMatchSnapshot();
       expect(getByTestId('read-by-container')).toBeTruthy();
-      expect(getByText(staticMessage.readBy.toString())).toBeTruthy();
+      expect(getByText((staticMessage.readBy - 1).toString())).toBeTruthy();
     });
   });
 
@@ -71,11 +108,9 @@ describe('MessageStatus', () => {
     const user = generateUser();
     const message = generateMessage({ user });
 
-    const { getByTestId } = render(
-      <Chat client={chatClient} i18nInstance={i18nInstance}>
-        <MessageStatus message={{ ...message, status: 'sending' }} />
-      </Chat>,
-    );
+    const { getByTestId } = renderMessageStatus({
+      message: { ...message, status: 'sending' },
+    });
 
     await waitFor(() => {
       expect(getByTestId('sending-container')).toBeTruthy();
diff --git a/package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageStatus.test.js.snap b/package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageStatus.test.js.snap
index cf8b4cd57a..6224aeaefb 100644
--- a/package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageStatus.test.js.snap
+++ b/package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageStatus.test.js.snap
@@ -2,106 +2,124 @@
 
 exports[`MessageStatus should render message status with read by container 1`] = `
 <View
+  keyboardVerticalOffset={86.5}
+  onLayout={[Function]}
   style={
-    [
-      {
-        "alignItems": "flex-end",
-        "flexDirection": "row",
-        "justifyContent": "center",
-        "paddingRight": 3,
-      },
-      {},
-    ]
+    {
+      "paddingBottom": 0,
+    }
   }
 >
-  <Text
-    style={
-      [
-        {
-          "fontSize": 11,
-          "fontWeight": "700",
-          "paddingRight": 3,
-        },
-        {
-          "color": "#005FFF",
-        },
-        {},
-      ]
-    }
-    testID="read-by-container"
-  >
-    2
-  </Text>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight={16}
-    bbWidth={16}
-    focusable={false}
-    height={16}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    pathFill="#005FFF"
+  <View
     style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 16,
-          "width": 16,
-        },
-      ]
+      {
+        "height": "100%",
+      }
     }
-    vbHeight={24}
-    vbWidth={24}
-    width={16}
   >
-    <RNSVGGroup
-      fill={
-        {
-          "payload": 4278190080,
-          "type": 0,
-        }
+    <View
+      style={
+        [
+          {
+            "alignItems": "flex-end",
+            "flexDirection": "row",
+            "justifyContent": "center",
+            "paddingRight": 3,
+          },
+          {},
+        ]
       }
     >
-      <RNSVGPath
-        clipRule={0}
-        d="M2.293 11.293a1 1 0 011.414 0l4 4a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414zM9.293 12.293a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414l-3-3a1 1 0 010-1.414z"
-        fill={
-          {
-            "payload": 4278214655,
-            "type": 0,
-          }
-        }
-        fillRule={0}
-        propList={
+      <Text
+        style={
           [
-            "fill",
-            "fillRule",
+            {
+              "fontSize": 11,
+              "fontWeight": "700",
+              "paddingRight": 3,
+            },
+            {
+              "color": "#005FFF",
+            },
+            {},
           ]
         }
-      />
-      <RNSVGPath
-        clipRule={0}
-        d="M15.707 7.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414-1.414l8-8a1 1 0 011.414 0zM21.707 7.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414-1.414l8-8a1 1 0 011.414 0z"
-        fill={
-          {
-            "payload": 4278214655,
-            "type": 0,
-          }
-        }
-        fillRule={0}
-        propList={
+        testID="read-by-container"
+      >
+        1
+      </Text>
+      <RNSVGSvgView
+        align="xMidYMid"
+        bbHeight={16}
+        bbWidth={16}
+        focusable={false}
+        height={16}
+        meetOrSlice={0}
+        minX={0}
+        minY={0}
+        pathFill="#005FFF"
+        style={
           [
-            "fill",
-            "fillRule",
+            {
+              "backgroundColor": "transparent",
+              "borderWidth": 0,
+            },
+            {
+              "flex": 0,
+              "height": 16,
+              "width": 16,
+            },
           ]
         }
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
+        vbHeight={24}
+        vbWidth={24}
+        width={16}
+      >
+        <RNSVGGroup
+          fill={
+            {
+              "payload": 4278190080,
+              "type": 0,
+            }
+          }
+        >
+          <RNSVGPath
+            clipRule={0}
+            d="M2.293 11.293a1 1 0 011.414 0l4 4a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414zM9.293 12.293a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414l-3-3a1 1 0 010-1.414z"
+            fill={
+              {
+                "payload": 4278214655,
+                "type": 0,
+              }
+            }
+            fillRule={0}
+            propList={
+              [
+                "fill",
+                "fillRule",
+              ]
+            }
+          />
+          <RNSVGPath
+            clipRule={0}
+            d="M15.707 7.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414-1.414l8-8a1 1 0 011.414 0zM21.707 7.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414-1.414l8-8a1 1 0 011.414 0z"
+            fill={
+              {
+                "payload": 4278214655,
+                "type": 0,
+              }
+            }
+            fillRule={0}
+            propList={
+              [
+                "fill",
+                "fillRule",
+              ]
+            }
+          />
+        </RNSVGGroup>
+      </RNSVGSvgView>
+    </View>
+  </View>
 </View>
 `;
diff --git a/package/src/components/Message/hooks/useMessageActionHandlers.ts b/package/src/components/Message/hooks/useMessageActionHandlers.ts
index 567eee779a..7107ffdc8f 100644
--- a/package/src/components/Message/hooks/useMessageActionHandlers.ts
+++ b/package/src/components/Message/hooks/useMessageActionHandlers.ts
@@ -8,7 +8,7 @@ import type { MessageContextValue } from '../../../contexts/messageContext/Messa
 import type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
 
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
-import { setClipboardString } from '../../../native';
+import { NativeHandlers } from '../../../native';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 export const useMessageActionHandlers = <
@@ -51,7 +51,7 @@ export const useMessageActionHandlers = <
     if (!message.text) {
       return;
     }
-    setClipboardString(message.text);
+    NativeHandlers.setClipboardString(message.text);
   };
 
   const handleDeleteMessage = () => {
diff --git a/package/src/components/MessageInput/MessageInput.tsx b/package/src/components/MessageInput/MessageInput.tsx
index 6180c565b5..c0202a1d06 100644
--- a/package/src/components/MessageInput/MessageInput.tsx
+++ b/package/src/components/MessageInput/MessageInput.tsx
@@ -59,7 +59,7 @@ import {
 import {
   isAudioRecorderAvailable,
   isImageMediaLibraryAvailable,
-  triggerHaptic,
+  NativeHandlers,
 } from '../../native';
 import type { Asset, DefaultStreamChatGenerics } from '../../types/types';
 import { AIStates, useAIState } from '../AITypingIndicatorView';
@@ -666,7 +666,7 @@ const MessageInputWithContext = <
 
   const micLockHandler = () => {
     setMicLocked(true);
-    triggerHaptic('impactMedium');
+    NativeHandlers.triggerHaptic('impactMedium');
   };
 
   const panGestureMic = Gesture.Pan()
diff --git a/package/src/components/MessageInput/__tests__/FileUploadPreview.test.js b/package/src/components/MessageInput/__tests__/FileUploadPreview.test.js
index 1c0b9a22dc..c918ace10c 100644
--- a/package/src/components/MessageInput/__tests__/FileUploadPreview.test.js
+++ b/package/src/components/MessageInput/__tests__/FileUploadPreview.test.js
@@ -34,8 +34,10 @@ jest.mock('../../../native.ts', () => {
     isImageMediaLibraryAvailable: jest.fn(() => true),
     isImagePickerAvailable: jest.fn(() => true),
     isSoundPackageAvailable: jest.fn(() => true),
-    Sound: {
-      Player: View,
+    NativeHandlers: {
+      Sound: {
+        Player: View,
+      },
     },
   };
 });
diff --git a/package/src/components/MessageInput/__tests__/MessageInput.test.js b/package/src/components/MessageInput/__tests__/MessageInput.test.js
index c85e0f6ef8..4fa3726c03 100644
--- a/package/src/components/MessageInput/__tests__/MessageInput.test.js
+++ b/package/src/components/MessageInput/__tests__/MessageInput.test.js
@@ -17,7 +17,7 @@ import {
 import { generateChannelResponse } from '../../../mock-builders/generator/channel';
 import { generateUser } from '../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../mock-builders/mock';
-import { Audio } from '../../../native';
+import { NativeHandlers } from '../../../native';
 import { AttachmentPickerSelectionBar } from '../../AttachmentPicker/components/AttachmentPickerSelectionBar';
 import { CameraSelectorIcon } from '../../AttachmentPicker/components/CameraSelectorIcon';
 import { FileSelectorIcon } from '../../AttachmentPicker/components/FileSelectorIcon';
@@ -149,8 +149,8 @@ describe('MessageInput', () => {
     await userBot.longPress(queryByTestId('audio-button'), { duration: 1000 });
 
     await waitFor(() => {
-      expect(Audio.startRecording).toHaveBeenCalledTimes(1);
-      expect(Audio.stopRecording).not.toHaveBeenCalled();
+      expect(NativeHandlers.Audio.startRecording).toHaveBeenCalledTimes(1);
+      expect(NativeHandlers.Audio.stopRecording).not.toHaveBeenCalled();
       expect(queryByTestId('recording-active-container')).toBeTruthy();
       expect(Alert.alert).not.toHaveBeenCalledWith('Hold to start recording.');
     });
@@ -158,9 +158,9 @@ describe('MessageInput', () => {
     unmount();
 
     await waitFor(() => {
-      expect(Audio.stopRecording).toHaveBeenCalledTimes(1);
+      expect(NativeHandlers.Audio.stopRecording).toHaveBeenCalledTimes(1);
       // once when starting the recording, once on unmount
-      expect(Audio.stopPlayer).toHaveBeenCalledTimes(2);
+      expect(NativeHandlers.Audio.stopPlayer).toHaveBeenCalledTimes(2);
     });
   });
 
@@ -181,8 +181,8 @@ describe('MessageInput', () => {
     await userBot.press(queryByTestId('audio-button'));
 
     await waitFor(() => {
-      expect(Audio.startRecording).not.toHaveBeenCalled();
-      expect(Audio.stopRecording).not.toHaveBeenCalled();
+      expect(NativeHandlers.Audio.startRecording).not.toHaveBeenCalled();
+      expect(NativeHandlers.Audio.stopRecording).not.toHaveBeenCalled();
       expect(queryByTestId('recording-active-container')).not.toBeTruthy();
       // This is sort of a brittle test, but there doesn't seem to be another way
       // to target alerts. The reason why it's here is because we had a bug with it.
diff --git a/package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx b/package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx
index f2ccc88e7e..d2f6dae66b 100644
--- a/package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx
+++ b/package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx
@@ -8,7 +8,7 @@ import {
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
 import { Mic } from '../../../../icons/Mic';
-import { AudioRecordingReturnType, triggerHaptic } from '../../../../native';
+import { AudioRecordingReturnType, NativeHandlers } from '../../../../native';
 
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
@@ -71,7 +71,7 @@ const AudioRecordingButtonWithContext = <
       handlePress();
     }
     if (!recording) {
-      triggerHaptic('notificationError');
+      NativeHandlers.triggerHaptic('notificationError');
       Alert.alert(t('Hold to start recording.'));
     }
   };
@@ -82,7 +82,7 @@ const AudioRecordingButtonWithContext = <
       return;
     }
     if (!recording) {
-      triggerHaptic('impactHeavy');
+      NativeHandlers.triggerHaptic('impactHeavy');
       if (!permissionsGranted) {
         Alert.alert(t('Please allow Audio permissions in settings.'), '', [
           {
diff --git a/package/src/components/MessageInput/hooks/useAudioController.tsx b/package/src/components/MessageInput/hooks/useAudioController.tsx
index a81ed3ce48..e9c63d131d 100644
--- a/package/src/components/MessageInput/hooks/useAudioController.tsx
+++ b/package/src/components/MessageInput/hooks/useAudioController.tsx
@@ -4,13 +4,11 @@ import { Alert, Platform } from 'react-native';
 
 import { useMessageInputContext } from '../../../contexts/messageInputContext/MessageInputContext';
 import {
-  Audio,
   AudioRecordingReturnType,
+  NativeHandlers,
   PlaybackStatus,
   RecordingStatus,
-  Sound,
   SoundReturnType,
-  triggerHaptic,
 } from '../../../native';
 import { File, FileTypes } from '../../../types/types';
 import { resampleWaveformData } from '../utils/audioSampling';
@@ -91,8 +89,8 @@ export const useAudioController = () => {
         await startVoicePlayer();
       } else {
         // For Native CLI
-        if (Audio?.resumePlayer) {
-          await Audio.resumePlayer();
+        if (NativeHandlers.Audio?.resumePlayer) {
+          await NativeHandlers.Audio.resumePlayer();
         }
         // For Expo CLI
         if (soundRef.current?.playAsync) {
@@ -101,8 +99,8 @@ export const useAudioController = () => {
       }
     } else {
       // For Native CLI
-      if (Audio?.pausePlayer) {
-        await Audio.pausePlayer();
+      if (NativeHandlers.Audio?.pausePlayer) {
+        await NativeHandlers.Audio.pausePlayer();
       }
       // For Expo CLI
       if (soundRef.current?.pauseAsync) {
@@ -120,14 +118,14 @@ export const useAudioController = () => {
       return;
     }
     // For Native CLI
-    if (Audio?.startPlayer) {
-      await Audio.startPlayer(recording, {}, onVoicePlayerPlaybackStatusUpdate);
+    if (NativeHandlers.Audio?.startPlayer) {
+      await NativeHandlers.Audio.startPlayer(recording, {}, onVoicePlayerPlaybackStatusUpdate);
     }
     // For Expo CLI
     if (recording && typeof recording !== 'string') {
       const uri = recording.getURI();
-      if (uri) {
-        soundRef.current = await Sound.initializeSound(
+      if (uri && NativeHandlers.Sound?.initializeSound) {
+        soundRef.current = await NativeHandlers.Sound.initializeSound(
           { uri },
           {},
           onVoicePlayerPlaybackStatusUpdate,
@@ -147,8 +145,8 @@ export const useAudioController = () => {
    */
   const stopVoicePlayer = async () => {
     // For Native CLI
-    if (Audio?.stopPlayer) {
-      await Audio.stopPlayer();
+    if (NativeHandlers.Audio?.stopPlayer) {
+      await NativeHandlers.Audio.stopPlayer();
     }
     // For Expo CLI
     if (soundRef.current?.stopAsync && soundRef.current?.unloadAsync) {
@@ -175,10 +173,10 @@ export const useAudioController = () => {
    * Function to start voice recording.
    */
   const startVoiceRecording = async () => {
-    if (!Audio) {
+    if (!NativeHandlers.Audio) {
       return;
     }
-    const recordingInfo = await Audio.startRecording(
+    const recordingInfo = await NativeHandlers.Audio.startRecording(
       {
         isMeteringEnabled: true,
       },
@@ -207,10 +205,10 @@ export const useAudioController = () => {
    * hence this approach.
    */
   const stopSDKVoiceRecording = async () => {
-    if (!Audio) {
+    if (!NativeHandlers.Audio) {
       return;
     }
-    await Audio.stopRecording();
+    await NativeHandlers.Audio.stopRecording();
   };
 
   /**
@@ -245,7 +243,7 @@ export const useAudioController = () => {
       await stopVoicePlayer();
     }
     resetState();
-    triggerHaptic('impactMedium');
+    NativeHandlers.triggerHaptic('impactMedium');
   };
 
   /**
diff --git a/package/src/components/MessageMenu/MessageReactionPicker.tsx b/package/src/components/MessageMenu/MessageReactionPicker.tsx
index 0c5f97a62a..5288a18562 100644
--- a/package/src/components/MessageMenu/MessageReactionPicker.tsx
+++ b/package/src/components/MessageMenu/MessageReactionPicker.tsx
@@ -11,7 +11,7 @@ import {
 
 import { useOwnCapabilitiesContext } from '../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import { triggerHaptic } from '../../native';
+import { NativeHandlers } from '../../native';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ReactionData } from '../../utils/utils';
 
@@ -67,7 +67,7 @@ export const MessageReactionPicker = <
   const supportedReactions = propSupportedReactions || contextSupportedReactions;
 
   const onSelectReaction = (type: string) => {
-    triggerHaptic('impactLight');
+    NativeHandlers.triggerHaptic('impactLight');
     if (handleReaction) {
       handleReaction(type);
     }
diff --git a/package/src/components/MessageMenu/__tests__/MessageReactionPicker.test.tsx b/package/src/components/MessageMenu/__tests__/MessageReactionPicker.test.tsx
index 5528c84251..86fa6a9826 100644
--- a/package/src/components/MessageMenu/__tests__/MessageReactionPicker.test.tsx
+++ b/package/src/components/MessageMenu/__tests__/MessageReactionPicker.test.tsx
@@ -12,11 +12,13 @@ import {
 } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { ThemeProvider } from '../../../contexts/themeContext/ThemeContext';
 import { defaultTheme } from '../../../contexts/themeContext/utils/theme';
-import { triggerHaptic } from '../../../native';
+import { NativeHandlers } from '../../../native';
 import { MessageReactionPicker } from '../MessageReactionPicker';
 
 jest.mock('../../../native', () => ({
-  triggerHaptic: jest.fn(),
+  NativeHandlers: {
+    triggerHaptic: jest.fn(),
+  },
 }));
 
 const mockSupportedReactions = [
@@ -77,7 +79,7 @@ describe('MessageReactionPicker', () => {
 
     expect(defaultProps.handleReaction).toHaveBeenCalledWith('love');
     expect(defaultProps.dismissOverlay).toHaveBeenCalled();
-    expect(triggerHaptic).toHaveBeenCalledWith('impactLight');
+    expect(NativeHandlers.triggerHaptic).toHaveBeenCalledWith('impactLight');
   });
 
   it("doesn't call handleReaction when it's not provided", () => {
diff --git a/package/src/contexts/messageInputContext/MessageInputContext.tsx b/package/src/contexts/messageInputContext/MessageInputContext.tsx
index 214a32745c..69332c214e 100644
--- a/package/src/contexts/messageInputContext/MessageInputContext.tsx
+++ b/package/src/contexts/messageInputContext/MessageInputContext.tsx
@@ -58,9 +58,7 @@ import {
   isDocumentPickerAvailable,
   isImageMediaLibraryAvailable,
   MediaTypes,
-  pickDocument,
-  pickImage,
-  takePhoto,
+  NativeHandlers,
 } from '../../native';
 import {
   Asset,
@@ -692,7 +690,10 @@ export const MessageInputProvider = <
   const takeAndUploadImage = async (mediaType?: MediaTypes) => {
     setSelectedPicker(undefined);
     closePicker();
-    const photo = await takePhoto({ compressImageQuality: value.compressImageQuality, mediaType });
+    const photo = await NativeHandlers.takePhoto({
+      compressImageQuality: value.compressImageQuality,
+      mediaType,
+    });
     if (photo.askToOpenSettings) {
       Alert.alert(
         t('Allow camera access in device settings'),
@@ -716,7 +717,7 @@ export const MessageInputProvider = <
    * Function for picking a photo from native image picker and uploading it
    */
   const pickAndUploadImageFromNativePicker = async () => {
-    const result = await pickImage();
+    const result = await NativeHandlers.pickImage();
     if (result.askToOpenSettings) {
       Alert.alert(
         t('Allow access to your Gallery'),
@@ -795,7 +796,7 @@ export const MessageInputProvider = <
       return;
     }
 
-    const result = await pickDocument({
+    const result = await NativeHandlers.pickDocument({
       maxNumberOfFiles: value.maxNumberOfFiles - numberOfUploads,
     });
 
diff --git a/package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx b/package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx
index 8a125d408d..2eeb4520bb 100644
--- a/package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx
+++ b/package/src/contexts/messageInputContext/__tests__/pickFile.test.tsx
@@ -8,7 +8,7 @@ import { generateFileAttachment } from '../../../mock-builders/generator/attachm
 
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { generateUser } from '../../../mock-builders/generator/user';
-import * as NativeUtils from '../../../native';
+import { NativeHandlers } from '../../../native';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import * as AttachmentPickerContext from '../../attachmentPickerContext/AttachmentPickerContext';
 
@@ -42,7 +42,7 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
 describe("MessageInputContext's pickFile", () => {
   afterEach(jest.clearAllMocks);
   jest.spyOn(Alert, 'alert');
-  jest.spyOn(NativeUtils, 'pickDocument').mockImplementation(
+  jest.spyOn(NativeHandlers, 'pickDocument').mockImplementation(
     jest.fn().mockResolvedValue({
       assets: [
         generateFileAttachment({ size: 500000000 }),
diff --git a/package/src/contexts/messagesContext/MessagesContext.tsx b/package/src/contexts/messagesContext/MessagesContext.tsx
index 430b4326df..7bbd02e82a 100644
--- a/package/src/contexts/messagesContext/MessagesContext.tsx
+++ b/package/src/contexts/messagesContext/MessagesContext.tsx
@@ -59,7 +59,7 @@ import { MessageUserReactionsProps } from '../../components/MessageMenu/MessageU
 import { MessageUserReactionsAvatarProps } from '../../components/MessageMenu/MessageUserReactionsAvatar';
 import { MessageUserReactionsItemProps } from '../../components/MessageMenu/MessageUserReactionsItem';
 import type { ReplyProps } from '../../components/Reply/Reply';
-import { FlatList } from '../../native';
+import { NativeHandlers } from '../../native';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { ReactionData } from '../../utils/utils';
 import type { Alignment, MessageContextValue } from '../messageContext/MessageContext';
@@ -132,7 +132,7 @@ export type MessagesContextValue<
    * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/FileIcon.tsx
    */
   FileAttachmentIcon: React.ComponentType<FileIconProps>;
-  FlatList: typeof FlatList | undefined;
+  FlatList: typeof NativeHandlers.FlatList | undefined;
   /**
    * UI component to display image attachments
    * Defaults to: [Gallery](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Gallery.tsx)
diff --git a/package/src/hooks/useAudioPlayer.ts b/package/src/hooks/useAudioPlayer.ts
index ff4db64eba..eb28bd97f4 100644
--- a/package/src/hooks/useAudioPlayer.ts
+++ b/package/src/hooks/useAudioPlayer.ts
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { SDK, SoundReturnType } from '../native';
+import { NativeHandlers, SoundReturnType } from '../native';
 
 export type UseSoundPlayerProps = {
   soundRef: React.MutableRefObject<SoundReturnType | null>;
@@ -13,7 +13,7 @@ export type UseSoundPlayerProps = {
 export const useAudioPlayer = (props: UseSoundPlayerProps) => {
   const { soundRef } = props;
 
-  const isExpoCLI = SDK === 'stream-chat-expo';
+  const isExpoCLI = NativeHandlers.SDK === 'stream-chat-expo';
 
   const playAudio = async () => {
     if (isExpoCLI) {
diff --git a/package/src/index.ts b/package/src/index.ts
index 7c71981e13..44a47ce67d 100644
--- a/package/src/index.ts
+++ b/package/src/index.ts
@@ -4,7 +4,7 @@ import './polyfills';
 
 export * from './components';
 export * from './hooks';
-export { registerNativeHandlers, iOS14RefreshGallerySelection } from './native';
+export { registerNativeHandlers } from './native';
 export * from './contexts';
 export * from './emoji-data';
 
@@ -31,5 +31,8 @@ export { default as heTranslations } from './i18n/he.json';
 export { SqliteClient } from './store/SqliteClient';
 export { version } from './version.json';
 
+import { NativeHandlers } from './native';
 import * as OfflineStoreApis from './store/apis';
 export { OfflineStoreApis };
+
+export const iOS14RefreshGallerySelection = NativeHandlers.iOS14RefreshGallerySelection;
diff --git a/package/src/native.ts b/package/src/native.ts
index 84b5b2a4d3..04843c2986 100644
--- a/package/src/native.ts
+++ b/package/src/native.ts
@@ -20,21 +20,14 @@ type CompressImage = ({
   uri: string;
   width: number;
 }) => Promise<string> | never;
-export let compressImage: CompressImage = fail;
 
 type DeleteFile = ({ uri }: { uri: string }) => Promise<boolean> | never;
-export let deleteFile: DeleteFile = fail;
-
-export let FlatList: typeof DefaultFlatList | undefined;
 
 type GetLocalAssetUri = (uriOrAssetId: string) => Promise<string | undefined> | never;
-export let getLocalAssetUri: GetLocalAssetUri = fail;
 
 type OniOS14LibrarySelectionChange = (callback: () => void) => { unsubscribe: () => void };
-export let oniOS14GalleryLibrarySelectionChange: OniOS14LibrarySelectionChange = fail;
 
 type iOS14RefreshGallerySelection = () => Promise<void>;
-export let iOS14RefreshGallerySelection: iOS14RefreshGallerySelection = fail;
 
 type GetPhotos = ({ after, first }: { first: number; after?: string }) =>
   | Promise<{
@@ -44,7 +37,6 @@ type GetPhotos = ({ after, first }: { first: number; after?: string }) =>
       iOSLimited: boolean;
     }>
   | never;
-export let getPhotos: GetPhotos = fail;
 
 type PickDocument = ({ maxNumberOfFiles }: { maxNumberOfFiles?: number }) =>
   | Promise<{
@@ -52,7 +44,6 @@ type PickDocument = ({ maxNumberOfFiles }: { maxNumberOfFiles?: number }) =>
       assets?: File[];
     }>
   | never;
-export let pickDocument: PickDocument = fail;
 
 type PickImageAssetType = {
   askToOpenSettings?: boolean;
@@ -61,36 +52,33 @@ type PickImageAssetType = {
 };
 
 type PickImage = () => Promise<PickImageAssetType> | never;
-export let pickImage: PickImage = fail;
 
 type SaveFileOptions = {
   fileName: string;
   fromUrl: string;
 };
 type SaveFile = (options: SaveFileOptions) => Promise<string> | never;
-export let saveFile: SaveFile = fail;
 
 type SetClipboardString = (text: string) => Promise<void> | never;
-export let setClipboardString: SetClipboardString = fail;
 
 type ShareOptions = {
   type?: string;
   url?: string;
 };
 type ShareImage = (options: ShareOptions) => Promise<boolean> | never;
-export let shareImage: ShareImage | undefined = fail;
 
 type Photo = Omit<Asset, 'source'> & {
   source: 'camera';
   askToOpenSettings?: boolean;
   cancelled?: boolean;
 };
+
 export type MediaTypes = 'image' | 'video' | 'mixed';
+
 type TakePhoto = (options: {
   compressImageQuality?: number;
   mediaType?: MediaTypes;
 }) => Promise<Photo> | never;
-export let takePhoto: TakePhoto = fail;
 
 type HapticFeedbackMethod =
   | 'impactHeavy'
@@ -100,8 +88,8 @@ type HapticFeedbackMethod =
   | 'notificationSuccess'
   | 'notificationWarning'
   | 'selection';
+
 type TriggerHaptic = (method: HapticFeedbackMethod) => void | never;
-export let triggerHaptic: TriggerHaptic = fail;
 
 export type PlaybackStatus = {
   currentPosition: number;
@@ -130,8 +118,6 @@ export type AVPlaybackStatusToSet = {
   volume: number;
 };
 
-export let SDK: string;
-
 export type SoundOptions = {
   basePathOrCallback?: string;
   callback?: () => void;
@@ -240,10 +226,6 @@ export type AudioType = {
   stopPlayer?: () => Promise<void>;
 };
 
-export let Audio: AudioType | undefined;
-
-export let Sound: SoundType;
-
 export type VideoSeekResponse = {
   currentTime: number;
   seekTime: number;
@@ -290,8 +272,6 @@ export type VideoType = {
   style?: StyleProp<ViewStyle>;
 };
 
-export let Video: React.ComponentType<VideoType>;
-
 type Handlers = {
   Audio?: AudioType;
   compressImage?: CompressImage;
@@ -316,97 +296,139 @@ type Handlers = {
   Video?: React.ComponentType<VideoType>;
 };
 
+export const NativeHandlers: Pick<Handlers, 'Audio' | 'FlatList' | 'Video' | 'Sound'> &
+  Required<
+    Pick<
+      Handlers,
+      | 'SDK'
+      | 'compressImage'
+      | 'deleteFile'
+      | 'getLocalAssetUri'
+      | 'getPhotos'
+      | 'iOS14RefreshGallerySelection'
+      | 'oniOS14GalleryLibrarySelectionChange'
+      | 'pickDocument'
+      | 'pickImage'
+      | 'saveFile'
+      | 'setClipboardString'
+      | 'shareImage'
+      | 'takePhoto'
+      | 'triggerHaptic'
+    >
+  > = {
+  Audio: undefined,
+  compressImage: fail,
+  deleteFile: fail,
+  FlatList: DefaultFlatList,
+  getLocalAssetUri: fail,
+  getPhotos: fail,
+  iOS14RefreshGallerySelection: fail,
+  oniOS14GalleryLibrarySelectionChange: fail,
+  pickDocument: fail,
+  pickImage: fail,
+  saveFile: fail,
+  SDK: '',
+  setClipboardString: fail,
+  shareImage: fail,
+  Sound: undefined,
+  takePhoto: fail,
+  triggerHaptic: fail,
+  Video: undefined,
+};
+
 export const registerNativeHandlers = (handlers: Handlers) => {
   if (handlers.Audio !== undefined) {
-    Audio = handlers.Audio;
+    NativeHandlers.Audio = handlers.Audio;
   }
 
-  if (Audio && handlers.overrideAudioRecordingConfiguration) {
-    Audio.audioRecordingConfiguration = handlers.overrideAudioRecordingConfiguration(
-      Audio.audioRecordingConfiguration,
+  if (NativeHandlers.Audio && handlers.overrideAudioRecordingConfiguration) {
+    NativeHandlers.Audio.audioRecordingConfiguration = handlers.overrideAudioRecordingConfiguration(
+      NativeHandlers.Audio.audioRecordingConfiguration,
     );
   }
 
   if (handlers.compressImage) {
-    compressImage = handlers.compressImage;
+    NativeHandlers.compressImage = handlers.compressImage;
   }
 
   if (handlers.deleteFile !== undefined) {
-    deleteFile = handlers.deleteFile;
+    NativeHandlers.deleteFile = handlers.deleteFile;
   }
 
   if (handlers.FlatList !== undefined) {
-    FlatList = handlers.FlatList;
+    NativeHandlers.FlatList = handlers.FlatList;
   }
 
   if (handlers.getLocalAssetUri !== undefined) {
-    getLocalAssetUri = handlers.getLocalAssetUri;
+    NativeHandlers.getLocalAssetUri = handlers.getLocalAssetUri;
   }
 
   if (handlers.getPhotos !== undefined) {
-    getPhotos = handlers.getPhotos;
+    NativeHandlers.getPhotos = handlers.getPhotos;
   }
 
   if (handlers.iOS14RefreshGallerySelection !== undefined) {
-    iOS14RefreshGallerySelection = handlers.iOS14RefreshGallerySelection;
+    NativeHandlers.iOS14RefreshGallerySelection = handlers.iOS14RefreshGallerySelection;
   }
 
   if (handlers.oniOS14GalleryLibrarySelectionChange !== undefined) {
-    oniOS14GalleryLibrarySelectionChange = handlers.oniOS14GalleryLibrarySelectionChange;
+    NativeHandlers.oniOS14GalleryLibrarySelectionChange =
+      handlers.oniOS14GalleryLibrarySelectionChange;
   }
 
   if (handlers.pickDocument !== undefined) {
-    pickDocument = handlers.pickDocument;
+    NativeHandlers.pickDocument = handlers.pickDocument;
   }
 
   if (handlers.pickImage !== undefined) {
-    pickImage = handlers.pickImage;
+    NativeHandlers.pickImage = handlers.pickImage;
   }
 
   if (handlers.saveFile !== undefined) {
-    saveFile = handlers.saveFile;
+    NativeHandlers.saveFile = handlers.saveFile;
   }
 
   if (handlers.SDK) {
-    SDK = handlers.SDK;
+    NativeHandlers.SDK = handlers.SDK;
   }
 
   if (handlers.shareImage !== undefined) {
-    shareImage = handlers.shareImage;
+    NativeHandlers.shareImage = handlers.shareImage;
   }
 
   if (handlers.Sound) {
-    Sound = handlers.Sound;
+    NativeHandlers.Sound = handlers.Sound;
   }
 
   if (handlers.takePhoto !== undefined) {
-    takePhoto = handlers.takePhoto;
+    NativeHandlers.takePhoto = handlers.takePhoto;
   }
 
   if (handlers.triggerHaptic !== undefined) {
-    triggerHaptic = handlers.triggerHaptic;
+    NativeHandlers.triggerHaptic = handlers.triggerHaptic;
   }
 
   if (handlers.Video !== undefined) {
-    Video = handlers.Video;
+    NativeHandlers.Video = handlers.Video;
   }
 
   if (handlers.setClipboardString !== undefined) {
-    setClipboardString = handlers.setClipboardString;
+    NativeHandlers.setClipboardString = handlers.setClipboardString;
   }
 };
 
-export const isImagePickerAvailable = () => !!takePhoto;
-export const isDocumentPickerAvailable = () => !!pickDocument;
-export const isClipboardAvailable = () => !!setClipboardString;
-export const isVideoPlayerAvailable = () => !!Video;
-export const isHapticFeedbackAvailable = () => !!triggerHaptic;
-export const isShareImageAvailable = () => !!shareImage;
-export const isFileSystemAvailable = () => !!saveFile || !!deleteFile;
-export const isAudioRecorderAvailable = () => !!Audio?.startRecording;
-export const isSoundPackageAvailable = () => !!Sound.Player || !!Sound.initializeSound;
+export const isImagePickerAvailable = () => !!NativeHandlers.takePhoto;
+export const isDocumentPickerAvailable = () => !!NativeHandlers.pickDocument;
+export const isClipboardAvailable = () => !!NativeHandlers.setClipboardString;
+export const isVideoPlayerAvailable = () => !!NativeHandlers.Video;
+export const isHapticFeedbackAvailable = () => !!NativeHandlers.triggerHaptic;
+export const isShareImageAvailable = () => !!NativeHandlers.shareImage;
+export const isFileSystemAvailable = () => !!NativeHandlers.saveFile || !!NativeHandlers.deleteFile;
+export const isAudioRecorderAvailable = () => !!NativeHandlers.Audio?.startRecording;
+export const isSoundPackageAvailable = () =>
+  !!NativeHandlers.Sound?.Player || !!NativeHandlers.Sound?.initializeSound;
 export const isImageMediaLibraryAvailable = () =>
-  !!getPhotos &&
-  !!iOS14RefreshGallerySelection &&
-  !!oniOS14GalleryLibrarySelectionChange &&
-  !!getLocalAssetUri;
+  !!NativeHandlers.getPhotos &&
+  !!NativeHandlers.iOS14RefreshGallerySelection &&
+  !!NativeHandlers.oniOS14GalleryLibrarySelectionChange &&
+  !!NativeHandlers.getLocalAssetUri;
diff --git a/package/src/utils/compressImage.ts b/package/src/utils/compressImage.ts
index da5b915885..b3efe1a4ac 100644
--- a/package/src/utils/compressImage.ts
+++ b/package/src/utils/compressImage.ts
@@ -1,4 +1,4 @@
-import { compressImage } from '../native';
+import { NativeHandlers } from '../native';
 import type { Asset } from '../types/types';
 
 /**
@@ -21,7 +21,7 @@ export const compressedImageURI = async (image: Partial<Asset>, compressImageQua
   typeof compressImageQuality !== 'number' ||
   compressImageQuality === 1
     ? uri
-    : compressImage({
+    : NativeHandlers.compressImage({
         compressImageQuality,
         height: image.height,
         uri,