diff --git a/examples/default/android/app/src/main/java/com/instabug/react/example/RNInstabugExampleCrashReportingModule.java b/examples/default/android/app/src/main/java/com/instabug/react/example/RNInstabugExampleCrashReportingModule.java
index 4ccb7ad3ce..d10291dd31 100644
--- a/examples/default/android/app/src/main/java/com/instabug/react/example/RNInstabugExampleCrashReportingModule.java
+++ b/examples/default/android/app/src/main/java/com/instabug/react/example/RNInstabugExampleCrashReportingModule.java
@@ -28,11 +28,10 @@ public String getName() {
     }
 
     @ReactMethod
-    public void sendNativeNonFatal(final String exceptionObject) {
+    public void sendNativeNonFatal() {
         final IBGNonFatalException exception = new IBGNonFatalException.Builder(new IllegalStateException("Test exception"))
                 .build();
         CrashReporting.report(exception);
-
     }
 
     @ReactMethod
diff --git a/examples/default/ios/Podfile.lock b/examples/default/ios/Podfile.lock
index 9cde707ae3..8204614422 100644
--- a/examples/default/ios/Podfile.lock
+++ b/examples/default/ios/Podfile.lock
@@ -2027,21 +2027,21 @@ SPEC CHECKSUMS:
   Instabug: 9e81b71be68626dafc74759f3458f7c5894dd2e1
   instabug-reactnative-ndk: d765ac289d56e8896398d02760d9abf2562fc641
   OCMock: 589f2c84dacb1f5aaf6e4cec1f292551fe748e74
-  RCT-Folly: 4464f4d875961fce86008d45f4ecf6cef6de0740
+  RCT-Folly: 34124ae2e667a0e5f0ea378db071d27548124321
   RCTDeprecation: 726d24248aeab6d7180dac71a936bbca6a994ed1
   RCTRequired: a94e7febda6db0345d207e854323c37e3a31d93b
   RCTTypeSafety: 28e24a6e44f5cbf912c66dde6ab7e07d1059a205
   React: c2830fa483b0334bda284e46a8579ebbe0c5447e
   React-callinvoker: 4aecde929540c26b841a4493f70ebf6016691eb8
-  React-Core: 9c059899f00d46b5cec3ed79251f77d9c469553d
-  React-CoreModules: 9fac2d31803c0ed03e4ddaa17f1481714f8633a5
-  React-cxxreact: a979810a3ca4045ceb09407a17563046a7f71494
+  React-Core: 32a581847d74ce9b5f51d9d11a4e4d132ad61553
+  React-CoreModules: f53e0674e1747fa41c83bc970e82add97b14ad87
+  React-cxxreact: 86f3b1692081fd954a0cb27cc90d14674645b64b
   React-debug: 3d21f69d8def0656f8b8ec25c0f05954f4d862c5
-  React-defaultsnativemodule: 2fa2bdb7bd03ff9764facc04aa8520ebf14febae
-  React-domnativemodule: 986e6fe7569e1383dce452a7b013b6c843a752df
-  React-Fabric: 3bc7be9e3a6b7581fc828dc2aa041e107fc8ffb8
-  React-FabricComponents: 668e0cb02344c2942e4c8921a643648faa6dc364
-  React-FabricImage: 3f44dd25a2b020ed5215d4438a1bb1f3461cd4f1
+  React-defaultsnativemodule: 2ed121c5a1edeab09cff382b8d9b538260f07848
+  React-domnativemodule: 4393dd5dd7e13dbe42e69ebc791064a616990f91
+  React-Fabric: cbf38ceefb1ac6236897abdb538130228e126695
+  React-FabricComponents: dd4b01c4a60920d8dc15f3b5594c6fe9e7648a38
+  React-FabricImage: 8b13aedfbd20f349b9b3314baf993c71c02995d9
   React-featureflags: ee1abd6f71555604a36cda6476e3c502ca9a48e5
   React-featureflagsnativemodule: 7ccc0cd666c2a6257401dceb7920818ac2b42803
   React-graphics: d7dd9c8d75cad5af19e19911fa370f78f2febd96
@@ -2065,25 +2065,25 @@ SPEC CHECKSUMS:
   react-native-slider: 4a0f3386a38fc3d2d955efc515aef7096f7d1ee4
   react-native-webview: c0b91a4598bd54e9fbc70353aebf1e9bab2e5bb9
   React-nativeconfig: 8c83d992b9cc7d75b5abe262069eaeea4349f794
-  React-NativeModulesApple: 9f7920224a3b0c7d04d77990067ded14cee3c614
+  React-NativeModulesApple: 97f606f09fd9840b3868333984d6a0e7bcc425b5
   React-perflogger: 59e1a3182dca2cee7b9f1f7aab204018d46d1914
-  React-performancetimeline: a9d05533ff834c6aa1f532e05e571f3fd2e3c1ed
+  React-performancetimeline: 3e3f5c5576fe1cc2dd5fcfb1ae2046d5dceda3d7
   React-RCTActionSheet: d80e68d3baa163e4012a47c1f42ddd8bcd9672cc
-  React-RCTAnimation: bde981f6bd7f8493696564da9b3bd05721d3b3cc
-  React-RCTAppDelegate: 0176615c51476c88212bf3edbafb840d39ea7631
-  React-RCTBlob: 520a0382bf8e89b9153d60e3c6293e51615834e9
-  React-RCTFabric: c9da097b19b30017a99498b8c66a69c72f3ce689
-  React-RCTImage: 90448d2882464af6015ed57c98f463f8748be465
-  React-RCTLinking: 1bd95d0a704c271d21d758e0f0388cced768d77d
-  React-RCTNetwork: 218af6e63eb9b47935cc5a775b7a1396cf10ff91
-  React-RCTSettings: e10b8e42b0fce8a70fbf169de32a2ae03243ef6b
-  React-RCTText: e7bf9f4997a1a0b45c052d4ad9a0fe653061cf29
-  React-RCTVibration: 5b70b7f11e48d1c57e0d4832c2097478adbabe93
+  React-RCTAnimation: 051f0781709c5ed80ba8aa2b421dfb1d72a03162
+  React-RCTAppDelegate: 106d225d076988b06aa4834e68d1ab754f40cacf
+  React-RCTBlob: 895eaf8bca2e76ee1c95b479235c6ccebe586fc6
+  React-RCTFabric: 8d01df202ee9e933f9b5dd44b72ec89a7ac6ee01
+  React-RCTImage: b73149c0cd54b641dba2d6250aaf168fee784d9f
+  React-RCTLinking: 23e519712285427e50372fbc6e0265d422abf462
+  React-RCTNetwork: a5d06d122588031989115f293654b13353753630
+  React-RCTSettings: 87d03b5d94e6eadd1e8c1d16a62f790751aafb55
+  React-RCTText: 75e9dd39684f4bcd1836134ac2348efaca7437b3
+  React-RCTVibration: 033c161fe875e6fa096d0d9733c2e2501682e3d4
   React-rendererconsistency: f620c6e003e3c4593e6349d8242b8aeb3d4633f0
-  React-rendererdebug: e697680f4dd117becc5daf9ea9800067abcee91c
+  React-rendererdebug: 5be7b834677b2a7a263f4d2545f0d4966cafad82
   React-rncore: c22bd84cc2f38947f0414fab6646db22ff4f80cd
-  React-RuntimeApple: de0976836b90b484305638616898cbc665c67c13
-  React-RuntimeCore: 3c4a5aa63d9e7a3c17b7fb23f32a72a8bcfccf57
+  React-RuntimeApple: 71160e6c02efa07d198b84ef5c3a52a7d9d0399d
+  React-RuntimeCore: f88f79ec995c12af56a265d7505c7630733d9d82
   React-runtimeexecutor: ea90d8e3a9e0f4326939858dafc6ab17c031a5d3
   React-RuntimeHermes: c6b0afdf1f493621214eeb6517fb859ce7b21b81
   React-runtimescheduler: 84f0d876d254bce6917a277b3930eb9bc29df6c7
@@ -2102,4 +2102,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: a1b532d67a1a86843e1f086101751ad55afa52da
 
-COCOAPODS: 1.14.0
+COCOAPODS: 1.16.2
diff --git a/examples/default/src/components/InputField.tsx b/examples/default/src/components/InputField.tsx
index feef8fd7b5..f3db99ed38 100644
--- a/examples/default/src/components/InputField.tsx
+++ b/examples/default/src/components/InputField.tsx
@@ -21,6 +21,7 @@ interface InputFieldProps {
   maxLength?: number;
   accessibilityLabel?: string;
   flex?: number;
+  testID?: string;
 }
 
 export const InputField = forwardRef<TextInput, InputFieldProps>(
@@ -34,6 +35,7 @@ export const InputField = forwardRef<TextInput, InputFieldProps>(
       maxLength,
       keyboardType,
       errorText,
+      testID,
       ...restProps
     },
     ref,
@@ -43,11 +45,14 @@ export const InputField = forwardRef<TextInput, InputFieldProps>(
         <TextInput
           ref={ref}
           placeholder={placeholder}
+          placeholderTextColor={'gray'}
           style={[styles.textInput, style]}
           maxLength={maxLength}
+          accessible={true}
           accessibilityLabel={accessibilityLabel}
           keyboardType={keyboardType}
           value={value}
+          testID={testID}
           onChangeText={onChangeText}
           {...restProps}
         />
@@ -63,9 +68,10 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     borderColor: '#ccc',
     paddingVertical: 10,
-    paddingHorizontal: 24,
-    fontSize: 16,
+    paddingHorizontal: 16,
+    fontSize: 12,
     borderRadius: 5,
+    color: 'black',
   },
   errorText: {
     color: '#ff0000',
diff --git a/examples/default/src/components/ListTile.tsx b/examples/default/src/components/ListTile.tsx
index 35540dc85a..1652598196 100644
--- a/examples/default/src/components/ListTile.tsx
+++ b/examples/default/src/components/ListTile.tsx
@@ -1,25 +1,48 @@
 import React, { PropsWithChildren } from 'react';
 
-import { Box, HStack, Pressable, Text } from 'native-base';
+import { Box, HStack, Pressable, Text, VStack } from 'native-base';
 
 interface ListTileProps extends PropsWithChildren {
   title: string;
+  subtitle?: string;
   onPress?: () => void;
+  testID?: string;
+  truncateSubtitle?: boolean;
 }
 
-export const ListTile: React.FC<ListTileProps> = ({ title, onPress, children }) => {
+export const ListTile: React.FC<ListTileProps> = ({
+  title,
+  subtitle,
+  onPress,
+  children,
+  testID,
+  truncateSubtitle = false,
+}) => {
   return (
     <Pressable
       onPress={onPress}
       p="4"
       rounded="2"
+      testID={testID}
       shadow="1"
+      accessible={true}
       borderBottomWidth="1"
       borderColor="coolGray.300"
       bg="coolGray.100"
       _pressed={{ bg: 'coolGray.200' }}>
       <HStack justifyContent="space-between" alignItems="center">
-        <Text>{title}</Text>
+        <VStack space={2}>
+          <Text>{title}</Text>
+          {subtitle && (
+            <Text
+              fontSize="xs"
+              color="coolGray.500"
+              numberOfLines={truncateSubtitle ? 1 : undefined}
+              ellipsizeMode={truncateSubtitle ? 'tail' : undefined}>
+              {subtitle}
+            </Text>
+          )}
+        </VStack>
         <Box width={160}>{children}</Box>
       </HStack>
     </Pressable>
diff --git a/examples/default/src/components/PlatformListTile.tsx b/examples/default/src/components/PlatformListTile.tsx
index 1bf1fe6e7d..bbee40444c 100644
--- a/examples/default/src/components/PlatformListTile.tsx
+++ b/examples/default/src/components/PlatformListTile.tsx
@@ -7,6 +7,7 @@ interface PlatformListTileProps extends PropsWithChildren {
   title: string;
   onPress?: () => void;
   platform?: 'ios' | 'android';
+  testID?: string;
 }
 
 export const PlatformListTile: React.FC<PlatformListTileProps> = ({
@@ -14,6 +15,7 @@ export const PlatformListTile: React.FC<PlatformListTileProps> = ({
   onPress,
   platform,
   children,
+  testID,
 }) => {
   if (Platform.OS === platform || !platform) {
     return (
@@ -25,7 +27,8 @@ export const PlatformListTile: React.FC<PlatformListTileProps> = ({
         borderBottomWidth="1"
         borderColor="coolGray.300"
         bg="coolGray.100"
-        _pressed={{ bg: 'coolGray.200' }}>
+        _pressed={{ bg: 'coolGray.200' }}
+        testID={testID}>
         <HStack justifyContent="space-between" alignItems="center">
           <Text>{title}</Text>
           <Box width={160}>{children}</Box>
diff --git a/examples/default/src/components/Select.tsx b/examples/default/src/components/Select.tsx
index 206aa74e0e..0d81e655e2 100644
--- a/examples/default/src/components/Select.tsx
+++ b/examples/default/src/components/Select.tsx
@@ -6,15 +6,17 @@ interface SelectItem<T> {
   label: string;
   value: T;
   isInitial?: boolean;
+  testID?: string;
 }
 
 interface SelectProps<T> {
   label: string;
   items: SelectItem<T>[];
   onValueChange: (value: T) => void;
+  testID?: string;
 }
 
-export function Select<T>({ label, items, onValueChange }: SelectProps<T>) {
+export function Select<T>({ label, items, onValueChange, testID }: SelectProps<T>) {
   const initialItem = items.find((i) => i.isInitial) ?? items[0];
   const [selectedItem, setSelectedItem] = useState(initialItem);
 
@@ -35,7 +37,7 @@ export function Select<T>({ label, items, onValueChange }: SelectProps<T>) {
         endIcon: <CheckIcon size="4" />,
       }}>
       {items.map((item) => (
-        <NativeBaseSelect.Item key={item.label} label={item.label} value={item.label} />
+        <NativeBaseSelect.Item key={item.label} label={item.label} value={item.label} testID={testID} />
       ))}
     </NativeBaseSelect>
   );
diff --git a/examples/default/src/navigation/HomeStack.tsx b/examples/default/src/navigation/HomeStack.tsx
index 090aa65873..2fefa84394 100644
--- a/examples/default/src/navigation/HomeStack.tsx
+++ b/examples/default/src/navigation/HomeStack.tsx
@@ -2,8 +2,41 @@ import React from 'react';
 
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 
-import { BugReportingScreen } from '../screens/BugReportingScreen';
+import { BugReportingScreen } from '../screens/bug-reporting/BugReportingScreen';
+import {
+  BugReportingStateScreen,
+  type BugReportingStateScreenProp,
+} from '../screens/bug-reporting/BugReportingStateScreen';
+import {
+  ExtendedBugReportStateScreen,
+  type ExtendedBugReportStateScreenProp,
+} from '../screens/bug-reporting/ExtendedBugReportStateScreen';
+import {
+  BugReportingTypesScreen,
+  type BugReportingTypesScreenProp,
+} from '../screens/bug-reporting/BugReportingTypesScreen';
+import {
+  DisclaimerTextScreen,
+  type DisclaimerTextScreenProp,
+} from '../screens/bug-reporting/DisclaimerTextScreen';
+import {
+  InvocationOptionsScreen,
+  type InvocationOptionsScreenProp,
+} from '../screens/bug-reporting/InvocationOptionsScreen';
+import {
+  ViewHierarchyScreen,
+  type ViewHierarchyScreenProp,
+} from '../screens/bug-reporting/ViewHierarchyScreen';
+import {
+  RepliesStateScreen,
+  type RepliesStateScreenProp,
+} from '../screens/bug-reporting/RepliesStateScreen';
+import { UserConsentScreen } from '../screens/bug-reporting/UserConsentScreen';
 import { CrashReportingScreen } from '../screens/CrashReportingScreen';
+import {
+  CrashReportingStateScreen,
+  type CrashReportingStateScreenProp,
+} from '../screens/crash-reporting/CrashReportingStateScreen';
 import { FeatureRequestsScreen } from '../screens/FeatureRequestsScreen';
 import { HomeScreen } from '../screens/HomeScreen';
 import { RepliesScreen } from '../screens/RepliesScreen';
@@ -31,11 +64,44 @@ import { HttpScreen } from '../screens/apm/HttpScreen';
 import { WebViewsScreen } from '../screens/apm/webViews/WebViewsScreen';
 import { FullWebViewsScreen } from '../screens/apm/webViews/FullWebViewsScreen';
 import { PartialWebViewsScreen } from '../screens/apm/webViews/PartialWebViewsScreen';
+import {
+  InvocationEventsScreen,
+  type InvocationEventsScreenProp,
+} from '../screens/bug-reporting/InvocationEventsScreen';
+import {
+  SessionProfilerScreen,
+  type SessionProfilerScreenProp,
+} from '../screens/bug-reporting/SessionProfilerScreen';
+import {
+  NDKCrashesStateScreen,
+  type NDKCrashesStateScreenProp,
+} from '../screens/crash-reporting/NDKCrashesStateScreen';
+import { NonFatalCrashesScreen } from '../screens/crash-reporting/NonFatalCrashesScreen';
+import { FatalCrashesScreen } from '../screens/crash-reporting/FatalCrashesScreen';
 
 export type HomeStackParamList = {
   Home: undefined;
+
+  // Bug Reporting //
   BugReporting: undefined;
+  BugReportingState: BugReportingStateScreenProp;
+  ExtendedBugReportState: ExtendedBugReportStateScreenProp;
+  BugReportingTypes: BugReportingTypesScreenProp;
+  DisclaimerText: DisclaimerTextScreenProp;
+  InvocationEvents: InvocationEventsScreenProp;
+  SessionProfiler: SessionProfilerScreenProp;
+  InvocationOptions: InvocationOptionsScreenProp;
+  ViewHierarchy: ViewHierarchyScreenProp;
+  RepliesState: RepliesStateScreenProp;
+  UserConsent: undefined;
+
+  // Crash Reporting //
   CrashReporting: undefined;
+  CrashReportingState: CrashReportingStateScreenProp;
+  NDKCrashesState: NDKCrashesStateScreenProp;
+  NonFatalCrashes: undefined;
+  FatalCrashes: undefined;
+
   FeatureRequests: undefined;
   Replies: undefined;
   Surveys: undefined;
@@ -69,16 +135,91 @@ export const HomeStackNavigator: React.FC = () => {
   return (
     <HomeStack.Navigator>
       <HomeStack.Screen name="Home" component={HomeScreen} />
+
+      {/* Bug Reporting */}
       <HomeStack.Screen
         name="BugReporting"
         component={BugReportingScreen}
         options={{ title: 'Bug Reporting' }}
       />
+      <HomeStack.Screen
+        name="BugReportingState"
+        component={BugReportingStateScreen}
+        options={{ title: 'Bug Reporting State' }}
+      />
+      <HomeStack.Screen
+        name="ExtendedBugReportState"
+        component={ExtendedBugReportStateScreen}
+        options={{ title: 'Extended Bug Report State' }}
+      />
+      <HomeStack.Screen
+        name="BugReportingTypes"
+        component={BugReportingTypesScreen}
+        options={{ title: 'Bug Reporting Types' }}
+      />
+      <HomeStack.Screen
+        name="DisclaimerText"
+        component={DisclaimerTextScreen}
+        options={{ title: 'Disclaimer Text' }}
+      />
+      <HomeStack.Screen
+        name="InvocationEvents"
+        component={InvocationEventsScreen}
+        options={{ title: 'Invocation Events' }}
+      />
+      <HomeStack.Screen
+        name="SessionProfiler"
+        component={SessionProfilerScreen}
+        options={{ title: 'Session Profiler' }}
+      />
+      <HomeStack.Screen
+        name="InvocationOptions"
+        component={InvocationOptionsScreen}
+        options={{ title: 'Invocation Options' }}
+      />
+      <HomeStack.Screen
+        name="ViewHierarchy"
+        component={ViewHierarchyScreen}
+        options={{ title: 'View Hierarchy' }}
+      />
+      <HomeStack.Screen
+        name="RepliesState"
+        component={RepliesStateScreen}
+        options={{ title: 'Replies State' }}
+      />
+      <HomeStack.Screen
+        name="UserConsent"
+        component={UserConsentScreen}
+        options={{ title: 'User Consent' }}
+      />
+
+      {/* Crash Reporting */}
       <HomeStack.Screen
         name="CrashReporting"
         component={CrashReportingScreen}
         options={{ title: 'Crash Reporting' }}
       />
+      <HomeStack.Screen
+        name="CrashReportingState"
+        component={CrashReportingStateScreen}
+        options={{ title: 'Crash Reporting State' }}
+      />
+      <HomeStack.Screen
+        name="NDKCrashesState"
+        component={NDKCrashesStateScreen}
+        options={{ title: 'NDK Crashes State' }}
+      />
+      <HomeStack.Screen
+        name="NonFatalCrashes"
+        component={NonFatalCrashesScreen}
+        options={{ title: 'Non-Fatal Crashes' }}
+      />
+      <HomeStack.Screen
+        name="FatalCrashes"
+        component={FatalCrashesScreen}
+        options={{ title: 'Fatal Crashes' }}
+      />
+
       <HomeStack.Screen
         name="FeatureRequests"
         component={FeatureRequestsScreen}
diff --git a/examples/default/src/screens/BugReportingScreen.tsx b/examples/default/src/screens/BugReportingScreen.tsx
deleted file mode 100644
index a8afc14a8d..0000000000
--- a/examples/default/src/screens/BugReportingScreen.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import React from 'react';
-
-import Instabug, {
-  BugReporting,
-  InvocationOption,
-  ReportType,
-  ExtendedBugReportMode,
-  WelcomeMessageMode,
-} from 'instabug-reactnative';
-
-import { ListTile } from '../components/ListTile';
-import { Screen } from '../components/Screen';
-import { useToast } from 'native-base';
-import { Section } from '../components/Section';
-
-export const BugReportingScreen: React.FC = () => {
-  const toast = useToast();
-  return (
-    <Screen>
-      <ListTile title="Show" onPress={() => Instabug.show()} />
-      <ListTile title="Send Bug Report" onPress={() => BugReporting.show(ReportType.bug, [])} />
-      <ListTile
-        title="Send Feedback"
-        onPress={() => BugReporting.show(ReportType.feedback, [InvocationOption.emailFieldHidden])}
-      />
-      <ListTile title="Ask a Question" onPress={() => BugReporting.show(ReportType.question, [])} />
-      <ListTile
-        title="Enable extended bug report with required fields"
-        onPress={() =>
-          BugReporting.setExtendedBugReportMode(ExtendedBugReportMode.enabledWithRequiredFields)
-        }
-      />
-      <ListTile
-        title="Enable extended bug report with optional fields"
-        onPress={() =>
-          BugReporting.setExtendedBugReportMode(ExtendedBugReportMode.enabledWithOptionalFields)
-        }
-      />
-      <ListTile
-        title="Disable session profiler"
-        onPress={() => Instabug.setSessionProfilerEnabled(true)}
-      />
-      <ListTile
-        title="Welcome message Beta"
-        onPress={() => Instabug.showWelcomeMessage(WelcomeMessageMode.beta)}
-      />
-      <ListTile
-        title="Welcome message Live"
-        onPress={() => Instabug.showWelcomeMessage(WelcomeMessageMode.live)}
-      />
-
-      <Section title="Handlers">
-        <ListTile
-          title="On invocation add tag"
-          onPress={() =>
-            BugReporting.onInvokeHandler(function () {
-              Instabug.appendTags(['Invocation Handler tag1']);
-            })
-          }
-        />
-        <ListTile
-          title="On submission show toast message"
-          onPress={() =>
-            Instabug.onReportSubmitHandler(() => {
-              toast.show({
-                description: 'Submission succeeded',
-              });
-            })
-          }
-        />
-        <ListTile
-          title="On dismissing turn floating to red"
-          onPress={() =>
-            BugReporting.onSDKDismissedHandler(function () {
-              Instabug.setPrimaryColor('#FF0000');
-            })
-          }
-        />
-      </Section>
-    </Screen>
-  );
-};
diff --git a/examples/default/src/screens/CrashReportingScreen.tsx b/examples/default/src/screens/CrashReportingScreen.tsx
index 397565ecd3..b30f2cb5bd 100644
--- a/examples/default/src/screens/CrashReportingScreen.tsx
+++ b/examples/default/src/screens/CrashReportingScreen.tsx
@@ -1,296 +1,72 @@
 import React, { useState } from 'react';
-import { Alert, Platform, ScrollView, StyleSheet, Text, View, Switch } from 'react-native';
+import { Platform, ScrollView } from 'react-native';
 
-import { CrashReporting, NonFatalErrorLevel } from 'instabug-reactnative';
+import { CrashReporting } from 'instabug-reactnative';
 
 import { ListTile } from '../components/ListTile';
 import { Screen } from '../components/Screen';
-import { Section } from '../components/Section';
-import { PlatformListTile } from '../components/PlatformListTile';
-import { NativeExampleCrashReporting } from '../native/NativeCrashReporting';
-import { VerticalListTile } from '../components/VerticalListTile';
-import { Button, VStack } from 'native-base';
-import { InputField } from '../components/InputField';
-import { Select } from '../components/Select';
-import { showNotification } from '../utils/showNotification';
+import { Divider } from 'native-base';
 
-const styles = StyleSheet.create({
-  inputWrapper: {
-    padding: 4,
-    flex: 1,
-  },
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../navigation/HomeStack';
 
-  formContainer: {
-    flexDirection: 'row',
-    alignItems: 'stretch',
-  },
-});
-
-export const CrashReportingScreen: React.FC = () => {
-  function throwHandledException(error: Error) {
-    try {
-      if (!error.message) {
-        const appName = 'Instabug Test App';
-        error.message = `Handled ${error.name} From ${appName}`;
-      }
-      throw error;
-    } catch (err) {
-      if (err instanceof Error) {
-        CrashReporting.reportError(err, { level: NonFatalErrorLevel.critical }).then(() =>
-          Alert.alert(`Crash report for ${error.name} is Sent!`),
-        );
-      }
-    }
-  }
-
-  function throwUnhandledException(error: Error, isPromise: boolean = false) {
-    const appName = 'Instabug Test App';
-    const rejectionType = isPromise ? 'Promise Rejection ' : '';
-    const errorMessage = `Unhandled ${rejectionType}${error.name} from ${appName}`;
-
-    if (!error.message) {
-      console.log(`IBG-CRSH | Error message: ${error.message}`);
-      error.message = errorMessage;
-    }
-
-    if (isPromise) {
-      console.log('IBG-CRSH | Promise');
-      Promise.reject(error).then(() =>
-        Alert.alert(`Promise Rejection Crash report for ${error.name} is Sent!`),
-      );
-    } else {
-      throw error;
-    }
-  }
-  const [isEnabled, setIsEnabled] = useState(false);
-
-  const [userAttributeKey, setUserAttributeKey] = useState('');
-  const [userAttributeValue, setUserAttributeValue] = useState('');
-  const [crashNameValue, setCrashNameValue] = useState('');
-  const [crashFingerprint, setCrashFingerprint] = useState('');
-  const [crashLevelValue, setCrashLevelValue] = useState<NonFatalErrorLevel>(
-    NonFatalErrorLevel.error,
-  );
-
-  const toggleSwitch = (value: boolean) => {
-    setIsEnabled(value);
-    CrashReporting.setEnabled(value);
-    showNotification('Crash Reporting status', 'Crash Reporting enabled set to ' + value);
-  };
-
-  function sendCrash() {
-    try {
-      const error = new Error(crashNameValue);
-
-      throw error;
-    } catch (err) {
-      if (err instanceof Error) {
-        const attrMap: { [k: string]: string } = {};
-        attrMap[userAttributeKey] = userAttributeValue;
-
-        const userAttributes: Record<string, string> = {};
-        if (userAttributeKey && userAttributeValue) {
-          userAttributes[userAttributeKey] = userAttributeValue;
-        }
-        const fingerprint = crashFingerprint.length === 0 ? undefined : crashFingerprint;
-
-        CrashReporting.reportError(err, {
-          userAttributes: userAttributes,
-          fingerprint: fingerprint,
-          level: crashLevelValue,
-        }).then(() => {
-          Alert.alert(`Crash report for ${crashNameValue} is Sent!`);
-        });
-      }
-    }
-  }
+export const CrashReportingScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'CrashReporting'>
+> = ({ navigation }) => {
+  const [isEnabled, setIsEnabled] = useState(true);
+  const [isNDKEnabled, setIsNDKEnabled] = useState(true);
 
   return (
-    <Screen>
-      <Text>Crash Reporting Enabled:</Text>
-      <Switch onValueChange={toggleSwitch} value={isEnabled} />
-      <ScrollView>
-        <Section title="Non-Fatals">
+    <ScrollView>
+      <Screen>
+        <ListTile
+          title="Crash Reporting State"
+          subtitle={isEnabled ? 'Enabled' : 'Disabled'}
+          onPress={() => {
+            navigation.navigate('CrashReportingState', {
+              isEnabled,
+              setIsEnabled: (enabled: boolean) => {
+                setIsEnabled(enabled);
+                CrashReporting.setEnabled(enabled);
+                navigation.goBack();
+              },
+            });
+          }}
+          testID="id_cr_state"
+        />
+
+        {Platform.OS === 'android' && (
           <ListTile
-            title="Throw Handled Exception"
-            onPress={() => throwHandledException(new Error())}
+            title="NDK Crashes State"
+            subtitle={isNDKEnabled ? 'Enabled' : 'Disabled'}
+            onPress={() => {
+              navigation.navigate('NDKCrashesState', {
+                isEnabled: isNDKEnabled,
+                setIsEnabled: (enabled: boolean) => {
+                  setIsNDKEnabled(enabled);
+                  CrashReporting.setNDKCrashesEnabled(enabled);
+                  navigation.goBack();
+                },
+              });
+            }}
+            testID="id_ndk_cr_state"
           />
-          <ListTile
-            title="Throw Handled Syntax Exception"
-            onPress={() => throwHandledException(new SyntaxError())}
-          />
-          <ListTile
-            title="Throw Handled Range Exception"
-            onPress={() => throwHandledException(new RangeError())}
-          />
-          <ListTile
-            title="Throw Handled Reference Exception"
-            onPress={() => throwHandledException(new ReferenceError())}
-          />
-          <ListTile
-            title="Throw Handled URIError Exception"
-            onPress={() => throwHandledException(new URIError())}
-          />
-          <ListTile
-            title="Throw Handled Native Exception"
-            onPress={() => NativeExampleCrashReporting.sendNativeNonFatal()}
-          />
-          <VerticalListTile title="Throw Handeld crash">
-            <VStack>
-              <View style={styles.inputWrapper}>
-                <InputField
-                  placeholder="Crash name"
-                  onChangeText={(key) => setCrashNameValue(key)}
-                  value={crashNameValue}
-                />
-              </View>
-              <View style={styles.formContainer}>
-                <View style={styles.inputWrapper}>
-                  <InputField
-                    placeholder="User attribute key"
-                    onChangeText={(key) => setUserAttributeKey(key)}
-                    value={userAttributeKey}
-                  />
-                </View>
-                <View style={styles.inputWrapper}>
-                  <InputField
-                    placeholder="User attribute value"
-                    onChangeText={(value) => setUserAttributeValue(value)}
-                    value={userAttributeValue}
-                  />
-                </View>
-              </View>
-              <View style={styles.inputWrapper}>
-                <Select
-                  label="Select Error Level"
-                  items={[
-                    {
-                      label: 'Error',
-                      value: NonFatalErrorLevel.error,
-                      isInitial: true,
-                    },
-                    {
-                      label: 'Info',
-                      value: NonFatalErrorLevel.info,
-                    },
-                    {
-                      label: 'Critical',
-                      value: NonFatalErrorLevel.critical,
-                    },
-                    {
-                      label: 'Warning',
-                      value: NonFatalErrorLevel.warning,
-                    },
-                  ]}
-                  onValueChange={(value) => {
-                    setCrashLevelValue(value);
-                  }}
-                />
-              </View>
-
-              <View style={styles.inputWrapper}>
-                <InputField
-                  placeholder="Fingerprint"
-                  onChangeText={(text) => setCrashFingerprint(text)}
-                  value={crashFingerprint}
-                />
-              </View>
-              <Button mt="4" onPress={sendCrash}>
-                Send Crash
-              </Button>
-            </VStack>
-          </VerticalListTile>
-        </Section>
-        <Section title={'Fatal Crashes'}>
-          <Text>Fatal Crashes can only be tested in release mode </Text>
-          <Text>These buttons will crash the application.</Text>
-          <ListTile
-            title="Reject Unhandled Promise"
-            onPress={() => throwUnhandledException(Error(), true)}
-          />
-          <ListTile
-            title="Throw Unhandled Fatal Exception"
-            onPress={() => throwUnhandledException(Error())}
-          />
-          <ListTile
-            title="Throw Unhandled Syntax Exception"
-            onPress={() => throwUnhandledException(new SyntaxError())}
-          />
-          <ListTile
-            title="Throw Unhandled Range Exception"
-            onPress={() => throwUnhandledException(new RangeError())}
-          />
-          <ListTile
-            title="Throw Unhandled Reference Exception"
-            onPress={() => throwUnhandledException(new ReferenceError())}
-          />
-          <ListTile
-            title="Throw Unhandled URIError Exception"
-            onPress={() => throwUnhandledException(new URIError())}
-          />
-          <ListTile
-            title="Throw Unhandled Native Exception"
-            onPress={() => NativeExampleCrashReporting.sendNativeFatalCrash()}
-          />
-          <ListTile
-            title="Send Native Fatal Hang"
-            onPress={() => NativeExampleCrashReporting.sendFatalHang()}
-          />
-          <PlatformListTile
-            title="Send Native ANR"
-            onPress={() => NativeExampleCrashReporting.sendANR()}
-            platform={'android'}
-          />
-          <ListTile
-            title="Throw Unhandled Native OOM Exception"
-            onPress={() => NativeExampleCrashReporting.sendOOM()}
-          />
-        </Section>
-        {Platform.OS === 'android' ? (
-          <Section title={'NDK Crashes'}>
-            <Text>NDK Crashes can only be tested in release mode </Text>
-            <Text>These buttons will crash the application.</Text>
-            <ListTile
-              title="Throw Unhandled NDK SIGSEGV Crash"
-              onPress={async () => {
-                console.log('Sending NDK SIGSEGV Crash');
-                await NativeExampleCrashReporting.causeSIGSEGVCrash();
-              }}
-            />
-            <ListTile
-              title="Throw Unhandled NDK SIGFPE Crash"
-              onPress={async () => {
-                console.log('Sending NDK SIGFPE Crash');
-                await NativeExampleCrashReporting.causeSIGFPECrash();
-              }}
-            />
-            <ListTile
-              title="Throw Unhandled NDK SIGILL Crash"
-              onPress={async () => {
-                console.log('Sending NDK SIGILL Crash');
-                await NativeExampleCrashReporting.causeSIGILLCrash();
-              }}
-            />
-
-            <ListTile
-              title="Throw Unhandled NDK SIGBUS Crash"
-              onPress={async () => {
-                console.log('Sending NDK SIGBUS Crash');
-                await NativeExampleCrashReporting.causeSIGBUSCrash();
-              }}
-            />
-            <ListTile
-              title="Throw Unhandled NDK SIGTRAP Crash"
-              onPress={async () => {
-                console.log('Sending NDK SIGTRAP Crash');
-                await NativeExampleCrashReporting.causeSIGTRAPCrash();
-              }}
-            />
-          </Section>
-        ) : (
-          <View />
         )}
-      </ScrollView>
-    </Screen>
+
+        <Divider my={5} />
+
+        <ListTile
+          title="Non-Fatal Crashes"
+          onPress={() => navigation.navigate('NonFatalCrashes')}
+          testID="id_non_fatal_crashes"
+        />
+
+        <ListTile
+          title="Fatal Crashes"
+          onPress={() => navigation.navigate('FatalCrashes')}
+          testID="id_fatal_crashes"
+        />
+      </Screen>
+    </ScrollView>
   );
 };
diff --git a/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx b/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx
new file mode 100644
index 0000000000..e955be19e6
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx
@@ -0,0 +1,302 @@
+import React, { type Dispatch, type SetStateAction, useState } from 'react';
+
+import Instabug, {
+  BugReporting,
+  InvocationOption,
+  ReportType,
+  ExtendedBugReportMode,
+  WelcomeMessageMode,
+  InvocationEvent,
+  Replies,
+} from 'instabug-reactnative';
+
+import { ListTile } from '../../components/ListTile';
+import { Screen } from '../../components/Screen';
+import { useToast, ScrollView, Divider } from 'native-base';
+import { Section } from '../../components/Section';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+import { BugReportingState } from './BugReportingStateScreen';
+import { ExtendedBugReportState } from './ExtendedBugReportStateScreen';
+
+export const BugReportingScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'BugReporting'>
+> = ({ navigation }) => {
+  const toast = useToast();
+  const [reportTypes, setReportTypes] = useState<ReportType[]>([
+    ReportType.bug,
+    ReportType.feedback,
+    ReportType.question,
+  ]);
+  const [invocationEvents, setInvocationEvents] = useState<string[]>(['floatingButton']);
+  const [invocationOptions, setInvocationOptions] = useState<string[]>([]);
+  const [isBugReportingEnabled, setIsBugReportingEnabled] = useState<boolean>(true);
+  const [extendedBugReportState, setExtendedBugReportState] = useState<ExtendedBugReportState>(
+    ExtendedBugReportState.Disabled,
+  );
+  const [disclaimerText, setDisclaimerText] = useState<string>('');
+  const [isSessionProfilerEnabled, setIsSessionProfilerEnabled] = useState<boolean>(true);
+  const [isViewHierarchyEnabled, setIsViewHierarchyEnabled] = useState<boolean>(false);
+  const [isRepliesEnabled, setIsRepliesEnabled] = useState<boolean>(true);
+
+  return (
+    <ScrollView flex={1} bg="gray.100">
+      <Screen>
+        <ListTile
+          title="Bug Reporting State"
+          subtitle={isBugReportingEnabled ? 'Enabled' : 'Disabled'}
+          onPress={() => {
+            navigation.navigate('BugReportingState', {
+              state: isBugReportingEnabled ? BugReportingState.Enabled : BugReportingState.Disabled,
+              setState: (newState: BugReportingState) => {
+                const isEnabled = newState === BugReportingState.Enabled;
+                setIsBugReportingEnabled(isEnabled);
+                BugReporting.setEnabled(isEnabled);
+                navigation.goBack();
+              },
+            });
+          }}
+          testID="id_br_state"
+        />
+
+        <ListTile
+          title="Extended Bug Report State"
+          subtitle={extendedBugReportState}
+          onPress={() => {
+            navigation.navigate('ExtendedBugReportState', {
+              state: extendedBugReportState,
+              setState: (newState: ExtendedBugReportState) => {
+                setExtendedBugReportState(newState);
+                switch (newState) {
+                  case ExtendedBugReportState.Disabled:
+                    BugReporting.setExtendedBugReportMode(ExtendedBugReportMode.disabled);
+                    break;
+                  case ExtendedBugReportState.EnabledWithRequiredFields:
+                    BugReporting.setExtendedBugReportMode(
+                      ExtendedBugReportMode.enabledWithRequiredFields,
+                    );
+                    break;
+                  case ExtendedBugReportState.EnabledWithOptionalFields:
+                    BugReporting.setExtendedBugReportMode(
+                      ExtendedBugReportMode.enabledWithOptionalFields,
+                    );
+                    break;
+                }
+                navigation.goBack();
+              },
+            });
+          }}
+          testID="id_extended_br_state"
+        />
+
+        <ListTile
+          title="Bug Reporting Types"
+          subtitle={reportTypes.length > 0 ? reportTypes.join(', ') : 'None selected'}
+          onPress={() => {
+            navigation.navigate('BugReportingTypes', {
+              selectedTypes: reportTypes,
+              setSelectedTypes: (types: ReportType[]) => {
+                setReportTypes(types);
+                BugReporting.setReportTypes(types);
+                navigation.goBack();
+              },
+            });
+          }}
+          testID="id_br_types"
+        />
+
+        <ListTile
+          title="Disclaimer Text"
+          subtitle={disclaimerText || 'Not set'}
+          truncateSubtitle={true}
+          onPress={() => {
+            navigation.navigate('DisclaimerText', {
+              initialText: disclaimerText,
+              setText: (text: string) => {
+                setDisclaimerText(text);
+              },
+            });
+          }}
+          testID="id_disclaimer_text"
+        />
+
+        <ListTile
+          title="Invocation Events"
+          subtitle={invocationEvents.length > 0 ? invocationEvents.join(', ') : 'None selected'}
+          onPress={() => {
+            navigation.navigate('InvocationEvents', {
+              selectedEvents: invocationEvents,
+              setSelectedEvents: (events: string[]) => {
+                setInvocationEvents(events);
+                const selectedEnums: InvocationEvent[] = events.map((val) => {
+                  switch (val) {
+                    case 'floatingButton':
+                      return InvocationEvent.floatingButton;
+                    case 'twoFingersSwipe':
+                      return InvocationEvent.twoFingersSwipe;
+                    case 'screenshot':
+                      return InvocationEvent.screenshot;
+                    case 'shake':
+                      return InvocationEvent.shake;
+                    default:
+                      throw new Error('Invalid invocation event selected');
+                  }
+                });
+                BugReporting.setInvocationEvents(selectedEnums);
+                navigation.goBack();
+              },
+            });
+          }}
+          testID="id_invocation_events"
+        />
+
+        <ListTile
+          title="Invocation Options"
+          subtitle={invocationOptions.length > 0 ? invocationOptions.join(', ') : 'None selected'}
+          onPress={() => {
+            navigation.navigate('InvocationOptions', {
+              selectedOptions: invocationOptions,
+              setSelectedOptions: (options: string[]) => {
+                setInvocationOptions(options);
+                const selectedEnums: InvocationOption[] = options.map((val) => {
+                  switch (val) {
+                    case 'commentFieldRequired':
+                      return InvocationOption.commentFieldRequired;
+                    case 'emailFieldHidden':
+                      return InvocationOption.emailFieldHidden;
+                    case 'emailFieldOptional':
+                      return InvocationOption.emailFieldOptional;
+                    case 'disablePostSendingDialog':
+                      return InvocationOption.disablePostSendingDialog;
+                    default:
+                      throw new Error('Invalid invocation option selected');
+                  }
+                });
+                BugReporting.setOptions(selectedEnums);
+                navigation.goBack();
+              },
+            });
+          }}
+          testID="id_invocation_options"
+        />
+
+        <ListTile
+          title="Session Profiler"
+          subtitle={isSessionProfilerEnabled ? 'Enabled' : 'Disabled'}
+          onPress={() => {
+            navigation.navigate('SessionProfiler', {
+              isEnabled: isSessionProfilerEnabled,
+              setIsEnabled: (enabled: boolean) => {
+                setIsSessionProfilerEnabled(enabled);
+                Instabug.setSessionProfilerEnabled(enabled);
+                navigation.goBack();
+              },
+            });
+          }}
+          testID="id_session_profiler"
+        />
+
+        <ListTile
+          title="View Hierarchy"
+          subtitle={isViewHierarchyEnabled ? 'Enabled' : 'Disabled'}
+          onPress={() => {
+            navigation.navigate('ViewHierarchy', {
+              isEnabled: isViewHierarchyEnabled,
+              setIsEnabled: (enabled: boolean) => {
+                setIsViewHierarchyEnabled(enabled);
+                BugReporting.setViewHierarchyEnabled(enabled);
+                navigation.goBack();
+              },
+            });
+          }}
+          testID="id_view_hierarchy"
+        />
+
+        <ListTile
+          title="Replies"
+          subtitle={isRepliesEnabled ? 'Enabled' : 'Disabled'}
+          onPress={() => {
+            navigation.navigate('RepliesState', {
+              isEnabled: isRepliesEnabled,
+              setIsEnabled: (enabled: boolean) => {
+                setIsRepliesEnabled(enabled);
+                Replies.setEnabled(enabled);
+                navigation.goBack();
+              },
+            });
+          }}
+          testID="id_replies"
+        />
+
+
+        <ListTile
+          title="User Consent"
+          onPress={() => navigation.navigate('UserConsent')}
+          testID="id_user_consent"
+        />
+
+        <Divider my={5} />
+
+        <ListTile title="Show" onPress={() => Instabug.show()} testID="id_show_button" />
+        <ListTile
+          title="Send Bug Report"
+          onPress={() => BugReporting.show(ReportType.bug, [])}
+          testID="id_send_bug_report"
+        />
+        <ListTile
+          title="Send Feedback"
+          onPress={() =>
+            BugReporting.show(ReportType.feedback, [InvocationOption.emailFieldHidden])
+          }
+          testID="id_send_feedback"
+        />
+        <ListTile
+          title="Ask a Question"
+          onPress={() => BugReporting.show(ReportType.question, [])}
+          testID="id_send_question"
+        />
+
+        <ListTile
+          title="Welcome message Beta"
+          onPress={() => Instabug.showWelcomeMessage(WelcomeMessageMode.beta)}
+        />
+        <ListTile
+          title="Welcome message Live"
+          onPress={() => Instabug.showWelcomeMessage(WelcomeMessageMode.live)}
+        />
+
+        <Divider my={5} />
+
+        <Section title="Handlers">
+          <ListTile
+            title="On invocation add tag"
+            onPress={() =>
+              BugReporting.onInvokeHandler(function () {
+                Instabug.appendTags(['Invocation Handler tag1']);
+              })
+            }
+          />
+          <ListTile
+            title="On submission show toast message"
+            testID="id_br_submission_show_toast_btn"
+            onPress={() =>
+              Instabug.onReportSubmitHandler(() => {
+                toast.show({
+                  description: 'Submission succeeded',
+                });
+              })
+            }
+          />
+          <ListTile
+            title="On dismissing turn floating to red"
+            onPress={() =>
+              BugReporting.onSDKDismissedHandler(function () {
+                Instabug.setPrimaryColor('#FF0000');
+              })
+            }
+          />
+        </Section>
+      </Screen>
+    </ScrollView>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/BugReportingStateScreen.tsx b/examples/default/src/screens/bug-reporting/BugReportingStateScreen.tsx
new file mode 100644
index 0000000000..eb47f99a3d
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/BugReportingStateScreen.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+
+import { ListTile } from '../../components/ListTile';
+import { Screen } from '../../components/Screen';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+export enum BugReportingState {
+  Enabled = 'Enabled',
+  Disabled = 'Disabled',
+}
+
+export interface BugReportingStateScreenProp {
+  state: BugReportingState;
+  setState: (state: BugReportingState) => void;
+}
+
+export const BugReportingStateScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'BugReportingState'>
+> = ({ navigation, route }) => {
+  const { state, setState } = route.params;
+  return (
+    <Screen>
+      <ListTile
+        title="Enabled"
+        testID="id_enabled"
+        onPress={() => setState(BugReportingState.Enabled)}
+        subtitle={state === BugReportingState.Enabled ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Disabled"
+        testID="id_disabled"
+        onPress={() => setState(BugReportingState.Disabled)}
+        subtitle={state === BugReportingState.Disabled ? 'Selected' : undefined}
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/BugReportingTypesScreen.tsx b/examples/default/src/screens/bug-reporting/BugReportingTypesScreen.tsx
new file mode 100644
index 0000000000..ad0da1eccb
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/BugReportingTypesScreen.tsx
@@ -0,0 +1,63 @@
+import React from 'react';
+
+import { ListTile } from '../../components/ListTile';
+import { Screen } from '../../components/Screen';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+import { ReportType } from 'instabug-reactnative';
+
+export interface BugReportingTypesScreenProp {
+  selectedTypes: ReportType[];
+  setSelectedTypes: (types: ReportType[]) => void;
+}
+
+export const BugReportingTypesScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'BugReportingTypes'>
+> = ({ navigation, route }) => {
+  const { selectedTypes, setSelectedTypes } = route.params;
+
+  const isSelected = (types: ReportType[]) => {
+    return (
+      types.length === selectedTypes.length && types.every((type) => selectedTypes.includes(type))
+    );
+  };
+
+  return (
+    <Screen>
+      <ListTile
+        title="Bug Only"
+        testID="id_bug_only"
+        onPress={() => setSelectedTypes([ReportType.bug])}
+        subtitle={isSelected([ReportType.bug]) ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Feedback Only"
+        testID="id_feedback_only"
+        onPress={() => setSelectedTypes([ReportType.feedback])}
+        subtitle={isSelected([ReportType.feedback]) ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Question Only"
+        testID="id_question_only"
+        onPress={() => setSelectedTypes([ReportType.question])}
+        subtitle={isSelected([ReportType.question]) ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Bug, and Question"
+        testID="id_bug_question"
+        onPress={() => setSelectedTypes([ReportType.bug, ReportType.question])}
+        subtitle={isSelected([ReportType.bug, ReportType.question]) ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="All"
+        testID="id_all"
+        onPress={() => setSelectedTypes([ReportType.bug, ReportType.feedback, ReportType.question])}
+        subtitle={
+          isSelected([ReportType.bug, ReportType.feedback, ReportType.question])
+            ? 'Selected'
+            : undefined
+        }
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/DisclaimerTextScreen.tsx b/examples/default/src/screens/bug-reporting/DisclaimerTextScreen.tsx
new file mode 100644
index 0000000000..ef7f0236b9
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/DisclaimerTextScreen.tsx
@@ -0,0 +1,49 @@
+import React, { useState } from 'react';
+import { View } from 'react-native';
+
+import { Screen } from '../../components/Screen';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+import { BugReporting } from 'instabug-reactnative';
+import { Input, Button, VStack } from 'native-base';
+
+export interface DisclaimerTextScreenProp {
+  initialText: string;
+  setText: (text: string) => void;
+}
+
+export const DisclaimerTextScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'DisclaimerText'>
+> = ({ navigation, route }) => {
+  const { initialText, setText } = route.params;
+  const [text, setLocalText] = useState(initialText);
+
+  const handleSave = () => {
+    setText(text);
+    BugReporting.setDisclaimerText(text);
+    navigation.goBack();
+  };
+
+  return (
+    <Screen>
+      <VStack space={4} p={4}>
+        <Input
+          placeholder="Enter disclaimer text"
+          onChangeText={setLocalText}
+          value={text}
+          testID="id_disclaimer_input"
+          multiline={true}
+        />
+        <Button onPress={handleSave} testID="id_disclaimer_save">
+          Save
+        </Button>
+        <Button
+          colorScheme="danger"
+          onPress={() => setLocalText('')}
+          testID="id_disclaimer_clear">
+          Clear
+        </Button>
+      </VStack>
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/ExtendedBugReportStateScreen.tsx b/examples/default/src/screens/bug-reporting/ExtendedBugReportStateScreen.tsx
new file mode 100644
index 0000000000..0591877064
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/ExtendedBugReportStateScreen.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+
+import { ListTile } from '../../components/ListTile';
+import { Screen } from '../../components/Screen';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+import { ExtendedBugReportMode } from 'instabug-reactnative';
+
+export enum ExtendedBugReportState {
+  Disabled = 'Disabled',
+  EnabledWithRequiredFields = 'EnabledWithRequiredFields',
+  EnabledWithOptionalFields = 'EnabledWithOptionalFields',
+}
+
+export interface ExtendedBugReportStateScreenProp {
+  state: ExtendedBugReportState;
+  setState: (state: ExtendedBugReportState) => void;
+}
+
+export const ExtendedBugReportStateScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'ExtendedBugReportState'>
+> = ({ navigation, route }) => {
+  const { state, setState } = route.params;
+  return (
+    <Screen>
+      <ListTile
+        title="Disabled"
+        testID="id_disabled"
+        onPress={() => setState(ExtendedBugReportState.Disabled)}
+        subtitle={state === ExtendedBugReportState.Disabled ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Enabled with Required Fields"
+        testID="id_enabled_required"
+        onPress={() => setState(ExtendedBugReportState.EnabledWithRequiredFields)}
+        subtitle={state === ExtendedBugReportState.EnabledWithRequiredFields ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Enabled with Optional Fields"
+        testID="id_enabled_optional"
+        onPress={() => setState(ExtendedBugReportState.EnabledWithOptionalFields)}
+        subtitle={state === ExtendedBugReportState.EnabledWithOptionalFields ? 'Selected' : undefined}
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/InvocationEventsScreen.tsx b/examples/default/src/screens/bug-reporting/InvocationEventsScreen.tsx
new file mode 100644
index 0000000000..108237bc7c
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/InvocationEventsScreen.tsx
@@ -0,0 +1,81 @@
+import React from 'react';
+import { Screen } from '../../components/Screen';
+import { ListTile } from '../../components/ListTile';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+export interface InvocationEventsScreenProp {
+  selectedEvents: string[];
+  setSelectedEvents: (events: string[]) => void;
+}
+
+export const InvocationEventsScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'InvocationEvents'>
+> = ({ navigation, route }) => {
+  const { selectedEvents, setSelectedEvents } = route.params;
+
+  const isSelected = (events: string[]) => {
+    return (
+      events.length === selectedEvents.length &&
+      events.every((event) => selectedEvents.includes(event))
+    );
+  };
+
+  return (
+    <Screen>
+      <ListTile
+        title="Floating Button"
+        onPress={() => setSelectedEvents(['floatingButton'])}
+        testID="id_floating_button"
+        subtitle={isSelected(['floatingButton']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="Two Fingers Swipe"
+        onPress={() => setSelectedEvents(['twoFingersSwipe'])}
+        testID="id_two_fingers_swipe"
+        subtitle={isSelected(['twoFingersSwipe']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="Screenshot"
+        onPress={() => setSelectedEvents(['screenshot'])}
+        testID="id_screenshot"
+        subtitle={isSelected(['screenshot']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="Shake"
+        onPress={() => setSelectedEvents(['shake'])}
+        testID="id_shake"
+        subtitle={isSelected(['shake']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="Floating Button, Shake, and Screenshot"
+        onPress={() => setSelectedEvents(['floatingButton', 'shake', 'screenshot'])}
+        testID="id_common"
+        subtitle={isSelected(['floatingButton', 'shake', 'screenshot']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="All"
+        onPress={() =>
+          setSelectedEvents(['floatingButton', 'twoFingersSwipe', 'screenshot', 'shake'])
+        }
+        testID="id_all"
+        subtitle={
+          isSelected(['floatingButton', 'twoFingersSwipe', 'screenshot', 'shake'])
+            ? 'Selected'
+            : undefined
+        }
+      />
+      <ListTile
+        title="None"
+        onPress={() => setSelectedEvents([])}
+        testID="id_none"
+        subtitle={isSelected([]) ? 'Selected' : undefined}
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/InvocationOptionsScreen.tsx b/examples/default/src/screens/bug-reporting/InvocationOptionsScreen.tsx
new file mode 100644
index 0000000000..0f8dfc5ff3
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/InvocationOptionsScreen.tsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import { Screen } from '../../components/Screen';
+import { ListTile } from '../../components/ListTile';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+export interface InvocationOptionsScreenProp {
+  selectedOptions: string[];
+  setSelectedOptions: (options: string[]) => void;
+}
+
+export const InvocationOptionsScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'InvocationOptions'>
+> = ({ navigation, route }) => {
+  const { selectedOptions, setSelectedOptions } = route.params;
+
+  const isSelected = (options: string[]) => {
+    return (
+      options.length === selectedOptions.length &&
+      options.every((option) => selectedOptions.includes(option))
+    );
+  };
+
+  return (
+    <Screen>
+      <ListTile
+        title="Comment Field Required"
+        onPress={() => setSelectedOptions(['commentFieldRequired'])}
+        testID="id_comment_field_required"
+        subtitle={isSelected(['commentFieldRequired']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="Email Field Hidden"
+        onPress={() => setSelectedOptions(['emailFieldHidden'])}
+        testID="id_email_field_hidden"
+        subtitle={isSelected(['emailFieldHidden']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="Email Field Optional"
+        onPress={() => setSelectedOptions(['emailFieldOptional'])}
+        testID="id_email_field_optional"
+        subtitle={isSelected(['emailFieldOptional']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="Disable Post Sending Dialog"
+        onPress={() => setSelectedOptions(['disablePostSendingDialog'])}
+        testID="id_disable_post_sending_dialog"
+        subtitle={isSelected(['disablePostSendingDialog']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="Comment Field Required, Email Field Hidden"
+        onPress={() => setSelectedOptions(['commentFieldRequired', 'emailFieldHidden'])}
+        testID="id_comment_field_required_email_field_hidden"
+        subtitle={isSelected(['commentFieldRequired', 'emailFieldHidden']) ? 'Selected' : undefined}
+      />
+
+      <ListTile
+        title="None"
+        onPress={() => setSelectedOptions([])}
+        testID="id_none"
+        subtitle={isSelected([]) ? 'Selected' : undefined}
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/RepliesStateScreen.tsx b/examples/default/src/screens/bug-reporting/RepliesStateScreen.tsx
new file mode 100644
index 0000000000..a42dbeefac
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/RepliesStateScreen.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { Screen } from '../../components/Screen';
+import { ListTile } from '../../components/ListTile';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+export interface RepliesStateScreenProp {
+  isEnabled: boolean;
+  setIsEnabled: (enabled: boolean) => void;
+}
+
+export const RepliesStateScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'RepliesState'>
+> = ({ navigation, route }) => {
+  const { isEnabled, setIsEnabled } = route.params;
+
+  return (
+    <Screen>
+      <ListTile
+        title="Enabled"
+        onPress={() => setIsEnabled(true)}
+        testID="id_enabled"
+        subtitle={isEnabled ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Disabled"
+        onPress={() => setIsEnabled(false)}
+        testID="id_disabled"
+        subtitle={!isEnabled ? 'Selected' : undefined}
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/SessionProfilerScreen.tsx b/examples/default/src/screens/bug-reporting/SessionProfilerScreen.tsx
new file mode 100644
index 0000000000..14b275c0a5
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/SessionProfilerScreen.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import { Screen } from '../../components/Screen';
+import { ListTile } from '../../components/ListTile';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+import Instabug from 'instabug-reactnative';
+
+export interface SessionProfilerScreenProp {
+  isEnabled: boolean;
+  setIsEnabled: (enabled: boolean) => void;
+}
+
+export const SessionProfilerScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'SessionProfiler'>
+> = ({ navigation, route }) => {
+  const { isEnabled, setIsEnabled } = route.params;
+
+  return (
+    <Screen>
+      <ListTile
+        title="Enabled"
+        onPress={() => setIsEnabled(true)}
+        testID="id_enabled"
+        subtitle={isEnabled ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Disabled"
+        onPress={() => setIsEnabled(false)}
+        testID="id_disabled"
+        subtitle={!isEnabled ? 'Selected' : undefined}
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/UserConsentScreen.tsx b/examples/default/src/screens/bug-reporting/UserConsentScreen.tsx
new file mode 100644
index 0000000000..8845cef94f
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/UserConsentScreen.tsx
@@ -0,0 +1,145 @@
+import React, { useState } from 'react';
+import { ScrollView, StyleSheet, View, Text, Alert } from 'react-native';
+import { BugReporting, userConsentActionType } from 'instabug-reactnative';
+import { Screen } from '../../components/Screen';
+import { Section } from '../../components/Section';
+import { Button, VStack } from 'native-base';
+import { InputField } from '../../components/InputField';
+import { Select } from '../../components/Select';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+const styles = StyleSheet.create({
+  inputWrapper: {
+    padding: 4,
+    flex: 1,
+  },
+  inputTitle: {
+    fontSize: 12,
+    fontWeight: 'bold',
+    color: 'black',
+    paddingLeft: 4,
+    paddingBottom: 4,
+  },
+});
+
+export const UserConsentScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'UserConsent'>
+> = ({ navigation }) => {
+  const [key, setKey] = useState<string>('');
+  const [description, setDescription] = useState<string>('');
+  const [mandatory, setMandatory] = useState<boolean>(false);
+  const [checked, setChecked] = useState<boolean>(false);
+  const [actionType, setActionType] = useState<userConsentActionType | undefined>(undefined);
+
+  const handleSubmit = () => {
+    BugReporting.addUserConsent(key, description, mandatory, checked, actionType);
+    Alert.alert('User Consent Added', 'User consent added successfully');
+    navigation.goBack();
+  };
+
+  return (
+    <ScrollView>
+      <Screen>
+        <Section title="User Consent">
+          <VStack>
+            <View style={styles.inputWrapper}>
+              <Text style={styles.inputTitle}>Key</Text>
+              <InputField
+                placeholder="Key"
+                onChangeText={setKey}
+                value={key}
+                testID="id_consent_key"
+              />
+            </View>
+            <View style={styles.inputWrapper}>
+              <Text style={styles.inputTitle}>Description</Text>
+              <InputField
+                placeholder="Description"
+                onChangeText={setDescription}
+                value={description}
+                testID="id_consent_description"
+              />
+            </View>
+            <View style={styles.inputWrapper}>
+              <Text style={styles.inputTitle}>Mandatory</Text>
+              <Select
+                label="Mandatory"
+                testID="id_consent_mandatory"
+                items={[
+                  {
+                    label: 'Yes',
+                    value: 'true',
+                    isInitial: true,
+                    testID: 'id_consent_mandatory_yes',
+                  },
+                  {
+                    label: 'No',
+                    value: 'false',
+                    testID: 'id_consent_mandatory_no',
+                  },
+                ]}
+                onValueChange={(value) => setMandatory(value === 'true')}
+              />
+            </View>
+            <View style={styles.inputWrapper}>
+              <Text style={styles.inputTitle}>Checked</Text>
+              <Select
+                label="Checked"
+                testID="id_consent_checked"
+                items={[
+                  {
+                    label: 'Yes',
+                    value: 'true',
+                    isInitial: true,
+                    testID: 'id_consent_checked_yes',
+                  },
+                  {
+                    label: 'No',
+                    value: 'false',
+                    testID: 'id_consent_checked_no',
+                  },
+                ]}
+                onValueChange={(value) => setChecked(value === 'true')}
+              />
+            </View>
+            <View style={styles.inputWrapper}>
+              <Text style={styles.inputTitle}>Action Type</Text>
+              <Select
+                label="Action Type"
+                testID="id_consent_action_type"
+                items={[
+                  {
+                    value: userConsentActionType.dropAutoCapturedMedia,
+                    label: 'Drop Auto Captured Media',
+                    testID: 'id_consent_action_type_dropAutoCapturedMedia',
+                  },
+                  {
+                    value: userConsentActionType.dropLogs,
+                    label: 'Drop Logs',
+                    testID: 'id_consent_action_type_dropLogs',
+                  },
+                  {
+                    value: userConsentActionType.noChat,
+                    label: 'No Chat',
+                    testID: 'id_consent_action_type_noChat',
+                  },
+                  {
+                    value: undefined,
+                    label: 'None',
+                    testID: 'id_consent_action_type_none',
+                    isInitial: true,
+                  },
+                ]}
+                onValueChange={setActionType}
+              />
+            </View>
+            <Button mt="4" onPress={handleSubmit} testID="id_submit_consent">
+              Add User Consent
+            </Button>
+          </VStack>
+        </Section>
+      </Screen>
+    </ScrollView>
+  );
+};
diff --git a/examples/default/src/screens/bug-reporting/ViewHierarchyScreen.tsx b/examples/default/src/screens/bug-reporting/ViewHierarchyScreen.tsx
new file mode 100644
index 0000000000..62b1a6ab3a
--- /dev/null
+++ b/examples/default/src/screens/bug-reporting/ViewHierarchyScreen.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { Screen } from '../../components/Screen';
+import { ListTile } from '../../components/ListTile';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+export interface ViewHierarchyScreenProp {
+  isEnabled: boolean;
+  setIsEnabled: (enabled: boolean) => void;
+}
+
+export const ViewHierarchyScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'ViewHierarchy'>
+> = ({ navigation, route }) => {
+  const { isEnabled, setIsEnabled } = route.params;
+
+  return (
+    <Screen>
+      <ListTile
+        title="Enabled"
+        onPress={() => setIsEnabled(true)}
+        testID="id_enabled"
+        subtitle={isEnabled ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Disabled"
+        onPress={() => setIsEnabled(false)}
+        testID="id_disabled"
+        subtitle={!isEnabled ? 'Selected' : undefined}
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/crash-reporting/CrashReportingStateScreen.tsx b/examples/default/src/screens/crash-reporting/CrashReportingStateScreen.tsx
new file mode 100644
index 0000000000..7ac6d90c81
--- /dev/null
+++ b/examples/default/src/screens/crash-reporting/CrashReportingStateScreen.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { Screen } from '../../components/Screen';
+import { ListTile } from '../../components/ListTile';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+export interface CrashReportingStateScreenProp {
+  isEnabled: boolean;
+  setIsEnabled: (enabled: boolean) => void;
+}
+
+export const CrashReportingStateScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'CrashReportingState'>
+> = ({ navigation, route }) => {
+  const { isEnabled, setIsEnabled } = route.params;
+
+  return (
+    <Screen>
+      <ListTile
+        title="Enabled"
+        onPress={() => setIsEnabled(true)}
+        testID="id_enabled"
+        subtitle={isEnabled ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Disabled"
+        onPress={() => setIsEnabled(false)}
+        testID="id_disabled"
+        subtitle={!isEnabled ? 'Selected' : undefined}
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/crash-reporting/FatalCrashesScreen.tsx b/examples/default/src/screens/crash-reporting/FatalCrashesScreen.tsx
new file mode 100644
index 0000000000..0fb1290dc2
--- /dev/null
+++ b/examples/default/src/screens/crash-reporting/FatalCrashesScreen.tsx
@@ -0,0 +1,152 @@
+import React from 'react';
+import { Alert, Platform, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { ListTile } from '../../components/ListTile';
+import { Screen } from '../../components/Screen';
+import { Section } from '../../components/Section';
+import { PlatformListTile } from '../../components/PlatformListTile';
+import { NativeExampleCrashReporting } from '../../native/NativeCrashReporting';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+const styles = StyleSheet.create({
+  sectionBodyText: {
+    color: 'gray',
+  },
+});
+
+export const FatalCrashesScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'FatalCrashes'>
+> = () => {
+  function throwUnhandledException(error: Error, isPromise: boolean = false) {
+    const appName = 'Instabug Test App';
+    const rejectionType = isPromise ? 'Promise Rejection ' : '';
+    const errorMessage = `Unhandled ${rejectionType}${error.name} from ${appName}`;
+
+    if (!error.message) {
+      console.log(`IBG-CRSH | Error message: ${error.message}`);
+      error.message = errorMessage;
+    }
+
+    if (isPromise) {
+      console.log('IBG-CRSH | Promise');
+      Promise.reject(error).then(() =>
+        Alert.alert(`Promise Rejection Crash report for ${error.name} is Sent!`),
+      );
+    } else {
+      throw error;
+    }
+  }
+
+  return (
+    <ScrollView>
+      <Screen>
+        <Section title="Fatal Crashes">
+          <Text style={styles.sectionBodyText}>
+            Fatal Crashes can only be tested in release mode
+          </Text>
+          <Text style={styles.sectionBodyText}>These buttons will crash the application.</Text>
+          <ListTile
+            title="Reject Unhandled Promise"
+            onPress={() => throwUnhandledException(Error(), true)}
+            testID="id_reject_unhandled_promise"
+          />
+          <ListTile
+            title="Throw Unhandled Fatal Exception"
+            onPress={() => throwUnhandledException(Error())}
+            testID="id_throw_unhandled_fatal_exception"
+          />
+          <ListTile
+            title="Throw Unhandled Syntax Exception"
+            onPress={() => throwUnhandledException(new SyntaxError())}
+            testID="id_throw_unhandled_syntax_exception"
+          />
+          <ListTile
+            title="Throw Unhandled Range Exception"
+            onPress={() => throwUnhandledException(new RangeError())}
+            testID="id_throw_unhandled_range_exception"
+          />
+          <ListTile
+            title="Throw Unhandled Reference Exception"
+            onPress={() => throwUnhandledException(new ReferenceError())}
+            testID="id_throw_unhandled_reference_exception"
+          />
+          <ListTile
+            title="Throw Unhandled URIError Exception"
+            onPress={() => throwUnhandledException(new URIError())}
+            testID="id_throw_unhandled_uri_error_exception"
+          />
+          <ListTile
+            title="Throw Unhandled Native Exception"
+            onPress={() => NativeExampleCrashReporting.sendNativeFatalCrash()}
+            testID="id_throw_unhandled_native_exception"
+          />
+          <ListTile
+            title="Send Native Fatal Hang"
+            onPress={() => NativeExampleCrashReporting.sendFatalHang()}
+            testID="id_send_native_fatal_hang"
+          />
+          <PlatformListTile
+            title="Send Native ANR"
+            onPress={() => NativeExampleCrashReporting.sendANR()}
+            platform={'android'}
+            testID="id_send_native_anr"
+          />
+          <ListTile
+            title="Throw Unhandled Native OOM Exception"
+            onPress={() => NativeExampleCrashReporting.sendOOM()}
+            testID="id_throw_unhandled_native_oom_exception"
+          />
+        </Section>
+
+        {Platform.OS === 'android' && (
+          <Section title="NDK Crashes">
+            <Text style={styles.sectionBodyText}>
+              NDK Crashes can only be tested in release mode.
+            </Text>
+            <Text style={styles.sectionBodyText}>These buttons will crash the application.</Text>
+            <ListTile
+              title="Throw Unhandled NDK SIGSEGV Crash"
+              onPress={async () => {
+                console.log('Sending NDK SIGSEGV Crash');
+                await NativeExampleCrashReporting.causeSIGSEGVCrash();
+              }}
+              testID="id_throw_unhandled_ndk_sigsegv_crash"
+            />
+            <ListTile
+              title="Throw Unhandled NDK SIGFPE Crash"
+              onPress={async () => {
+                console.log('Sending NDK SIGFPE Crash');
+                await NativeExampleCrashReporting.causeSIGFPECrash();
+              }}
+              testID="id_throw_unhandled_ndk_sigfpe_crash"
+            />
+            <ListTile
+              title="Throw Unhandled NDK SIGILL Crash"
+              onPress={async () => {
+                console.log('Sending NDK SIGILL Crash');
+                await NativeExampleCrashReporting.causeSIGILLCrash();
+              }}
+              testID="id_throw_unhandled_ndk_sigill_crash"
+            />
+            <ListTile
+              title="Throw Unhandled NDK SIGBUS Crash"
+              onPress={async () => {
+                console.log('Sending NDK SIGBUS Crash');
+                await NativeExampleCrashReporting.causeSIGBUSCrash();
+              }}
+              testID="id_throw_unhandled_ndk_sigbus_crash"
+            />
+            <ListTile
+              title="Throw Unhandled NDK SIGTRAP Crash"
+              onPress={async () => {
+                console.log('Sending NDK SIGTRAP Crash');
+                await NativeExampleCrashReporting.causeSIGTRAPCrash();
+              }}
+              testID="id_throw_unhandled_ndk_sigtrap_crash"
+            />
+          </Section>
+        )}
+      </Screen>
+    </ScrollView>
+  );
+};
diff --git a/examples/default/src/screens/crash-reporting/NDKCrashesStateScreen.tsx b/examples/default/src/screens/crash-reporting/NDKCrashesStateScreen.tsx
new file mode 100644
index 0000000000..7abe19e401
--- /dev/null
+++ b/examples/default/src/screens/crash-reporting/NDKCrashesStateScreen.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { Screen } from '../../components/Screen';
+import { ListTile } from '../../components/ListTile';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+export interface NDKCrashesStateScreenProp {
+  isEnabled: boolean;
+  setIsEnabled: (enabled: boolean) => void;
+}
+
+export const NDKCrashesStateScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'NDKCrashesState'>
+> = ({ navigation, route }) => {
+  const { isEnabled, setIsEnabled } = route.params;
+
+  return (
+    <Screen>
+      <ListTile
+        title="Enabled"
+        onPress={() => setIsEnabled(true)}
+        testID="id_enabled"
+        subtitle={isEnabled ? 'Selected' : undefined}
+      />
+      <ListTile
+        title="Disabled"
+        onPress={() => setIsEnabled(false)}
+        testID="id_disabled"
+        subtitle={!isEnabled ? 'Selected' : undefined}
+      />
+    </Screen>
+  );
+};
diff --git a/examples/default/src/screens/crash-reporting/NonFatalCrashesScreen.tsx b/examples/default/src/screens/crash-reporting/NonFatalCrashesScreen.tsx
new file mode 100644
index 0000000000..bb3be7c50b
--- /dev/null
+++ b/examples/default/src/screens/crash-reporting/NonFatalCrashesScreen.tsx
@@ -0,0 +1,191 @@
+import React, { useState } from 'react';
+import { Alert, ScrollView, StyleSheet, View } from 'react-native';
+import { CrashReporting, NonFatalErrorLevel } from 'instabug-reactnative';
+import { ListTile } from '../../components/ListTile';
+import { Screen } from '../../components/Screen';
+import { Section } from '../../components/Section';
+import { NativeExampleCrashReporting } from '../../native/NativeCrashReporting';
+import { VerticalListTile } from '../../components/VerticalListTile';
+import { Button, Divider, VStack } from 'native-base';
+import { InputField } from '../../components/InputField';
+import { Select } from '../../components/Select';
+import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+import type { HomeStackParamList } from '../../navigation/HomeStack';
+
+const styles = StyleSheet.create({
+  inputWrapper: {
+    padding: 4,
+    flex: 1,
+  },
+  formContainer: {
+    flexDirection: 'row',
+    alignItems: 'stretch',
+  },
+});
+
+export const NonFatalCrashesScreen: React.FC<
+  NativeStackScreenProps<HomeStackParamList, 'NonFatalCrashes'>
+> = () => {
+  const [userAttributeKey, setUserAttributeKey] = useState('');
+  const [userAttributeValue, setUserAttributeValue] = useState('');
+  const [crashNameValue, setCrashNameValue] = useState('');
+  const [crashFingerprint, setCrashFingerprint] = useState('');
+  const [crashLevelValue, setCrashLevelValue] = useState<NonFatalErrorLevel>(
+    NonFatalErrorLevel.error,
+  );
+
+  function throwHandledException(error: Error) {
+    try {
+      if (!error.message) {
+        const appName = 'Instabug Test App';
+        error.message = `Handled ${error.name} From ${appName}`;
+      }
+      throw error;
+    } catch (err) {
+      if (err instanceof Error) {
+        CrashReporting.reportError(err, { level: NonFatalErrorLevel.critical })?.then(() =>
+          Alert.alert(`Crash report for ${err.name} is Sent!`),
+        );
+      }
+    }
+  }
+
+  function sendCrash() {
+    try {
+      const error = new Error(crashNameValue);
+      throw error;
+    } catch (err) {
+      if (err instanceof Error) {
+        const userAttributes: Record<string, string> = {};
+        if (userAttributeKey && userAttributeValue) {
+          userAttributes[userAttributeKey] = userAttributeValue;
+        }
+        const fingerprint = crashFingerprint.length === 0 ? undefined : crashFingerprint;
+
+        CrashReporting.reportError(err, {
+          userAttributes: userAttributes,
+          fingerprint: fingerprint,
+          level: crashLevelValue,
+        })?.then(() => {
+          Alert.alert(`Crash report for ${crashNameValue} is Sent!`);
+        });
+      }
+    }
+  }
+
+  return (
+    <ScrollView>
+      <Screen>
+        <Section title="Non-Fatals">
+          <ListTile
+            title="Throw Handled Exception"
+            onPress={() => throwHandledException(new Error())}
+            testID="id_throw_handled_exception"
+          />
+          <ListTile
+            title="Throw Handled Syntax Exception"
+            onPress={() => throwHandledException(new SyntaxError())}
+            testID="id_throw_handled_syntax_exception"
+          />
+          <ListTile
+            title="Throw Handled Range Exception"
+            onPress={() => throwHandledException(new RangeError())}
+            testID="id_throw_handled_range_exception"
+          />
+          <ListTile
+            title="Throw Handled Reference Exception"
+            onPress={() => throwHandledException(new ReferenceError())}
+            testID="id_throw_handled_reference_exception"
+          />
+          <ListTile
+            title="Throw Handled URIError Exception"
+            onPress={() => throwHandledException(new URIError())}
+            testID="id_throw_handled_uri_error_exception"
+          />
+          <ListTile
+            title="Throw Handled Native Exception"
+            onPress={() => NativeExampleCrashReporting.sendNativeNonFatal()}
+            testID="id_throw_handled_native_exception"
+          />
+
+          <Divider my={5} />
+
+          <Section title="Throw Handeld crash">
+            <VStack>
+              <View style={styles.inputWrapper}>
+                <InputField
+                  placeholder="Crash name"
+                  onChangeText={(key) => setCrashNameValue(key)}
+                  value={crashNameValue}
+                  testID="id_crash_name"
+                />
+              </View>
+              <View style={styles.formContainer}>
+                <View style={styles.inputWrapper}>
+                  <InputField
+                    placeholder="User attribute key"
+                    onChangeText={(key) => setUserAttributeKey(key)}
+                    value={userAttributeKey}
+                    testID="id_user_attribute_key"
+                  />
+                </View>
+                <View style={styles.inputWrapper}>
+                  <InputField
+                    placeholder="User attribute value"
+                    onChangeText={(value) => setUserAttributeValue(value)}
+                    value={userAttributeValue}
+                    testID="id_user_attribute_value"
+                  />
+                </View>
+              </View>
+              <View style={styles.inputWrapper}>
+                <Select
+                  label="Select Error Level"
+                  testID="id_error_level"
+                  items={[
+                    {
+                      label: 'Error',
+                      value: NonFatalErrorLevel.error,
+                      isInitial: true,
+                      testID: 'id_error_level_error',
+                    },
+                    {
+                      label: 'Info',
+                      value: NonFatalErrorLevel.info,
+                      testID: 'id_error_level_info',
+                    },
+                    {
+                      label: 'Critical',
+                      value: NonFatalErrorLevel.critical,
+                      testID: 'id_error_level_critical',
+                    },
+                    {
+                      label: 'Warning',
+                      value: NonFatalErrorLevel.warning,
+                      testID: 'id_error_level_warning',
+                    },
+                  ]}
+                  onValueChange={(value) => {
+                    setCrashLevelValue(value);
+                  }}
+                />
+              </View>
+
+              <View style={styles.inputWrapper}>
+                <InputField
+                  placeholder="Fingerprint"
+                  onChangeText={(text) => setCrashFingerprint(text)}
+                  value={crashFingerprint}
+                  testID="id_crash_fingerprint"
+                />
+              </View>
+              <Button mt="4" onPress={sendCrash} testID="id_send_crash">
+                Send Crash
+              </Button>
+            </VStack>
+          </Section>
+        </Section>
+      </Screen>
+    </ScrollView>
+  );
+};