Feat: Set user context

Changes primarily reflect setting user context early in App.tsx. Additionally this context is added to outgoing GET and POST requests from scope to transfer user context to connected services.

Author: dgbailey

android/sentry.properties

@@ -1,4 +1,4 @@
 defaults.url=https://sentry.io/
 defaults.org=testorg-az
-defaults.project=dustin-react-native
+defaults.project=react-native
 auth.token=XXXX

ios/sentry.properties

@@ -1,4 +1,4 @@
 defaults.url=https://sentry.io/
 defaults.org=testorg-az
-defaults.project=dustin-react-native
+defaults.project=react-native
 auth.token=XXXX

src/App.tsx

@@ -74,7 +74,14 @@ const Stack = createStackNavigator();
 
 const App = () => {
   const navigation = React.useRef();
-  
+
+  Sentry.configureScope(scope => {
+    const customerType = ["medium-plan", "large-plan", "small-plan", "enterprise"][Math.floor(Math.random() * 4)]
+    scope.setTag("customerType", customerType )
+    let email = Math.random().toString(36).substring(2, 6) + "@yahoo.com";
+    scope.setUser({ email: email })
+  })
+
 
   return (
     <Provider store={store}>

src/reduxApp.ts

@@ -17,15 +17,15 @@ const initialState = {
 };
 
 const reducer = (state = initialState, action) => {
-  let {payload,type} = action;
+  let {payload,type,onScope} = action;
 
   switch (type) {
     case 'FILL_FIELDS':
       if (payload == 'dummydata') {
         return { 
           ...state, 
           contactInfo: {
-            email: Math.random().toString(36).substring(2, 6) + "@yahoo.com",
+            email: onScope ? onScope:Math.random().toString(36).substring(2, 6) + "@yahoo.com",
             firstName:"john",
             lastName:"doe",
             address:"123 Hope St",

src/screens/CheckoutScreen.tsx

@@ -45,6 +45,11 @@ const CheckoutScreen = (props) => {
   const contactInfoData = useSelector((state: RootState) => state.contactInfo);
   const [orderStatusUI, setOrderStatusUI] = React.useState(false);
 
+  let se, customerType, email
+  Sentry.withScope(function(scope) {
+    [ se, customerType ] = [scope._tags.se, scope._tags.customerType ]
+    email = scope._user.email
+  });
   const performCheckoutOnServer = async () => {
         // ----------- Sentry Start Transaction ------------------------
         let transaction = Sentry.startTransaction({name: 'checkout'});
@@ -63,8 +68,12 @@ const CheckoutScreen = (props) => {
     };
 
     const placeOrder = async (
+     
         uiToast: null | UIToast = null,
       ): Promise<Response> => {
+
+       
+
         setOrderStatusUI(true);
 
         const cart = Object.values(cartData)
@@ -87,7 +96,9 @@ const CheckoutScreen = (props) => {
             method: 'POST',
             headers: {
               'Content-Type': 'application/json',
-              email: contactInfoData['email'],
+              email,
+              se,
+              customerType
             },
             body: JSON.stringify(data),
           },
@@ -170,7 +181,7 @@ const CheckoutScreen = (props) => {
                                 value={contactInfoData[item.key] || ""}
                                 placeholder={item.placeholder}
                                 onPressIn={() => {
-                                    dispatch({ type: 'FILL_FIELDS', payload: 'dummydata' })}
+                                    dispatch({ type: 'FILL_FIELDS', payload: 'dummydata', onScope:email ? email:null})}
                                 }
                             />
                             </SafeAreaView>

src/screens/EmpowerPlant.tsx

@@ -40,10 +40,15 @@ const EmpowerPlant = ({navigation}) => {
 
   const loadData = () => {
     setProductData(null);
+    let se, customerType, email;
+    Sentry.withScope(function(scope) {
+      [ se, customerType ] = [scope._tags.se, scope._tags.customerType ]
+      email = scope._user.email
+    });
 
     fetch(`${BACKEND_URL}/products`, {
       method: 'GET',
-      headers: { se:'willreactnative', customerType:'enterprise', email:'[email protected]', "Content-Type": "application/json" },
+      headers: { se, customerType, email, "Content-Type": "application/json" },
     })
       .then((response) => response.json())
       .then((json) => {