-
Notifications
You must be signed in to change notification settings - Fork 1
/
App.jsx
82 lines (70 loc) · 1.75 KB
/
App.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
*/
import React from 'react';
import {SafeAreaView, StatusBar, useColorScheme, View} from 'react-native';
import {ComplyCube} from '@complycube/react-native';
import {Colors} from 'react-native/Libraries/NewAppScreen';
const settings = {
clientID: 'CLIENT_ID',
clientToken: 'SDK_TOKEN',
stages: [
{
name: 'intro',
heading: 'Custom Screen Title',
message: 'Custom welcome message.',
},
{
name: 'documentCapture',
documentTypes: {
passport: true,
driving_license: ['GB', 'US'],
},
},
'faceCapture',
],
};
function App() {
const isDarkMode = useColorScheme() === 'dark';
const onSuccess = data => {
console.log('Success', data);
// {
// "documentIds": ["63a43228fbaa6f000826b4ee"],
// "livePhotoId": ["63a432a2c448150008641ec7"]
// }
// navigate("PendingScreen")
};
const onError = error => {
console.log('Error', error);
// [{
// "description": "TOKEN_EXPIRED",
// "errorCode": null,
// "message": "TOKEN_EXPIRED"}]
// navigate("PendingScreen")
};
const onCanceled = error => {
console.log('Canceled', error);
// navigate("PendingScreen")
};
const backgroundStyle = {
backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
};
return (
<SafeAreaView style={backgroundStyle}>
<StatusBar
barStyle={isDarkMode ? 'light-content' : 'dark-content'}
backgroundColor={backgroundStyle.backgroundColor}
/>
<ComplyCube
settings={settings}
onCancel={onCanceled}
onSuccess={onSuccess}
onError={onError}
/>
</SafeAreaView>
);
}
export default App;