react_native_trustswiftly_identity_verification_quickstart_with_callback.ts

1import React, { useState } from 'react';
2import { StyleSheet, View, Button, SafeAreaView } from 'react-native';
3import { TrustSwiftlyIdv } from 'react-native-ts-idv';
4
5const App = () => {
6  const [showIdv, setShowIdv] = useState(false);
7
8  // Replace with your actual verification URL generated via API or Dashboard
9  const verificationUrl = "https://your-template.trustswiftly.com/verify/abc-123";
10
11  const handleComplete = (data: any) => {
12    console.log('Verification event:', data);
13    // data.event will typically be 'verification_completed'
14    if (data.event === 'verification_completed') {
15       setShowIdv(false);
16    }
17  };
18
19  return (
20    <SafeAreaView style={styles.container}>
21      {!showIdv ? (
22        <View style={styles.center}>
23          <Button 
24            title="Start Verification" 
25            onPress={() => setShowIdv(true)} 
26          />
27        </View>
28      ) : (
29        <TrustSwiftlyIdv
30          url={verificationUrl}
31          onComplete={handleComplete}
32        />
33      )}
34    </SafeAreaView>
35  );
36};
37
38const styles = StyleSheet.create({
39  container: {
40    flex: 1,
41    backgroundColor: '#fff',
42  },
43  center: {
44    flex: 1,
45    justifyContent: 'center',
46    alignItems: 'center',
47  },
48});
49
50export default App;