From 9c9ed8984ebde0ac972868b6a4d9fe86d74c344d Mon Sep 17 00:00:00 2001
From: Nicholas <nicholas.webster@sentry.io>
Date: Thu, 19 Mar 2026 10:31:27 -0700
Subject: [PATCH 1/2] feat: Unmask button text and logo in Sentry session
 replay

Wrap TouchableOpacity button labels and the Sentry logo with
Sentry.Unmask so they remain visible in session replays despite
maskAllText and maskAllImages being enabled globally.

Made-with: Cursor
---
 src/screens/ListApp.tsx | 48 ++++++++++++++++++++++++++++++-----------
 1 file changed, 35 insertions(+), 13 deletions(-)

diff --git a/src/screens/ListApp.tsx b/src/screens/ListApp.tsx
index b04d9e8..a3abb96 100644
--- a/src/screens/ListApp.tsx
+++ b/src/screens/ListApp.tsx
@@ -158,42 +158,54 @@ const ListApp = (props: Props) => {
               onPress={() => {
                 Sentry.captureMessage('Test Message');
               }}>
-              <Text style={styles.buttonText}>Capture Message</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Capture Message</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
             <View style={styles.spacer} />
             <TouchableOpacity
               onPress={() => {
                 Sentry.captureException(new Error('Test Error'));
               }}>
-              <Text style={styles.buttonText}>Capture Exception</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Capture Exception</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
             <View style={styles.spacer} />
             <TouchableOpacity
               onPress={() => {
                 throw new Error('Thrown Error');
               }}>
-              <Text style={styles.buttonText}>Uncaught Thrown Error</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Uncaught Thrown Error</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
             <View style={styles.spacer} />
             <TouchableOpacity
               onPress={() => {
                 Promise.reject(new Error('Unhandled Promise Rejection'));
               }}>
-              <Text style={styles.buttonText}>Unhandled Promise Rejection</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Unhandled Promise Rejection</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
             <View style={styles.spacer} />
             <TouchableOpacity
               onPress={() => {
                 Sentry.nativeCrash();
               }}>
-              <Text style={styles.buttonText}>Native Crash</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Native Crash</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
             <View style={styles.spacer} />
             <TouchableOpacity
               onPress={() => {
                 setScopeProps();
               }}>
-              <Text style={styles.buttonText}>Set Scope Properties</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Set Scope Properties</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
             <View style={styles.spacer} />
             <Sentry.ErrorBoundary
@@ -204,9 +216,11 @@ const ListApp = (props: Props) => {
                 onPress={() => {
                   setShowBadCode(true);
                 }}>
-                <Text style={styles.buttonText}>
-                  Activate Error Boundary {showBadCode && <div />}
-                </Text>
+                <Sentry.Unmask>
+                  <Text style={styles.buttonText}>
+                    Activate Error Boundary {showBadCode && <div />}
+                  </Text>
+                </Sentry.Unmask>
               </TouchableOpacity>
             </Sentry.ErrorBoundary>
           </View>
@@ -215,14 +229,18 @@ const ListApp = (props: Props) => {
               onPress={() => {
                 props.navigation.navigate('Tracker');
               }}>
-              <Text style={styles.buttonText}>Auto Tracing Example</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Auto Tracing Example</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
             <View style={styles.spacer} />
             <TouchableOpacity
               onPress={() => {
                 props.navigation.navigate('ManualTracker');
               }}>
-              <Text style={styles.buttonText}>Manual Tracing Example</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Manual Tracing Example</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
             <View style={styles.spacer} />
             <TouchableOpacity
@@ -241,14 +259,18 @@ const ListApp = (props: Props) => {
                   }),
                 );
               }}>
-              <Text style={styles.buttonText}>Performance Timing</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Performance Timing</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
             <View style={styles.spacer} />
             <TouchableOpacity
               onPress={() => {
                 props.navigation.navigate('Redux');
               }}>
-              <Text style={styles.buttonText}>Redux Example</Text>
+              <Sentry.Unmask>
+                <Text style={styles.buttonText}>Redux Example</Text>
+              </Sentry.Unmask>
             </TouchableOpacity>
           </View>
         </View>

From 0f01bbfd698a05ffacba94579c2e2181183216d9 Mon Sep 17 00:00:00 2001
From: Nicholas <nicholas.webster@sentry.io>
Date: Thu, 19 Mar 2026 10:52:07 -0700
Subject: [PATCH 2/2] unmask report a bug button

---
 src/components/UserFeedbackModal.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/UserFeedbackModal.tsx b/src/components/UserFeedbackModal.tsx
index 654cacc..e4d0cee 100644
--- a/src/components/UserFeedbackModal.tsx
+++ b/src/components/UserFeedbackModal.tsx
@@ -44,8 +44,12 @@ export const SentryUserFeedbackActionButton = () => {
     <>
       {feedbackState.isActionButtonVisible && (
         <Pressable onPress={onGiveFeedbackButtonPress} style={pressableStyle}>
-          <Icon name="bug" size={24} color="#fff" />
-          <Text style={style.text}>Report a Bug</Text>
+          <Sentry.Unmask>
+            <Icon name="bug" size={24} color="#fff" />
+          </Sentry.Unmask>
+          <Sentry.Unmask>
+            <Text style={style.text}>Report a Bug</Text>
+          </Sentry.Unmask>
         </Pressable>
       )}
       {isFormVisible && (