mirror of
https://github.com/BlueWallet/BlueWallet.git
synced 2024-11-19 18:00:17 +01:00
353 lines
11 KiB
JavaScript
353 lines
11 KiB
JavaScript
import Clipboard from '@react-native-clipboard/clipboard';
|
|
import { useIsFocused, useNavigation, useRoute } from '@react-navigation/native';
|
|
import * as bitcoin from 'bitcoinjs-lib';
|
|
import React, { useEffect, useRef, useState } from 'react';
|
|
import { ActivityIndicator, Linking, Platform, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
|
|
import DocumentPicker from 'react-native-document-picker';
|
|
import RNFS from 'react-native-fs';
|
|
|
|
import * as BlueElectrum from '../../blue_modules/BlueElectrum';
|
|
import triggerHapticFeedback, { HapticFeedbackTypes } from '../../blue_modules/hapticFeedback';
|
|
import Notifications from '../../blue_modules/notifications';
|
|
import { useStorage } from '../../blue_modules/storage-context';
|
|
import { BlueCard, BlueSpacing20, BlueText } from '../../BlueComponents';
|
|
import presentAlert from '../../components/Alert';
|
|
import CopyToClipboardButton from '../../components/CopyToClipboardButton';
|
|
import { DynamicQRCode } from '../../components/DynamicQRCode';
|
|
import SaveFileButton from '../../components/SaveFileButton';
|
|
import { SecondButton } from '../../components/SecondButton';
|
|
import { useTheme } from '../../components/themes';
|
|
import { requestCameraAuthorization } from '../../helpers/scan-qr';
|
|
import { useBiometrics } from '../../hooks/useBiometrics';
|
|
import loc from '../../loc';
|
|
|
|
const PsbtWithHardwareWallet = () => {
|
|
const { txMetadata, fetchAndSaveWalletTransactions, isElectrumDisabled } = useStorage();
|
|
const { isBiometricUseCapableAndEnabled, unlockWithBiometrics } = useBiometrics();
|
|
|
|
const navigation = useNavigation();
|
|
const route = useRoute();
|
|
const { fromWallet, memo, psbt, deepLinkPSBT, launchedBy } = route.params;
|
|
const routeParamsPSBT = useRef(route.params.psbt);
|
|
const routeParamsTXHex = route.params.txhex;
|
|
const { colors } = useTheme();
|
|
const [isLoading, setIsLoading] = useState(false);
|
|
const [txHex, setTxHex] = useState(route.params.txhex);
|
|
const openScannerButton = useRef();
|
|
const dynamicQRCode = useRef();
|
|
const isFocused = useIsFocused();
|
|
|
|
const stylesHook = StyleSheet.create({
|
|
scrollViewContent: {
|
|
backgroundColor: colors.elevated,
|
|
},
|
|
rootPadding: {
|
|
backgroundColor: colors.elevated,
|
|
},
|
|
hexWrap: {
|
|
backgroundColor: colors.elevated,
|
|
},
|
|
hexLabel: {
|
|
color: colors.foregroundColor,
|
|
},
|
|
hexInput: {
|
|
borderColor: colors.formBorder,
|
|
backgroundColor: colors.inputBackgroundColor,
|
|
color: colors.foregroundColor,
|
|
},
|
|
hexText: {
|
|
color: colors.foregroundColor,
|
|
},
|
|
});
|
|
|
|
const _combinePSBT = receivedPSBT => {
|
|
return fromWallet.combinePsbt(psbt, receivedPSBT);
|
|
};
|
|
|
|
const onBarScanned = ret => {
|
|
if (ret && !ret.data) ret = { data: ret };
|
|
if (ret.data.toUpperCase().startsWith('UR')) {
|
|
presentAlert({ message: 'BC-UR not decoded. This should never happen' });
|
|
}
|
|
if (ret.data.indexOf('+') === -1 && ret.data.indexOf('=') === -1 && ret.data.indexOf('=') === -1) {
|
|
// this looks like NOT base64, so maybe its transaction's hex
|
|
setTxHex(ret.data);
|
|
return;
|
|
}
|
|
try {
|
|
const Tx = _combinePSBT(ret.data);
|
|
setTxHex(Tx.toHex());
|
|
if (launchedBy) {
|
|
// we must navigate back to the screen who requested psbt (instead of broadcasting it ourselves)
|
|
// most likely for LN channel opening
|
|
navigation.navigate({ name: launchedBy, params: { psbt }, merge: true });
|
|
// ^^^ we just use `psbt` variable sinse it was finalized in the above _combinePSBT()
|
|
// (passed by reference)
|
|
}
|
|
} catch (Err) {
|
|
presentAlert({ message: Err.message });
|
|
}
|
|
};
|
|
|
|
useEffect(() => {
|
|
if (isFocused) {
|
|
dynamicQRCode.current?.startAutoMove();
|
|
} else {
|
|
dynamicQRCode.current?.stopAutoMove();
|
|
}
|
|
}, [isFocused]);
|
|
|
|
useEffect(() => {
|
|
if (!psbt && !route.params.txhex) {
|
|
presentAlert({ message: loc.send.no_tx_signing_in_progress });
|
|
}
|
|
|
|
if (deepLinkPSBT) {
|
|
const newPsbt = bitcoin.Psbt.fromBase64(deepLinkPSBT);
|
|
try {
|
|
const Tx = fromWallet.combinePsbt(routeParamsPSBT.current, newPsbt);
|
|
setTxHex(Tx.toHex());
|
|
} catch (Err) {
|
|
presentAlert({ message: Err });
|
|
}
|
|
} else if (routeParamsTXHex) {
|
|
setTxHex(routeParamsTXHex);
|
|
}
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [deepLinkPSBT, routeParamsTXHex]);
|
|
|
|
const broadcast = async () => {
|
|
setIsLoading(true);
|
|
const isBiometricsEnabled = await isBiometricUseCapableAndEnabled();
|
|
|
|
if (isBiometricsEnabled) {
|
|
if (!(await unlockWithBiometrics())) {
|
|
setIsLoading(false);
|
|
return;
|
|
}
|
|
}
|
|
try {
|
|
await BlueElectrum.ping();
|
|
await BlueElectrum.waitTillConnected();
|
|
const result = await fromWallet.broadcastTx(txHex);
|
|
if (result) {
|
|
setIsLoading(false);
|
|
const txDecoded = bitcoin.Transaction.fromHex(txHex);
|
|
const txid = txDecoded.getId();
|
|
Notifications.majorTomToGroundControl([], [], [txid]);
|
|
if (memo) {
|
|
txMetadata[txid] = { memo };
|
|
}
|
|
navigation.navigate('Success', { amount: undefined });
|
|
await new Promise(resolve => setTimeout(resolve, 3000)); // sleep to make sure network propagates
|
|
fetchAndSaveWalletTransactions(fromWallet.getID());
|
|
} else {
|
|
triggerHapticFeedback(HapticFeedbackTypes.NotificationError);
|
|
setIsLoading(false);
|
|
presentAlert({ message: loc.errors.broadcast });
|
|
}
|
|
} catch (error) {
|
|
triggerHapticFeedback(HapticFeedbackTypes.NotificationError);
|
|
setIsLoading(false);
|
|
presentAlert({ message: error.message });
|
|
}
|
|
};
|
|
|
|
const handleOnVerifyPressed = () => {
|
|
Linking.openURL('https://coinb.in/?verify=' + txHex);
|
|
};
|
|
|
|
const copyHexToClipboard = () => {
|
|
Clipboard.setString(txHex);
|
|
};
|
|
|
|
const _renderBroadcastHex = () => {
|
|
return (
|
|
<View style={[styles.rootPadding, stylesHook.rootPadding]}>
|
|
<BlueCard style={[styles.hexWrap, stylesHook.hexWrap]}>
|
|
<BlueText style={[styles.hexLabel, stylesHook.hexLabel]}>{loc.send.create_this_is_hex}</BlueText>
|
|
<TextInput style={[styles.hexInput, stylesHook.hexInput]} height={112} multiline editable value={txHex} />
|
|
|
|
<TouchableOpacity accessibilityRole="button" style={styles.hexTouch} onPress={copyHexToClipboard}>
|
|
<Text style={[styles.hexText, stylesHook.hexText]}>{loc.send.create_copy}</Text>
|
|
</TouchableOpacity>
|
|
<TouchableOpacity accessibilityRole="button" style={styles.hexTouch} onPress={handleOnVerifyPressed}>
|
|
<Text style={[styles.hexText, stylesHook.hexText]}>{loc.send.create_verify}</Text>
|
|
</TouchableOpacity>
|
|
<BlueSpacing20 />
|
|
<SecondButton
|
|
disabled={isElectrumDisabled}
|
|
onPress={broadcast}
|
|
title={loc.send.confirm_sendNow}
|
|
testID="PsbtWithHardwareWalletBroadcastTransactionButton"
|
|
/>
|
|
</BlueCard>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
const saveFileButtonBeforeOnPress = () => {
|
|
dynamicQRCode.current?.stopAutoMove();
|
|
};
|
|
|
|
const saveFileButtonAfterOnPress = () => {
|
|
dynamicQRCode.current?.startAutoMove();
|
|
};
|
|
|
|
const openSignedTransaction = async () => {
|
|
try {
|
|
const res = await DocumentPicker.pickSingle({
|
|
type: Platform.OS === 'ios' ? ['io.bluewallet.psbt', 'io.bluewallet.psbt.txn'] : [DocumentPicker.types.allFiles],
|
|
});
|
|
const file = await RNFS.readFile(res.uri);
|
|
if (file) {
|
|
onBarScanned({ data: file });
|
|
} else {
|
|
throw new Error();
|
|
}
|
|
} catch (err) {
|
|
if (!DocumentPicker.isCancel(err)) {
|
|
presentAlert({ message: loc.send.details_no_signed_tx });
|
|
}
|
|
}
|
|
};
|
|
|
|
const openScanner = () => {
|
|
requestCameraAuthorization().then(() => {
|
|
navigation.navigate('ScanQRCodeRoot', {
|
|
screen: 'ScanQRCode',
|
|
params: {
|
|
launchedBy: route.name,
|
|
showFileImportButton: false,
|
|
onBarScanned,
|
|
},
|
|
});
|
|
});
|
|
};
|
|
|
|
if (txHex) return _renderBroadcastHex();
|
|
|
|
const renderView = isLoading ? (
|
|
<ActivityIndicator />
|
|
) : (
|
|
<View style={styles.container}>
|
|
<BlueCard>
|
|
<BlueText testID="TextHelperForPSBT">{loc.send.psbt_this_is_psbt}</BlueText>
|
|
<BlueSpacing20 />
|
|
<Text testID="PSBTHex" style={styles.hidden}>
|
|
{psbt.toHex()}
|
|
</Text>
|
|
<DynamicQRCode value={psbt.toHex()} ref={dynamicQRCode} />
|
|
<BlueSpacing20 />
|
|
<SecondButton
|
|
testID="PsbtTxScanButton"
|
|
icon={{
|
|
name: 'qrcode',
|
|
type: 'font-awesome',
|
|
color: colors.secondButtonTextColor,
|
|
}}
|
|
onPress={openScanner}
|
|
ref={openScannerButton}
|
|
title={loc.send.psbt_tx_scan}
|
|
/>
|
|
<BlueSpacing20 />
|
|
<SecondButton
|
|
icon={{
|
|
name: 'login',
|
|
type: 'entypo',
|
|
color: colors.secondButtonTextColor,
|
|
}}
|
|
onPress={openSignedTransaction}
|
|
title={loc.send.psbt_tx_open}
|
|
/>
|
|
<BlueSpacing20 />
|
|
<SaveFileButton
|
|
fileName={`${Date.now()}.psbt`}
|
|
fileContent={typeof psbt === 'string' ? psbt : psbt.toBase64()}
|
|
style={styles.exportButton}
|
|
beforeOnPress={saveFileButtonBeforeOnPress}
|
|
afterOnPress={saveFileButtonAfterOnPress}
|
|
>
|
|
<SecondButton
|
|
icon={{
|
|
name: 'share-alternative',
|
|
type: 'entypo',
|
|
color: colors.secondButtonTextColor,
|
|
}}
|
|
title={loc.send.psbt_tx_export}
|
|
/>
|
|
</SaveFileButton>
|
|
<BlueSpacing20 />
|
|
<View style={styles.copyToClipboard}>
|
|
<CopyToClipboardButton stringToCopy={typeof psbt === 'string' ? psbt : psbt.toBase64()} displayText={loc.send.psbt_clipboard} />
|
|
</View>
|
|
</BlueCard>
|
|
</View>
|
|
);
|
|
|
|
return (
|
|
<ScrollView
|
|
centerContent
|
|
style={stylesHook.scrollViewContent}
|
|
automaticallyAdjustContentInsets
|
|
contentInsetAdjustmentBehavior="automatic"
|
|
contentContainerStyle={[styles.scrollViewContent, stylesHook.scrollViewContent]}
|
|
testID="PsbtWithHardwareScrollView"
|
|
>
|
|
{renderView}
|
|
</ScrollView>
|
|
);
|
|
};
|
|
|
|
export default PsbtWithHardwareWallet;
|
|
|
|
const styles = StyleSheet.create({
|
|
scrollViewContent: {
|
|
flexGrow: 1,
|
|
justifyContent: 'space-between',
|
|
},
|
|
container: {
|
|
flexDirection: 'row',
|
|
justifyContent: 'center',
|
|
paddingTop: 16,
|
|
paddingBottom: 16,
|
|
},
|
|
rootPadding: {
|
|
flex: 1,
|
|
paddingTop: 20,
|
|
},
|
|
hexWrap: {
|
|
alignItems: 'center',
|
|
flex: 1,
|
|
},
|
|
hexLabel: {
|
|
fontWeight: '500',
|
|
},
|
|
hexInput: {
|
|
borderRadius: 4,
|
|
marginTop: 20,
|
|
fontWeight: '500',
|
|
fontSize: 14,
|
|
paddingHorizontal: 16,
|
|
paddingBottom: 16,
|
|
paddingTop: 16,
|
|
},
|
|
hexTouch: {
|
|
marginVertical: 24,
|
|
},
|
|
hexText: {
|
|
fontSize: 15,
|
|
fontWeight: '500',
|
|
alignSelf: 'center',
|
|
},
|
|
copyToClipboard: {
|
|
marginVertical: 16,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
},
|
|
hidden: {
|
|
width: 0,
|
|
height: 0,
|
|
},
|
|
});
|