-
Notifications
You must be signed in to change notification settings - Fork 1
/
App.js
98 lines (88 loc) · 2.6 KB
/
App.js
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow
*/
import React, {Component} from 'react';
import { Platform, StyleSheet, TouchableOpacity, Text, View, Button, NativeModules, NativeEventEmitter } from 'react-native';
import EventEmitter from 'EventEmitter';
const RNHoverReactSdk = NativeModules.RNHoverReactSdk;
type Props = {};
export default class App extends Component<Props> {
state = { permsGranted: false, gotSMSResponse: false, resultText: "" }
async onTUpdate(data) {
// RNHoverReactSdk.showToast("received t update for uuid: " + data.uuid);
this.setState({ gotSMSResponse: true })
}
componentWillMount() {
const transactionEmitter = new NativeEventEmitter(RNHoverReactSdk)
const subscription = transactionEmitter.addListener(
"transaction_update", (data) => this.onTUpdate(data));
}
async getPerm() {
try {
var response = await RNHoverReactSdk.getPermission();
this.setState({ permsGranted: true });
} catch (e) {
this.setState({ permsGranted: false });
}
}
async checkPermState() {
var hasPs = await RNHoverReactSdk.hasAllPermissions();
this.setState({ permsGranted: hasPs });
return hasPs;
}
async makeRequest() {
try {
extras = {"amount": "100", "other": "thing", "recipient": "43214324"};
var response = await RNHoverReactSdk.makeRequest("4255ec9a", extras);
RNHoverReactSdk.showToast("received session result: " + response.uuid);
this.setState({ resultText: response.response_message });
} catch (e) {
RNHoverReactSdk.showToast(e.message);
}
}
render() {
this.checkPermState();
return (
<View style={styles.container}>
<Text style={styles.welcome}>Hello World</Text>
<Button id="get-perm-btn"
onPress={this.getPerm.bind(this)}
title="Get Permission"
color="#841584"
accessibilityLabel="Get Permission"
/>
{this.state.permsGranted ? <Text style={styles.granted}>Permissions Granted</Text> : <Text style={styles.granted}>Permissions not granted</Text>}
<Button
onPress={this.makeRequest.bind(this)}
title="Check Balance"
color="#EB7D23"
accessibilityLabel="Check Balance Button"
/>
<Text style={styles.granted}>{this.state.resultText}</Text>
{this.state.gotSMSResponse ? <Text style={styles.granted}>Received SMS</Text> : null}
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
granted: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
}
});