-
Notifications
You must be signed in to change notification settings - Fork 266
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1efc5f4
commit fa81790
Showing
11 changed files
with
214 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,155 @@ | ||
| import type { BillingDetails } from '@stripe/stripe-react-native'; | ||
| import React, { useState } from 'react'; | ||
| import { Alert, StyleSheet, TextInput } from 'react-native'; | ||
| import { | ||
| useConfirmPayment, | ||
| useConfirmSetupIntent, | ||
| } from '@stripe/stripe-react-native'; | ||
| import Button from '../components/Button'; | ||
| import PaymentScreen from '../components/PaymentScreen'; | ||
| import { API_URL } from '../Config'; | ||
| import { colors } from '../colors'; | ||
|
|
||
| export default function RevolutPayScreen() { | ||
| const [email, setEmail] = useState(''); | ||
| const { confirmPayment, loading: loadingPayment } = useConfirmPayment(); | ||
| const { confirmSetupIntent, loading: loadingSetup } = useConfirmSetupIntent(); | ||
|
|
||
| const fetchClientSecret = async (intentType: 'setup' | 'payment') => { | ||
| const response = await fetch(`${API_URL}/create-${intentType}-intent`, { | ||
| method: 'POST', | ||
| headers: { | ||
| 'Content-Type': 'application/json', | ||
| }, | ||
| body: JSON.stringify({ | ||
| email, | ||
| currency: 'gbp', | ||
| payment_method_types: ['revolut_pay'], | ||
| }), | ||
| }); | ||
| const { clientSecret, error } = await response.json(); | ||
|
|
||
| return { clientSecret, error }; | ||
| }; | ||
|
|
||
| const handlePayPress = async () => { | ||
| const { clientSecret, error: clientSecretError } = await fetchClientSecret( | ||
| 'payment' | ||
| ); | ||
|
|
||
| if (clientSecretError) { | ||
| Alert.alert(`Error`, clientSecretError); | ||
| return; | ||
| } | ||
|
|
||
| const billingDetails: BillingDetails = { | ||
| name: 'John Doe', | ||
| email, | ||
| }; | ||
|
|
||
| const { error, paymentIntent } = await confirmPayment(clientSecret, { | ||
| paymentMethodType: 'RevolutPay', | ||
| paymentMethodData: { | ||
| billingDetails, | ||
| }, | ||
| }); | ||
|
|
||
| if (error) { | ||
| Alert.alert(`Error code: ${error.code}`, error.message); | ||
| console.log('Payment confirmation error', error.message); | ||
| } else if (paymentIntent) { | ||
| Alert.alert( | ||
| 'Success', | ||
| `The payment was confirmed successfully! currency: ${paymentIntent.currency}` | ||
| ); | ||
| console.log('Success from promise', paymentIntent); | ||
| } | ||
| }; | ||
|
|
||
| const handleSetupPress = async () => { | ||
| const { clientSecret, error: clientSecretError } = await fetchClientSecret( | ||
| 'setup' | ||
| ); | ||
|
|
||
| if (clientSecretError) { | ||
| Alert.alert(`Error`, clientSecretError); | ||
| return; | ||
| } | ||
|
|
||
| const { error, setupIntent } = await confirmSetupIntent( | ||
| clientSecret, | ||
| { | ||
| paymentMethodType: 'RevolutPay', | ||
| paymentMethodData: { | ||
| mandateData: { | ||
| customerAcceptance: { | ||
| online: { | ||
| ipAddress: '0.0.0.0', | ||
| userAgent: 'chrome', | ||
| }, | ||
| }, | ||
| }, | ||
| }, | ||
| }, | ||
| { setupFutureUsage: 'OffSession' } | ||
| ); | ||
|
|
||
| if (error) { | ||
| Alert.alert(`Error code: ${error.code}`, error.message); | ||
| console.log('Setup confirmation error', error.message); | ||
| } else if (setupIntent) { | ||
| Alert.alert('Success', `Status: ${setupIntent.status}`); | ||
| console.log('Success from promise', setupIntent); | ||
| } | ||
| }; | ||
|
|
||
| return ( | ||
| <PaymentScreen paymentMethod="revolut_pay"> | ||
| <TextInput | ||
| placeholder="E-mail" | ||
| autoCapitalize="none" | ||
| keyboardType="email-address" | ||
| onChange={(value) => setEmail(value.nativeEvent.text)} | ||
| style={styles.input} | ||
| /> | ||
|
|
||
| <Button | ||
| variant="primary" | ||
| onPress={handlePayPress} | ||
| title="Pay" | ||
| accessibilityLabel="Pay" | ||
| loading={loadingPayment} | ||
| /> | ||
|
|
||
| <Button | ||
| variant="primary" | ||
| onPress={handleSetupPress} | ||
| title="Setup for later" | ||
| accessibilityLabel="Setup for later" | ||
| loading={loadingSetup} | ||
| /> | ||
| </PaymentScreen> | ||
| ); | ||
| } | ||
|
|
||
| const styles = StyleSheet.create({ | ||
| cardField: { | ||
| width: '100%', | ||
| height: 50, | ||
| marginVertical: 30, | ||
| }, | ||
| row: { | ||
| flexDirection: 'row', | ||
| alignItems: 'center', | ||
| marginVertical: 20, | ||
| }, | ||
| text: { | ||
| marginLeft: 12, | ||
| }, | ||
| input: { | ||
| height: 44, | ||
| borderBottomColor: colors.slate, | ||
| borderBottomWidth: 1.5, | ||
| marginBottom: 20, | ||
| }, | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters