App.js

import * as React from "react";
import { SafeAreaProvider } from "react-native-safe-area-context";

import { RootNavigator } from "./Navigation/RootNavigator";
import { AuthenticatedUserProvider } from "./providers";

const MyStack = () => {
  return (
    <AuthenticatedUserProvider>
      <SafeAreaProvider>
        <RootNavigator />
      </SafeAreaProvider>
    </AuthenticatedUserProvider>
  );
};
export default MyStack;

//
//Google login
//
// import { StatusBar } from "expo-status-bar";
// import { StyleSheet, Text, View, Image, Button, Platform } from "react-native";
// import * as Google from "expo-auth-session/providers/google";
// import { useEffect, useState } from "react";
// import AsyncStorage from "@react-native-async-storage/async-storage";
// import * as AuthSession from "expo-auth-session";

// // expo add expo-auth-session expo-random expo-dev-client
// // expo add @react-native-async-storage/async-storage

// /*
//   For testing expo-auth-session on iOS we need a standalone app
//   which is why we install expo-dev-client

//   If you don't have eas installed then install using the following command:
//   npm install -g eas-cli

//   eas login
//   eas build:configure

//   Build for local development on iOS or Android:
//   eas build -p ios --profile development --local
//   OR
//   eas build -p android --profile development --local

//   May need to install the following to build locally (which allows debugging)
//   npm install -g yarn
//   brew install fastlane

//   After building install on your device:
//   For iOS (simulator): https://docs.expo.dev/build-reference/simulators/
//   For Android: https://docs.expo.dev/build-reference/apk/

//   Run on installed app:
//   expo start --dev-client
// */

// export default function App() {
//   const [userInfo, setUserInfo] = useState();
//   const [auth, setAuth] = useState();
//   const [requireRefresh, setRequireRefresh] = useState(false);

//   const [request, response, promptAsync] = Google.useAuthRequest({
//     androidClientId:
//       "403889420981-fg6vamcijn74rodun3o9n3b1uga6s08h.apps.googleusercontent.com",
//     expoClientId:
//       "403889420981-d4kv0a0hpgas95c4dkr8dd5vge11cl0t.apps.googleusercontent.com",
//   });

//   useEffect(() => {
//     console.log(response, "test1");
//     if (response?.type === "success") {
//       setAuth(response.authentication);

//       const persistAuth = async () => {
//         await AsyncStorage.setItem(
//           "auth",
//           JSON.stringify(response.authentication)
//         );
//       };
//       persistAuth();
//     }
//   }, [response]);

//   useEffect(() => {
//     const getPersistedAuth = async () => {
//       const jsonValue = await AsyncStorage.getItem("auth");
//       if (jsonValue != null) {
//         const authFromJson = JSON.parse(jsonValue);
//         setAuth(authFromJson);
//         console.log(authFromJson);

//         setRequireRefresh(
//           !AuthSession.TokenResponse.isTokenFresh({
//             expiresIn: authFromJson.expiresIn,
//             issuedAt: authFromJson.issuedAt,
//           })
//         );
//       }
//     };
//     getPersistedAuth();
//   }, []);

//   const getUserData = async () => {
//     let userInfoResponse = await fetch(
//       "https://www.googleapis.com/userinfo/v2/me",
//       {
//         headers: { Authorization: `Bearer ${auth.accessToken}` },
//       }
//     );

//     userInfoResponse.json().then((data) => {
//       console.log(data);
//       setUserInfo(data);
//     });
//   };

//   const showUserData = () => {
//     if (userInfo) {
//       return (
//         <View style={styles.userInfo}>
//           <Image source={{ uri: userInfo.picture }} style={styles.profilePic} />
//           <Text>Welcome {userInfo.name}</Text>
//           <Text>{userInfo.email}</Text>
//         </View>
//       );
//     }
//   };

//   const getClientId = () => {
//     if (Platform.OS === "ios") {
//       return "139581308140-imf4dv4bogf4aj945eosqvnett4mp06e.apps.googleusercontent.com";
//     } else if (Platform.OS === "android") {
//       return "139581308140-n3ebiqnid8tmskvneo7lck2cku8va9s3.apps.googleusercontent.com";
//     } else {
//       console.log("Invalid platform - not handled");
//     }
//   };

//   const refreshToken = async () => {
//     const clientId = getClientId();
//     console.log(auth);
//     const tokenResult = await AuthSession.refreshAsync(
//       {
//         clientId: clientId,
//         refreshToken: auth.refreshToken,
//       },
//       {
//         tokenEndpoint: "https://www.googleapis.com/oauth2/v4/token",
//       }
//     );

//     tokenResult.refreshToken = auth.refreshToken;
//     console.log(tokenResult, "tokenresult");
//     setAuth(tokenResult);
//     await AsyncStorage.setItem("auth", JSON.stringify(tokenResult));
//     setRequireRefresh(false);
//   };

//   if (requireRefresh) {
//     return (
//       <View style={styles.container}>
//         <Text>Token requires refresh...</Text>
//         <Button title="Refresh Token" onPress={refreshToken} />
//       </View>
//     );
//   }

//   const logout = async () => {
//     await AuthSession.revokeAsync(
//       {
//         token: auth.accessToken,
//       },
//       {
//         revocationEndpoint: "https://oauth2.googleapis.com/revoke",
//       }
//     );

//     setAuth(undefined);
//     setUserInfo(undefined);
//     await AsyncStorage.removeItem("auth");
//   };

//   return (
//     <View style={styles.container}>
//       {showUserData()}
//       <Button
//         title={auth ? "Get User Data" : "Login"}
//         onPress={
//           auth
//             ? getUserData
//             : () => promptAsync({ useProxy: false, showInRecents: true })
//         }
//       />
//       {auth ? <Button title="Logout" onPress={logout} /> : undefined}
//       <StatusBar style="auto" />
//     </View>
//   );
// }

// const styles = StyleSheet.create({
//   container: {
//     flex: 1,
//     backgroundColor: "#fff",
//     alignItems: "center",
//     justifyContent: "center",
//   },
//   profilePic: {
//     width: 50,
//     height: 50,
//   },
//   userInfo: {
//     alignItems: "center",
//     justifyContent: "center",
//   },
// });