duynd1 / react-native-paypal

Wrapper for native paypal sdk

react-native-paypal

A wrapper for the paypal sdk for both android and ios.

Getting started

$ npm install react-native-paypal-lib --save

Mostly automatic installation

$ react-native link react-native-paypal-lib

iOS Configuration

Configure the project:

cd ios && pod init

Add the next line to your PodFile:

+ pod 'RNPaypal', :path => '../node_modules/react-native-paypal-lib/ios'

Install the RNPaypal pod:

pod install

Manual installation

iOS

1. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
2. Go to node_modules ➜ react-native-paypal-lib and add RNPaypal.xcodeproj
3. In XCode, in the project navigator, select your project. Add libRNPaypal.a to your project's Build Phases ➜ Link Binary With Libraries
4. Run your project (Cmd+R)<

Android

1. Open up android/app/src/main/java/[...]/MainActivity.java

• Add import com.reactlibrary.RNPaypalPackage; to the imports at the top of the file
• Add new RNPaypalPackage() to the list returned by the getPackages() method

2. Append the following lines to android/settings.gradle:

   include ':react-native-paypal-lib'
   project(':react-native-paypal-lib').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-paypal/android')
   

3. Insert the following lines inside the dependencies block in android/app/build.gradle:

     compile project(':react-native-paypal-lib')
   

Properties

Prop	Description	Type
clientId	Your client id for each relevant environment, as obtained from developer.paypal.com	String
environment	Your paypal environment.	RNPaypal.ENVIRONMENT
intent	Name of the animation, see below for available animations.	RNPaypal.INTENT
price	Amount in the given currency to process. Must be positive.	Integer
currency	ISO standard currency code (http://en.wikipedia.org/wiki/ISO_4217).	String
description	A short description of the transaction, for display to the user.	String
acceptCreditCards	If set to NO, the SDK will only support paying with PayPal, not with credit cards.	Bool

Environments

The Environment. The allowed values are:

• NO_NETWORK. No need for real credentials at Login prompt.
• SANDBOX. You'll need sandbox credentials in order to work at (https://developer.paypal.com/developer/accounts).
• PRODUCTION. In order to work you need to have an production client id.

Intents

The intent. The allowed values are:

• SALE. For immediate payment.
• AUTHORIZE. For a delayed payment.
• ORDER. An Order.

Usage

import RNPaypal from 'react-native-paypal-lib';

RNPaypal.paymentRequest({
    clientId: '<YOUR CLIENT ID>',
    environment: RNPaypal.ENVIRONMENT.NO_NETWORK,
    intent: RNPaypal.INTENT.SALE,
    price: 60,
    currency: 'USD',
    description: `Android testing`,
    acceptCreditCards: true
}).then(response => {
    console.log(response)
}).catch(err => {
    console.log(err.message)
})