react-native-braintree-sdk

react-native-braintree-sdk

A small wrapper to access Braintree's most recent iOS/Android SDK on React Native

Installation

npm install react-native-braintree-sdk

Usage

import * as Braintree from "react-native-braintree-sdk";

// ...
const App = () => {
  const [isApplePayAvailable, setIsApplePayAvailable] = React.useState(false);

  useEffect(() => {
    const setup = async () => {
      await Braintree.setup('clientToken');
      Braintree.isApplePayAvailable()
        .then(setIsApplePayAvailable)
        .catch(showError);
    }
  }, []);
  const onPressApplePay = React.useCallback(async () => {
    try {
      const result = await Braintree.authorizeApplePay({
        merchantId: 'test-merchant-id',
        lineItems: [
          {
            label: 'Total',
            amount: 10,
          },
        ],
        contactFields: ['postalAddress'],
        supportedNetworks: ['AmEx', 'Visa', 'MasterCard'],
      });

      Alert.alert('Apple Pay Result', `Nonce: ${result.nonce}`);
    } catch (error) {
      showError(error);
    }
  }, []);

  return (
    <View>
      {isApplePayAvailable && <Button title='Pay with Venmo' onPress={onPressApplePay} />}
    </View>
  );
}

API

setup ⇒ void

Sets up the native Braintree client

Param	Type	Description
clientAuthorization	string	See Braintre's Docs

isVenmoAvailable ⇒ Promise<boolean>

Checks if the device can launch Venmo on iOS, on Android always returns true

Returns: Promise - Promise resolving to the status

authorizeVenmo ⇒ Promise<VenmoResponse>

Asks the user to start a Venmo request, if the user approves, returns a nonce to use for a transaction

Returns: Promise.<VenmoResponse> - Promise resolving to nonce and the user's venmo username

Param	Type	Description
params	AuthorizeVenmoParams	See Braintre's Docs to find out more on the use / vaulting options

isGooglePayAvailable ⇒ Promise<boolean>

Checks if the device can use Google Pay. Always returns false on iOS devices

Returns: Promise - Promise resolving to the status

authorizeGooglePay ⇒ Promise<NonceResponse>

Presents the Google Pay popup, if the user approves, returns a nonce to use for a transaction

Returns: Promise.<NonceResponse> - Promise resolving to nonce

Param	Type	Description
params	AuthorizeGooglePayParams	The price for the transaction that the nonce will be used with

isApplePayAvailable ⇒ Promise<boolean>

Checks if the device can use Apple Pay. Always returns false on Android devices

Returns: Promise - Promise resolving to the status

authorizeApplePay ⇒ Promise<NonceResponse>

Presents the Apple Pay popup, if the user approves, returns a nonce to use for a transaction

Returns: Promise.<NonceResponse> - Promise resolving to nonce

Param	Type	Description
params	AuthorizeGooglePayParams	See Braintre's Docs to learn more about the Apple Pay payment request options

getCardNonce ⇒ Promise<CardResponse>

Creates a nonce for a card

Returns: Promise.<CardResponse> - Promise resolving to nonce and card informatiom

Param	Type	Description
card	CardDetails	The card details you collect on the device

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT