mirror of
https://github.com/BlueWallet/BlueWallet.git
synced 2024-11-20 02:09:10 +01:00
365 lines
13 KiB
JavaScript
365 lines
13 KiB
JavaScript
/* global alert */
|
|
import React, { Component } from 'react';
|
|
import {
|
|
ActivityIndicator,
|
|
View,
|
|
TextInput,
|
|
KeyboardAvoidingView,
|
|
Keyboard,
|
|
TouchableWithoutFeedback,
|
|
TouchableOpacity,
|
|
Text,
|
|
} from 'react-native';
|
|
import {
|
|
BlueNavigationStyle,
|
|
BlueButton,
|
|
BlueBitcoinAmount,
|
|
BlueDismissKeyboardInputAccessory,
|
|
BlueAlertWalletExportReminder,
|
|
} from '../../BlueComponents';
|
|
import { LightningCustodianWallet } from '../../class/lightning-custodian-wallet';
|
|
import PropTypes from 'prop-types';
|
|
import bech32 from 'bech32';
|
|
import { BitcoinUnit, Chain } from '../../models/bitcoinUnits';
|
|
import NavigationService from '../../NavigationService';
|
|
import ReactNativeHapticFeedback from 'react-native-haptic-feedback';
|
|
import { Icon } from 'react-native-elements';
|
|
let BlueApp = require('../../BlueApp');
|
|
let EV = require('../../events');
|
|
let loc = require('../../loc');
|
|
|
|
export default class LNDCreateInvoice extends Component {
|
|
static navigationOptions = ({ navigation }) => ({
|
|
...BlueNavigationStyle(navigation, true),
|
|
title: loc.receive.header,
|
|
});
|
|
|
|
constructor(props) {
|
|
super(props);
|
|
this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow);
|
|
this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this._keyboardDidHide);
|
|
let fromWallet;
|
|
if (props.navigation.state.params.fromWallet) fromWallet = props.navigation.getParam('fromWallet');
|
|
|
|
// fallback to first wallet if it exists
|
|
if (!fromWallet) {
|
|
const lightningWallets = BlueApp.getWallets().filter(item => item.type === LightningCustodianWallet.type);
|
|
if (lightningWallets.length > 0) {
|
|
fromWallet = lightningWallets[0];
|
|
console.warn('warning: using ln wallet index 0');
|
|
}
|
|
}
|
|
|
|
this.state = {
|
|
fromWallet,
|
|
amount: '',
|
|
description: '',
|
|
lnurl: '',
|
|
lnurlParams: null,
|
|
isLoading: true,
|
|
renderWalletSelectionButtonHidden: false,
|
|
};
|
|
}
|
|
|
|
renderReceiveDetails = async () => {
|
|
this.state.fromWallet.setUserHasSavedExport(true);
|
|
await BlueApp.saveToDisk();
|
|
if (this.props.navigation.state.params.uri) {
|
|
this.processLnurl(this.props.navigation.getParam('uri'));
|
|
}
|
|
this.setState({ isLoading: false });
|
|
};
|
|
|
|
componentDidMount() {
|
|
if (this.state.fromWallet.getUserHasSavedExport()) {
|
|
this.renderReceiveDetails();
|
|
} else {
|
|
BlueAlertWalletExportReminder({
|
|
onSuccess: this.renderReceiveDetails,
|
|
onFailure: () => {
|
|
this.props.navigation.dismiss();
|
|
this.props.navigation.navigate('WalletExport', {
|
|
wallet: this.state.fromWallet,
|
|
});
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
this.keyboardDidShowListener.remove();
|
|
this.keyboardDidHideListener.remove();
|
|
}
|
|
|
|
_keyboardDidShow = () => {
|
|
this.setState({ renderWalletSelectionButtonHidden: true });
|
|
};
|
|
|
|
_keyboardDidHide = () => {
|
|
this.setState({ renderWalletSelectionButtonHidden: false });
|
|
};
|
|
|
|
async createInvoice() {
|
|
this.setState({ isLoading: true }, async () => {
|
|
try {
|
|
const invoiceRequest = await this.state.fromWallet.addInvoice(this.state.amount, this.state.description);
|
|
EV(EV.enum.TRANSACTIONS_COUNT_CHANGED);
|
|
ReactNativeHapticFeedback.trigger('notificationSuccess', { ignoreAndroidSystemSettings: false });
|
|
|
|
// send to lnurl-withdraw callback url if that exists
|
|
if (this.state.lnurlParams) {
|
|
let { callback, k1 } = this.state.lnurlParams;
|
|
let callbackUrl = callback + (callback.indexOf('?') !== -1 ? '&' : '?') + 'k1=' + k1 + '&pr=' + invoiceRequest;
|
|
let resp = await fetch(callbackUrl, { method: 'GET' });
|
|
if (resp.status >= 300) {
|
|
let text = await resp.text();
|
|
throw new Error(text);
|
|
}
|
|
let reply = await resp.json();
|
|
if (reply.status === 'ERROR') {
|
|
throw new Error('Reply from server: ' + reply.reason);
|
|
}
|
|
}
|
|
await BlueApp.saveToDisk();
|
|
this.props.navigation.navigate('LNDViewInvoice', {
|
|
invoice: invoiceRequest,
|
|
fromWallet: this.state.fromWallet,
|
|
isModal: true,
|
|
});
|
|
} catch (Err) {
|
|
ReactNativeHapticFeedback.trigger('notificationError', { ignoreAndroidSystemSettings: false });
|
|
this.setState({ isLoading: false });
|
|
alert(Err.message);
|
|
}
|
|
});
|
|
}
|
|
|
|
processLnurl = data => {
|
|
this.setState({ isLoading: true }, async () => {
|
|
if (!this.state.fromWallet) {
|
|
ReactNativeHapticFeedback.trigger('notificationError', { ignoreAndroidSystemSettings: false });
|
|
alert('Before paying a Lightning invoice, you must first add a Lightning wallet.');
|
|
return this.props.navigation.goBack();
|
|
}
|
|
|
|
// handling fallback lnurl
|
|
let ind = data.indexOf('lightning=');
|
|
if (ind !== -1) {
|
|
data = data.substring(ind + 10).split('&')[0];
|
|
}
|
|
|
|
data = data.replace('LIGHTNING:', '').replace('lightning:', '');
|
|
console.log(data);
|
|
|
|
// decoding the lnurl
|
|
let decoded = bech32.decode(data, 1500);
|
|
let url = Buffer.from(bech32.fromWords(decoded.words)).toString();
|
|
|
|
// calling the url
|
|
try {
|
|
let resp = await fetch(url, { method: 'GET' });
|
|
if (resp.status >= 300) {
|
|
throw new Error('Bad response from server');
|
|
}
|
|
let reply = await resp.json();
|
|
if (reply.status === 'ERROR') {
|
|
throw new Error('Reply from server: ' + reply.reason);
|
|
}
|
|
|
|
if (reply.tag !== 'withdrawRequest') {
|
|
throw new Error('Unsupported lnurl');
|
|
}
|
|
|
|
// setting the invoice creating screen with the parameters
|
|
this.setState({
|
|
isLoading: false,
|
|
lnurlParams: {
|
|
k1: reply.k1,
|
|
callback: reply.callback,
|
|
fixed: reply.minWithdrawable === reply.maxWithdrawable,
|
|
min: (reply.minWithdrawable || 0) / 1000,
|
|
max: reply.maxWithdrawable / 1000,
|
|
},
|
|
amount: (reply.maxWithdrawable / 1000).toString(),
|
|
description: reply.defaultDescription,
|
|
});
|
|
} catch (Err) {
|
|
Keyboard.dismiss();
|
|
this.setState({ isLoading: false });
|
|
ReactNativeHapticFeedback.trigger('notificationError', { ignoreAndroidSystemSettings: false });
|
|
alert(Err.message);
|
|
}
|
|
});
|
|
};
|
|
|
|
renderCreateButton = () => {
|
|
return (
|
|
<View style={{ marginHorizontal: 56, marginVertical: 16, minHeight: 45, alignContent: 'center', backgroundColor: '#FFFFFF' }}>
|
|
{this.state.isLoading ? (
|
|
<ActivityIndicator />
|
|
) : (
|
|
<BlueButton disabled={!(this.state.amount > 0)} onPress={() => this.createInvoice()} title={loc.send.details.create} />
|
|
)}
|
|
</View>
|
|
);
|
|
};
|
|
|
|
renderScanClickable = () => {
|
|
return (
|
|
<TouchableOpacity
|
|
disabled={this.state.isLoading}
|
|
onPress={() => {
|
|
NavigationService.navigate('ScanQRCode', {
|
|
onBarScanned: this.processLnurl,
|
|
launchedBy: this.props.navigation.state.routeName,
|
|
});
|
|
Keyboard.dismiss();
|
|
}}
|
|
style={{
|
|
height: 36,
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
justifyContent: 'space-between',
|
|
backgroundColor: '#9AA0AA',
|
|
borderRadius: 4,
|
|
paddingVertical: 4,
|
|
paddingHorizontal: 8,
|
|
marginHorizontal: 4,
|
|
}}
|
|
>
|
|
<Icon name="qrcode" size={22} type="font-awesome" color={BlueApp.settings.inverseForegroundColor} />
|
|
<Text style={{ marginLeft: 4, color: BlueApp.settings.inverseForegroundColor }}>{loc.send.details.scan}</Text>
|
|
</TouchableOpacity>
|
|
);
|
|
};
|
|
|
|
renderWalletSelectionButton = () => {
|
|
if (this.state.renderWalletSelectionButtonHidden) return;
|
|
return (
|
|
<View style={{ marginBottom: 16, alignItems: 'center', justifyContent: 'center' }}>
|
|
{!this.state.isLoading && (
|
|
<TouchableOpacity
|
|
style={{ flexDirection: 'row', alignItems: 'center' }}
|
|
onPress={() =>
|
|
this.props.navigation.navigate('SelectWallet', { onWalletSelect: this.onWalletSelect, chainType: Chain.OFFCHAIN })
|
|
}
|
|
>
|
|
<Text style={{ color: '#9aa0aa', fontSize: 14, marginRight: 8 }}>{loc.wallets.select_wallet.toLowerCase()}</Text>
|
|
<Icon name="angle-right" size={18} type="font-awesome" color="#9aa0aa" />
|
|
</TouchableOpacity>
|
|
)}
|
|
<View style={{ flexDirection: 'row', alignItems: 'center', marginVertical: 4 }}>
|
|
<TouchableOpacity
|
|
style={{ flexDirection: 'row', alignItems: 'center' }}
|
|
onPress={() =>
|
|
this.props.navigation.navigate('SelectWallet', { onWalletSelect: this.onWalletSelect, chainType: Chain.OFFCHAIN })
|
|
}
|
|
>
|
|
<Text style={{ color: '#0c2550', fontSize: 14 }}>{this.state.fromWallet.getLabel()}</Text>
|
|
<Text style={{ color: '#0c2550', fontSize: 14, fontWeight: '600', marginLeft: 8, marginRight: 4 }}>
|
|
{loc.formatBalanceWithoutSuffix(this.state.fromWallet.getBalance(), BitcoinUnit.SATS, false)}
|
|
</Text>
|
|
<Text style={{ color: '#0c2550', fontSize: 11, fontWeight: '600', textAlignVertical: 'bottom', marginTop: 2 }}>
|
|
{BitcoinUnit.SATS}
|
|
</Text>
|
|
</TouchableOpacity>
|
|
</View>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
onWalletSelect = wallet => {
|
|
this.setState({ fromWallet: wallet }, () => this.props.navigation.pop());
|
|
};
|
|
|
|
render() {
|
|
if (!this.state.fromWallet) {
|
|
return (
|
|
<View style={{ flex: 1, paddingTop: 20 }}>
|
|
<Text>System error: Source wallet not found (this should never happen)</Text>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
|
|
<View style={{ flex: 1, justifyContent: 'space-between' }}>
|
|
<View style={{ flex: 1, backgroundColor: '#FFFFFF' }}>
|
|
<KeyboardAvoidingView behavior="position">
|
|
<BlueBitcoinAmount
|
|
isLoading={this.state.isLoading}
|
|
amount={this.state.amount}
|
|
onChangeText={text => {
|
|
if (this.state.lnurlParams) {
|
|
// in this case we prevent the user from changing the amount to < min or > max
|
|
let { min, max } = this.state.lnurlParams;
|
|
let nextAmount = parseInt(text);
|
|
if (nextAmount < min) {
|
|
text = min.toString();
|
|
} else if (nextAmount > max) {
|
|
text = max.toString();
|
|
}
|
|
}
|
|
|
|
this.setState({ amount: text });
|
|
}}
|
|
disabled={this.state.isLoading || (this.state.lnurlParams && this.state.lnurlParams.fixed)}
|
|
unit={BitcoinUnit.SATS}
|
|
inputAccessoryViewID={BlueDismissKeyboardInputAccessory.InputAccessoryViewID}
|
|
/>
|
|
<View
|
|
style={{
|
|
flexDirection: 'row',
|
|
borderColor: '#d2d2d2',
|
|
borderBottomColor: '#d2d2d2',
|
|
borderWidth: 1.0,
|
|
borderBottomWidth: 0.5,
|
|
backgroundColor: '#f5f5f5',
|
|
minHeight: 44,
|
|
height: 44,
|
|
marginHorizontal: 20,
|
|
alignItems: 'center',
|
|
marginVertical: 8,
|
|
borderRadius: 4,
|
|
}}
|
|
>
|
|
<TextInput
|
|
onChangeText={text => this.setState({ description: text })}
|
|
placeholder={loc.receive.details.label}
|
|
value={this.state.description}
|
|
numberOfLines={1}
|
|
style={{ flex: 1, marginHorizontal: 8, minHeight: 33 }}
|
|
editable={!this.state.isLoading}
|
|
onSubmitEditing={Keyboard.dismiss}
|
|
inputAccessoryViewID={BlueDismissKeyboardInputAccessory.InputAccessoryViewID}
|
|
/>
|
|
{this.state.lnurlParams ? null : this.renderScanClickable()}
|
|
</View>
|
|
<BlueDismissKeyboardInputAccessory />
|
|
{this.renderCreateButton()}
|
|
</KeyboardAvoidingView>
|
|
</View>
|
|
{this.renderWalletSelectionButton()}
|
|
</View>
|
|
</TouchableWithoutFeedback>
|
|
);
|
|
}
|
|
}
|
|
|
|
LNDCreateInvoice.propTypes = {
|
|
navigation: PropTypes.shape({
|
|
goBack: PropTypes.func,
|
|
dismiss: PropTypes.func,
|
|
navigate: PropTypes.func,
|
|
getParam: PropTypes.func,
|
|
pop: PropTypes.func,
|
|
state: PropTypes.shape({
|
|
routeName: PropTypes.string,
|
|
params: PropTypes.shape({
|
|
uri: PropTypes.string,
|
|
fromWallet: PropTypes.shape({}),
|
|
}),
|
|
}),
|
|
}),
|
|
};
|