feat: add crash reporting screens and enhance navigation

- Introduced `CrashReportingStateScreen`, `NDKCrashesStateScreen`, `NonFatalCrashesScreen`, and `FatalCrashesScreen` for managing crash reporting states and handling different crash types.
- Updated `HomeStack` to include new screens for crash reporting.
- Enhanced `CrashReportingScreen` to navigate to the new state management screens and improved UI interactions.
- Added test IDs for better integration with testing frameworks.

Author: MoKamall

examples/default/android/app/src/main/java/com/instabug/react/example/RNInstabugExampleCrashReportingModule.java

@@ -32,7 +32,6 @@ public void sendNativeNonFatal() {
         final IBGNonFatalException exception = new IBGNonFatalException.Builder(new IllegalStateException("Test exception"))
                 .build();
         CrashReporting.report(exception);
-
     }
 
     @ReactMethod

examples/default/src/components/InputField.tsx

@@ -45,6 +45,7 @@ export const InputField = forwardRef<TextInput, InputFieldProps>(
         <TextInput
           ref={ref}
           placeholder={placeholder}
+          placeholderTextColor={'gray'}
           style={[styles.textInput, style]}
           maxLength={maxLength}
           accessible={true}
@@ -67,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',

examples/default/src/components/PlatformListTile.tsx

@@ -7,13 +7,15 @@ interface PlatformListTileProps extends PropsWithChildren {
   title: string;
   onPress?: () => void;
   platform?: 'ios' | 'android';
+  testID?: string;
 }
 
 export const PlatformListTile: React.FC<PlatformListTileProps> = ({
   title,
   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>

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>
   );

examples/default/src/navigation/HomeStack.tsx

@@ -32,6 +32,10 @@ import {
   type RepliesStateScreenProp,
 } from '../screens/bug-reporting/RepliesStateScreen';
 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';
@@ -67,6 +71,12 @@ 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;
@@ -83,7 +93,13 @@ export type HomeStackParamList = {
   ViewHierarchy: ViewHierarchyScreenProp;
   RepliesState: RepliesStateScreenProp;
 
+  // Crash Reporting //
   CrashReporting: undefined;
+  CrashReportingState: CrashReportingStateScreenProp;
+  NDKCrashesState: NDKCrashesStateScreenProp;
+  NonFatalCrashes: undefined;
+  FatalCrashes: undefined;
+
   FeatureRequests: undefined;
   Replies: undefined;
   Surveys: undefined;
@@ -170,11 +186,33 @@ export const HomeStackNavigator: React.FC = () => {
         options={{ title: 'Replies State' }}
       />
 
+      {/* 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}