react-native-braintree-card

A react native interface for handling Braintree's card nonce creation, when using a custom credit card UI.

For those using the Braintree's v.zero SDK, check out react-native-braintree.

API supports both the initWithNumber and initWithParameters methods from Class BTCard.

Usage

Setup

// outside of your componet
import BraintreeCardClient from 'react-native-braintree-card';

// in your componentDidMount() block
BraintreeCardClient.initWithAuthorization(<token>);

// handle form submit event after user inputs card detail
BraintreeCardClient.getCardNonce( card, expMonth, expYear, cvv, (error, nonce) => {
   // if error handle accordingly or pass nonce to your server
});

// Or with object, more info on object schema here http://cocoadocs.org/docsets/Braintree/4.7.4/Classes/BTCard.html
BraintreeCardClient.getCardNonce(
  {
    number,
    expirationMonth,
    expirationYear,
    cvv,
    cardholderName,
    billing_address: {
      street_address, postal_code, locality, region,
      country_code_alpha2,
      country_name,
    },
    options: {
      validate: false,
    }
  },
   (error, nonce) => {
     // if error handle accordingly or pass nonce to your server
});

Installation

1. Run npm install react-native-braintree-card --save to add the package
2. Inside the ios/ directory, create a Podfile:

# Podfile for cocoapods 1.0
source 'https://github.com/CocoaPods/Specs.git'
target 'yourAppTarget' do
  pod 'React', :path => '../node_modules/react-native'
  pod 'react-native-braintree-card', :path => '../node_modules/react-native-braintree-card'
end

Or if you use an older CocoaPods version:

source 'https://github.com/CocoaPods/Specs.git'
pod 'React', :path => '../node_modules/react-native'
pod 'react-native-braintree-card', :path => '../node_modules/react-native-braintree-card'

3. Run pod install. This installs the Braintree iOS SDK and a new workspace is created.

4. Open your workspace.

5. Under your app target -> build settings, look for Other Linker Flags and add $(inherited)

6. Build and run project! If it fails the first time, clean and rebuild.

Requirements

Tested with:

• node 6.9.4
• npm 3.10.10
• react-native 0.42.0