From 6cb3ec713d23fb8e281f29a5de19170cd480414b Mon Sep 17 00:00:00 2001
From: hana-mostafaa <hanamostafa@instabug.com>
Date: Mon, 8 Sep 2025 14:30:51 +0300
Subject: [PATCH 1/4] Update settings screen to include user data, events, tags

---
 .../src/components/VerticalListTile.tsx       |   1 +
 .../src/screens/settings/SettingsScreen.tsx   | 140 ++++++++++++++++++
 2 files changed, 141 insertions(+)

diff --git a/examples/default/src/components/VerticalListTile.tsx b/examples/default/src/components/VerticalListTile.tsx
index 923a0b6e0..f16d7b953 100644
--- a/examples/default/src/components/VerticalListTile.tsx
+++ b/examples/default/src/components/VerticalListTile.tsx
@@ -17,6 +17,7 @@ export const VerticalListTile: React.FC<ListTileProps> = ({ title, onPress, chil
       borderBottomWidth="1"
       borderColor="coolGray.300"
       bg="coolGray.100"
+      accessible={false}
       _pressed={{ bg: 'coolGray.200' }}>
       <VStack justifyContent="stretch">
         <Text>{title}</Text>
diff --git a/examples/default/src/screens/settings/SettingsScreen.tsx b/examples/default/src/screens/settings/SettingsScreen.tsx
index e8e1a7e60..a4ac9ef5c 100644
--- a/examples/default/src/screens/settings/SettingsScreen.tsx
+++ b/examples/default/src/screens/settings/SettingsScreen.tsx
@@ -6,6 +6,7 @@ import Instabug, {
   InvocationEvent,
   Locale,
   NetworkLogger,
+  WelcomeMessageMode,
   ReproStepsMode,
 } from 'instabug-reactnative';
 import { InputGroup, InputLeftAddon, useToast, VStack, Button } from 'native-base';
@@ -30,12 +31,19 @@ export const SettingsScreen: React.FC<NativeStackScreenProps<HomeStackParamList,
   const [userID, setUserID] = useState('');
   const [userAttributeKey, setUserAttributeKey] = useState('');
   const [userAttributeValue, setUserAttributeValue] = useState('');
+  const [userData, setUserData] = useState('')
+  const [userEvent, setUserEvent] = useState('')
+  const [tag, setTag] = useState('')
   const [featureFlagName, setFeatureFlagName] = useState('');
   const [featureFlagVariant, setfeatureFlagVariant] = useState('');
   const [isUserStepEnabled, setIsUserStepEnabled] = useState<boolean>(true);
+  const [isSessionProfilerEnabled, setIsSessionProfilerEnabled] = useState<boolean>(true);
 
   const toast = useToast();
   const [userAttributesFormError, setUserAttributesFormError] = useState<any>({});
+  const [userDataFormError, setUserDataFormError] = useState<any>({})
+  const [userEventFormError, setUserEventFormError] = useState<any>({})
+  const [tagFormError, setTagFormError] = useState<any>({})
   const [featureFlagFormError, setFeatureFlagFormError] = useState<any>({});
   const { addItem } = useCallbackHandlers();
 
@@ -50,6 +58,30 @@ export const SettingsScreen: React.FC<NativeStackScreenProps<HomeStackParamList,
     setUserAttributesFormError(errors);
     return Object.keys(errors).length === 0;
   };
+  const validateUserDataForm = () => {
+    const errors: any = {};
+    if (userData.length === 0) {
+      errors.userDataValue = 'Value is required';
+    }
+    setUserDataFormError(errors);
+    return Object.keys(errors).length === 0;
+  };
+  const validateUserEventForm = () => {
+    const errors: any = {};
+    if (userData.length === 0) {
+      errors.userEventValue = 'Value is required';
+    }
+    setUserEventFormError(errors);
+    return Object.keys(errors).length === 0;
+  };
+  const validateTagForm = () => {
+    const errors: any = {};
+    if (userData.length === 0) {
+      errors.tagValue = 'Value is required';
+    }
+    setTagFormError(errors);
+    return Object.keys(errors).length === 0;
+  };
   const validateFeatureFlagForm = () => {
     const errors: any = {};
     if (featureFlagName.length === 0) {
@@ -89,6 +121,35 @@ export const SettingsScreen: React.FC<NativeStackScreenProps<HomeStackParamList,
       setUserAttributeValue('');
     }
   };
+
+  const saveUserData = () => {
+    if (validateUserDataForm()) {
+      Instabug.setUserData(userData);
+      toast.show({
+        description: 'User Data added successfully',
+      });
+      setUserData('')
+    }
+  };
+  const saveUserEvent = () => {
+    if (validateUserEventForm()) {
+      Instabug.logUserEvent(userEvent);
+      toast.show({
+        description: 'User Event added successfully',
+      });
+      setUserData('')
+    }
+  };
+  const saveTag = () => {
+    if (validateTagForm()) {
+      Instabug.appendTags([tag])
+      toast.show({
+        description: 'Tag added successfully',
+      });
+      setTag('')
+    }
+  };
+  
   const saveFeatureFlags = () => {
     if (validateFeatureFlagForm()) {
       Instabug.addFeatureFlag({
@@ -250,6 +311,31 @@ export const SettingsScreen: React.FC<NativeStackScreenProps<HomeStackParamList,
             Instabug.removeExperiments(['exp1', 'exp2']);
           }}
         />
+            
+            <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="Welcome message Beta"
+          onPress={() => Instabug.showWelcomeMessage(WelcomeMessageMode.beta)}
+        />
+        <ListTile
+          title="Welcome message Live"
+          onPress={() => Instabug.showWelcomeMessage(WelcomeMessageMode.live)}
+        />
 
         <VerticalListTile title="User Identification">
           <VStack>
@@ -316,6 +402,60 @@ export const SettingsScreen: React.FC<NativeStackScreenProps<HomeStackParamList,
             </Button>
           </VStack>
         </VerticalListTile>
+        <VerticalListTile title="User Data">
+          <VStack>
+            <View style={styles.formContainer}>
+              <View style={styles.inputWrapper}>
+                <InputField
+                  placeholder="User data"
+                  onChangeText={(userData) => setUserData(userData)}
+                  value={userData}
+                  errorText={userDataFormError.userDataValue}
+                />
+              </View>
+            </View>
+
+            <Button mt="4" onPress={saveUserData}>
+              Save user data
+            </Button>
+          </VStack>
+        </VerticalListTile>
+        <VerticalListTile title="User Event">
+          <VStack>
+            <View style={styles.formContainer}>
+              <View style={styles.inputWrapper}>
+                <InputField
+                  placeholder="User event"
+                  onChangeText={(userEvent) => setUserEvent(userEvent)}
+                  value={userEvent}
+                  errorText={userEventFormError.userEventValue}
+                />
+              </View>
+            </View>
+
+            <Button mt="4" onPress={saveUserEvent}>
+              Save user event
+            </Button>
+          </VStack>
+        </VerticalListTile>
+        <VerticalListTile title="Tags">
+          <VStack>
+            <View style={styles.formContainer}>
+              <View style={styles.inputWrapper}>
+                <InputField
+                  placeholder="tag"
+                  onChangeText={(tag) => setTag(tag)}
+                  value={tag}
+                  errorText={tagFormError.tagValue}
+                />
+              </View>
+            </View>
+
+            <Button mt="4" onPress={saveTag}>
+              Save tag
+            </Button>
+          </VStack>
+        </VerticalListTile>
         <VerticalListTile title="Support varient">
           <VStack>
             <View style={styles.formContainer}>

From 3ef113ef0c25ef52561174dac567f640d2da47cc Mon Sep 17 00:00:00 2001
From: hana-mostafaa <hanamostafa@instabug.com>
Date: Tue, 9 Sep 2025 13:36:22 +0300
Subject: [PATCH 2/4] update sample app logging

---
 .../default/src/screens/apm/HttpScreen.tsx    | 26 ++++++
 .../src/screens/settings/SettingsScreen.tsx   | 80 +++++++++++++------
 2 files changed, 81 insertions(+), 25 deletions(-)

diff --git a/examples/default/src/screens/apm/HttpScreen.tsx b/examples/default/src/screens/apm/HttpScreen.tsx
index 472e1e56a..e1cfe3802 100644
--- a/examples/default/src/screens/apm/HttpScreen.tsx
+++ b/examples/default/src/screens/apm/HttpScreen.tsx
@@ -29,6 +29,31 @@ export const HttpScreen: React.FC = () => {
       showNotification('Error', 'Failed');
     }
   };
+  const makeGetCallWithTrace = async () => {
+    setLoading(true);
+    const url = 'https://httpbin.org/anything';
+    try {
+      const response = await fetch(url, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+          'traceparent': 'non-ibg-trace-value',
+          'tracestate': 'non-ibg=value',
+        },
+      });
+  
+      const responseBody = await response.json();
+      console.log('Response with trace headers:', responseBody);
+  
+      setLoading(false);
+      showNotification('Success', 'Succeeded with trace');
+    } catch (error) {
+      console.error('Error with trace call:', error);
+      setLoading(false);
+      showNotification('Error', 'Failed with trace');
+    }
+  };
+  
 
   const makePostCall = async () => {
     setLoading(true);
@@ -157,6 +182,7 @@ export const HttpScreen: React.FC = () => {
     <Screen>
       {loading && <ActivityIndicator size="large" color="#0000ff" />}
       <ListTile title="GET" onPress={makeGetCall} testID="http_get_request" />
+      <ListTile title="GET with trace" onPress={makeGetCallWithTrace} testID="http_get_with_trace_request" />
       <ListTile title="POST" onPress={makePostCall} testID="http_post_request" />
       <ListTile title="DELETE" onPress={makeDeleteCall} testID="http_delete_request" />
       <ListTile title="PUT" onPress={makePutCall} testID="http_put_request" />
diff --git a/examples/default/src/screens/settings/SettingsScreen.tsx b/examples/default/src/screens/settings/SettingsScreen.tsx
index a4ac9ef5c..29982b23f 100644
--- a/examples/default/src/screens/settings/SettingsScreen.tsx
+++ b/examples/default/src/screens/settings/SettingsScreen.tsx
@@ -34,6 +34,8 @@ export const SettingsScreen: React.FC<NativeStackScreenProps<HomeStackParamList,
   const [userData, setUserData] = useState('')
   const [userEvent, setUserEvent] = useState('')
   const [tag, setTag] = useState('')
+  const [instabugLogLevel, setInstabugLogLevel] = useState<'verbose' | 'debug' | 'info' | 'warn' | 'error'>('debug');
+  const [instabugLog, setInstabugLog] = useState('')
   const [featureFlagName, setFeatureFlagName] = useState('');
   const [featureFlagVariant, setfeatureFlagVariant] = useState('');
   const [isUserStepEnabled, setIsUserStepEnabled] = useState<boolean>(true);
@@ -201,6 +203,34 @@ export const SettingsScreen: React.FC<NativeStackScreenProps<HomeStackParamList,
       description: 'User identified successfully',
     });
   };
+  const logToInstabug = () => {
+    if (!instabugLog.trim()) {
+      toast.show({ description: 'Please enter a log message' });
+      return;
+    }
+  
+    switch (instabugLogLevel) {
+      case 'verbose':
+        Instabug.logVerbose(instabugLog);
+        break;
+      case 'debug':
+        Instabug.logDebug(instabugLog);
+        break;
+      case 'info':
+        Instabug.logInfo(instabugLog);
+        break;
+      case 'warn':
+        Instabug.logWarn(instabugLog);
+        break;
+      case 'error':
+        Instabug.logError(instabugLog);
+        break;
+    }
+  
+    toast.show({ description: `Logged ${instabugLogLevel} message` });
+    setInstabugLog('');
+  };
+  
 
   return (
     <ScrollView>
@@ -552,33 +582,33 @@ export const SettingsScreen: React.FC<NativeStackScreenProps<HomeStackParamList,
             />
           </VStack>
         </VerticalListTile>
-        <VerticalListTile title="Logs Section ">
+        <VerticalListTile title="Instabug Logs">
           <VStack>
-            <ListTile
-              testID="log_verbose"
-              title="Log Verbose message"
-              onPress={() => Instabug.logVerbose('log Verbose message')}
-            />
-            <ListTile
-              testID="log_debug"
-              title="Log Debug message"
-              onPress={() => Instabug.logDebug('log Debug message')}
-            />
-            <ListTile
-              testID="log_warn"
-              title="Log Warn message"
-              onPress={() => Instabug.logWarn('log Warn message')}
-            />
-            <ListTile
-              testID="log_error"
-              title="Log Error message"
-              onPress={() => Instabug.logError('log Error message')}
-            />
-            <ListTile
-              testID="log_info"
-              title="Log Info message"
-              onPress={() => Instabug.logInfo('log Info message')}
+            <Select
+              label="Select Log Level"
+              items={[
+                { label: 'Verbose', value: 'verbose' },
+                { label: 'Debug', value: 'debug' },
+                { label: 'Info', value: 'info' },
+                { label: 'Warn', value: 'warn' },
+                { label: 'Error', value: 'error' },
+              ]}
+              onValueChange={(value) => setInstabugLogLevel(value as any)}
             />
+
+            <View style={styles.formContainer}>
+              <View style={styles.inputWrapper}>
+                <InputField
+                  placeholder="Enter log message"
+                  onChangeText={(text) => setInstabugLog(text)}
+                  value={instabugLog}
+                />
+              </View>
+            </View>
+
+            <Button mt="4" onPress={logToInstabug}>
+              Log Message
+            </Button>
           </VStack>
         </VerticalListTile>
       </Screen>

From aa741245d48c3096371829a8f5ced6f441856830 Mon Sep 17 00:00:00 2001
From: hana-mostafaa <hanamostafa@instabug.com>
Date: Wed, 10 Sep 2025 12:02:38 +0300
Subject: [PATCH 3/4] Refactor callback screen

---
 .../src/screens/CallbackHandlersScreen.tsx    | 106 +++++++++---------
 .../bug-reporting/BugReportingScreen.tsx      |  12 +-
 2 files changed, 64 insertions(+), 54 deletions(-)

diff --git a/examples/default/src/screens/CallbackHandlersScreen.tsx b/examples/default/src/screens/CallbackHandlersScreen.tsx
index 086e89fdc..6c09e6512 100644
--- a/examples/default/src/screens/CallbackHandlersScreen.tsx
+++ b/examples/default/src/screens/CallbackHandlersScreen.tsx
@@ -1,46 +1,45 @@
-import React from 'react';
-import { View, Text, FlatList, StyleSheet, TouchableOpacity } from 'react-native';
-import { useCallbackHandlers } from '../contexts/callbackContext';
-import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
+import React from "react";
+import {
+  View,
+  Text,
+  FlatList,
+  StyleSheet,
+  TouchableOpacity,
+} from "react-native";
+import { useCallbackHandlers } from "../contexts/callbackContext";
+import { createMaterialTopTabNavigator } from "@react-navigation/material-top-tabs";
 
 type CallBackScreenProps = { title: string };
 
+const TAB_TITLES = [
+  "Invoke Handler",
+  "onSDKDismissedHandler",
+  "onReportSubmitHandler",
+  "Network Obfuscated",
+  "sync callback",
+  "session replay link",
+  "on crash report",
+];
+
 const CallbackScreen: React.FC = () => {
-  const { callbackHandlers } = useCallbackHandlers();
-  const titles = Object.keys(callbackHandlers);
   const Tab = createMaterialTopTabNavigator();
 
   return (
     <Tab.Navigator
       screenOptions={{
         tabBarScrollEnabled: true,
-        tabBarActiveTintColor: 'black',
-        tabBarInactiveTintColor: 'gray',
-        tabBarLabelStyle: { fontWeight: 'bold', fontSize: 14 },
-        tabBarStyle: { backgroundColor: 'white' },
-        tabBarIndicatorStyle: { backgroundColor: 'black', height: 3 },
-      }}>
-      {titles.length > 0 ? (
-        titles.map((title) => (
-          <Tab.Screen key={title} name={title}>
-            {() => <CallBackTabScreen title={title} />}
-          </Tab.Screen>
-        ))
-      ) : (
-        <Tab.Screen
-          name="No Data"
-          options={{
-            tabBarLabel: () => (
-              <Text style={{ color: 'black', fontWeight: 'bold', fontSize: 14 }}>No Data</Text>
-            ),
-          }}>
-          {() => (
-            <View style={styles.emptyContainer}>
-              <Text style={styles.emptyText}>No callback handlers yet</Text>
-            </View>
-          )}
+        tabBarActiveTintColor: "black",
+        tabBarInactiveTintColor: "gray",
+        tabBarLabelStyle: { fontWeight: "bold", fontSize: 14 },
+        tabBarStyle: { backgroundColor: "white" },
+        tabBarIndicatorStyle: { backgroundColor: "black", height: 3 },
+      }}
+    >
+      {TAB_TITLES.map((title) => (
+        <Tab.Screen key={title} name={title}>
+          {() => <CallBackTabScreen title={title} />}
         </Tab.Screen>
-      )}
+      ))}
     </Tab.Navigator>
   );
 };
@@ -53,9 +52,14 @@ const CallBackTabScreen: React.FC<CallBackScreenProps> = ({ title }) => {
     <View style={styles.container}>
       <View style={styles.header}>
         <Text style={styles.countText}>Items: {items.length}</Text>
-        <TouchableOpacity style={styles.clearButton} onPress={() => clearList(title)}>
-          <Text style={styles.clearText}>Clear Data</Text>
-        </TouchableOpacity>
+        {items.length > 0 && (
+          <TouchableOpacity
+            style={styles.clearButton}
+            onPress={() => clearList(title)}
+          >
+            <Text style={styles.clearText}>Clear Data</Text>
+          </TouchableOpacity>
+        )}
       </View>
 
       <FlatList
@@ -66,7 +70,7 @@ const CallBackTabScreen: React.FC<CallBackScreenProps> = ({ title }) => {
             {item.fields.map((field, idx) => (
               <View key={idx} style={styles.fieldRow}>
                 <Text style={styles.keyText}>{field.key}:</Text>
-                <Text style={styles.valueText}>{field.value}</Text>
+                <Text style={styles.valueText} testID={`field_value_${field.key}`}  >{field.value}</Text>
               </View>
             ))}
           </View>
@@ -80,30 +84,30 @@ const CallBackTabScreen: React.FC<CallBackScreenProps> = ({ title }) => {
 export default CallbackScreen;
 
 const styles = StyleSheet.create({
-  container: { flex: 1, padding: 16, backgroundColor: '#fff' },
+  container: { flex: 1, padding: 16, backgroundColor: "#fff" },
   header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
     marginBottom: 10,
   },
-  countText: { fontSize: 16, fontWeight: 'bold' },
-  clearButton: { backgroundColor: '#ff5555', padding: 8, borderRadius: 8 },
-  clearText: { color: '#fff', fontWeight: 'bold' },
+  countText: { fontSize: 16, fontWeight: "bold" },
+  clearButton: { backgroundColor: "#ff5555", padding: 8, borderRadius: 8 },
+  clearText: { color: "#fff", fontWeight: "bold" },
   item: {
     padding: 12,
-    backgroundColor: '#f0f0f0',
+    backgroundColor: "#f0f0f0",
     borderRadius: 6,
     marginBottom: 8,
   },
   fieldRow: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
+    flexDirection: "row",
+    justifyContent: "space-between",
     marginBottom: 4,
   },
-  keyText: { fontWeight: 'bold', color: '#333' },
-  valueText: { color: '#555', marginLeft: 8 },
-  empty: { textAlign: 'center', color: '#888', marginTop: 20 },
-  emptyContainer: { flex: 1, justifyContent: 'center', alignItems: 'center' },
-  emptyText: { fontSize: 16, color: '#888' },
+  keyText: { fontWeight: "bold", color: "#333" },
+  valueText: { color: "#555", marginLeft: 8 },
+  empty: { textAlign: "center", color: "#888", marginTop: 20 },
+  emptyContainer: { flex: 1, justifyContent: "center", alignItems: "center" },
+  emptyText: { fontSize: 16, color: "#888" },
 });
diff --git a/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx b/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx
index 90c7410c6..5360fbb30 100644
--- a/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx
+++ b/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx
@@ -280,7 +280,8 @@ export const BugReportingScreen: React.FC<
 
                 addItem('Invoke Handler', {
                   id: `event-${Math.random()}`,
-                  fields: [{ key: 'Date', value: new Date().toLocaleString() }],
+                  fields: [{ key: 'Date', value: new Date().toLocaleString() }, { key: 'status value', value: 'triggered' },
+                  ],
                 });
               })
             }
@@ -309,13 +310,18 @@ export const BugReportingScreen: React.FC<
             testID="enable_on_dismiss_handler"
             title="Enable on Did-Dismiss Callback Handler"
             onPress={() =>
-              BugReporting.onSDKDismissedHandler(function () {
+              BugReporting.onSDKDismissedHandler(function (dismissType, reportType) {
                 toast.show({
                   description: 'onSDKDismissedHandler Callback Handler',
                 });
                 addItem('onSDKDismissedHandler', {
                   id: `event-${Math.random()}`,
-                  fields: [{ key: 'Date', value: new Date().toLocaleString() }],
+                  fields: [{ key: 'Date', value: new Date().toLocaleString() },
+                    { key: 'issue type', value: dismissType.toString()},
+                    { key: 'report type', value: reportType.toString()},
+                    { key: 'status value', value: 'triggered'},
+
+                  ],
                 });
               })
             }

From cdcee945eac2a19e7ebeaadea2b79107869e9e81 Mon Sep 17 00:00:00 2001
From: hana-mostafaa <hanamostafa@instabug.com>
Date: Thu, 11 Sep 2025 12:17:23 +0300
Subject: [PATCH 4/4] Update callback handler to be inside settings, bug
 reporting

---
 examples/default/src/screens/HomeScreen.tsx                      | 1 -
 .../default/src/screens/bug-reporting/BugReportingScreen.tsx     | 1 +
 examples/default/src/screens/settings/SettingsScreen.tsx         | 1 +
 3 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/examples/default/src/screens/HomeScreen.tsx b/examples/default/src/screens/HomeScreen.tsx
index 012db7020..7a5aeeb46 100644
--- a/examples/default/src/screens/HomeScreen.tsx
+++ b/examples/default/src/screens/HomeScreen.tsx
@@ -20,7 +20,6 @@ export const HomeScreen: React.FC<NativeStackScreenProps<HomeStackParamList, 'Ho
       <ListTile title="APM" onPress={() => navigation.navigate('APM')} />
       <ListTile title="Session Replay" onPress={() => navigation.navigate('SessionReplay')} />
       <ListTile title="Legacy Mode" onPress={() => navigation.navigate('LegacyMode')} />
-      <ListTile title="Callback Handler" onPress={() => navigation.navigate('CallbackScreen')} />
     </Screen>
   );
 };
diff --git a/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx b/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx
index 5360fbb30..e549ed091 100644
--- a/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx
+++ b/examples/default/src/screens/bug-reporting/BugReportingScreen.tsx
@@ -347,6 +347,7 @@ export const BugReportingScreen: React.FC<
               })
             }
           />
+          <ListTile title="Callback Handler" onPress={() => navigation.navigate('CallbackScreen')} />
         </Section>
       </Screen>
     </ScrollView>
diff --git a/examples/default/src/screens/settings/SettingsScreen.tsx b/examples/default/src/screens/settings/SettingsScreen.tsx
index 29982b23f..6541d8f3f 100644
--- a/examples/default/src/screens/settings/SettingsScreen.tsx
+++ b/examples/default/src/screens/settings/SettingsScreen.tsx
@@ -582,6 +582,7 @@ export const SettingsScreen: React.FC<NativeStackScreenProps<HomeStackParamList,
             />
           </VStack>
         </VerticalListTile>
+        <ListTile title="Callback Handler" onPress={() => navigation.navigate('CallbackScreen')} />
         <VerticalListTile title="Instabug Logs">
           <VStack>
             <Select