@bobbyecho/react-native-humanid NPM

linking assets (IMPORTANT)

npx react-native link

Credentials Access

Get the appId and appSecret by dropping us an email developers@human-id.org.

Configuration

at your index.js file

import {configureHumanID} from "react-native-humanid"  
import AppLogo from "path/your-app-logo"  
  
configureHumanID({  
    appName: "Your application NAme",
    clientSecret: "APP_SECRET",
    clientId: "APP_ID",
    Icon: AppLogo (Icon is JSX.Element)
})  
  
AppRegistry.registerComponent(appName, () => App)

How to use

Register humanID Provider at your Top Container Application

import {HumanIDProvider} from "react-native-humanid"  
  
const App = () => {  
    return (
        <View>
            <HumanIDProvider />
        </View>
    )
}  
  
export default App

Login

import {logIn} from "react-native-humanid"  
  
const HomeScreen = () => {  
    const handleLogin = () => {
        logIn()
    }
    
    return <Button title="Login" onPress={handleLogin} />
}  
  
export default HomeScreen

Listener onSuccess, onError, onCancel

We suggest put this method into lifecycle that only live once on your screen, example: componentDidMount if you use class component, otherwise you can use useEffect

import {onCancel, onSuccess, onError} from "react-native-humanid"  
  
const HomeScreen = () => {  
    React.useEffect(() => {
        onSuccess((exchangeToken) => {
            console.log("exchangeToken", exchangeToken)
        })
        onError((message) => {
            console.log("error message", message)
        })
        onCancel(() => {
            console.log("canceled")
        })
    }, [])
}  
 
export default HomeScreen