NativeScript PayPal

NativeScript module for implementing simple PayPal checkouts using official SDK.

License

MIT license

Platforms

• Android

Roadmap

• add support for iOS

Installation

Run

tns plugin add nativescript-paypal

inside your app project to install the module.

Android

AndroidManifest.xml

Keep sure to define the following permissions, activities and other data in your manifest file:

<?xml version="1.0" encoding="UTF-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />    
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.VIBRATE" />
    
    <action android:name="android.intent.action.MAIN" />
 
    <category android:name="android.intent.category.LAUNCHER" />
    
    <service android:name="com.paypal.android.sdk.payments.PayPalService"
             android:exported="false" />
             
    <uses-feature android:name="android.hardware.camera"
                  android:required="false" />
    <uses-feature android:name="android.hardware.camera.autofocus"
                  android:required="false" />

    <application>
        <activity android:name="com.paypal.android.sdk.payments.PaymentActivity" />
        <activity android:name="com.paypal.android.sdk.payments.LoginActivity" />
        <activity android:name="com.paypal.android.sdk.payments.PaymentMethodActivity" />
        <activity android:name="com.paypal.android.sdk.payments.PaymentConfirmActivity" />
        <activity android:name="com.paypal.android.sdk.payments.PayPalFuturePaymentActivity" />
        <activity android:name="com.paypal.android.sdk.payments.FuturePaymentConsentActivity" />
        <activity android:name="com.paypal.android.sdk.payments.FuturePaymentInfoActivity" />
 
        <activity android:name="io.card.payment.DataEntryActivity" />
    </application>
</manifest>

app.gradle

Keep sure to have a reference to the PayPal SDK in your app/App_Resources/Android/app.gradle file of your project.

dependencies {
    // PayPal
    compile 'com.paypal.sdk:paypal-android-sdk:2.14.2'
}

Demo

For quick start have a look at the demo/app/main-view-model.js file of the demo app to learn how it works.

Otherwise ...

Usage

Include

Include the module in your code-behind:

var PayPal = require("nativescript-paypal");

Initialize

Initialize the environment:

function onPageLoaded(args) {
    PayPal.init({
        clientId: '<YOUR-CLIENT-ID>'
    });
}
exports.onPageLoaded = onPageLoaded;

The (optional) object that is submitted to the PayPal.init function has the following structure:

Properties

Name	Description
acceptCreditCards	[OPTIONAL] Accept credit cards or not. Default: (true)
account	[OPTIONAL] Defines information about the account.
clientId	The PayPal ID for your app that was generated in the PayPal Developer Portal.
defaults	[OPTIONAL] Defines default data.
environment	[OPTIONAL] The environment to use. Possible values are: 0 = ENVIRONMENT_SANDBOX, 1 = ENVIRONMENT_PRODUCTION, 2 = ENVIRONMENT_NO_NETWORK.
onActivityResult	[OPTIONAL] Logic for Activity.onActivityResult method of the underlying Android activity that is used to invoke logic for other modules, e.g.
rememberUser	[OPTIONAL] Remember the last user for the next payment or not. Default: (true)
requestCode	[OPTIONAL] The custom request code to use (e.g. for Activity.onActivityResult Android method). Default: 230958624

account

The account object has the following structure:

Properties

Name	Description
name	[OPTIONAL] The name of the merchant.
privacyPolicy	[OPTIONAL] The URI to the privacy policy of the merchant.
userAgreement	[OPTIONAL] The URI to the user agreement of the merchant.

defaults

The defaults object has the following structure:

Properties

Name	Description
userEmail	[OPTIONAL] The default user email.
userPhone	[OPTIONAL] The default user phone.
userPhoneCountryCode	[OPTIONAL] The default user phone country code.

Start a payment

function buyProduct(args) {
    // configure
    var payment = PayPal.newPayment()
        .setDescription('My product')
        .setAmount(59.79);

    // start checkout / payment
    payment.start(function(cbResult) {
        switch (cbResult.code) {
            case 0:
                // SUCCESS
                // pay key is stored in 'cbResult.key'
                break;
                
            case 1:
                // operation was CANCELLED
                break;
                
            case -1:
                // checkout FAILED
                break;
                
            case -2:
                // "unhandled exception"
                break;
        }
    });
}
exports.buyProduct = buyProduct;

The payment object that is created by PayPal.newPayment function has the following structure.

Methods

Name	Description
getAmount	Gets the price. Example: var a = payment.getAmount();
getBnCode	Gets the BN code. Example: var bc = payment.getBnCode();
getCurrency	Gets the custom currency to use. Example: var c = payment.getCurrency();
getCustom	Gets the custom value for the payment. Example: var c = payment.getCustom();
getDescription	Gets the (short) description. Example: var d = payment.getDescription();
getDetails	Gets an object with the payment details. Example: var d = payment.getDetails();
getInvoiceNumber	Gets the custom invoice number. Example: var i = payment.getInvoiceNumber();
setAmount	Sets the price. Example: payment.setAmount(1.25);
setBnCode	Sets a BN code. Example: payment.setBnCode('Your BN Code');
setCurrency	Sets the custom currency to use. Example: payment.setCurrency('EUR');
setCustom	Sets the custom value for the payment. Example: payment.setCustom('MY-PRODUCT-ID');
setDetails	Sets details (shipping, subtotal & tax). Example: payment.setDetails(4.95, 199.99, 1.19);
setDescription	Sets the (short) description. Example: payment.setDescription('This is really awesom!');
setInvoiceNumber	Sets the custom invoice number. Example: payment.setInvoiceNumber('MY_INVOICE-666');
start	Starts the payment / checkout process.

start

The callback that is submitted to the payment.start method receives an object with the following properties:

Name	Description
code	The result code. 0 = success, -3 = JSON parse error, -2 = unhandled exception, -1 = checkout failed, 1 = cancelled, 2 = no confirm data, 3 = no JSON data
key	The key of the payment (if code = 0)

Enhancements

Logging

If you want to get the logging output of the module, you can use PayPal.addLogger function to add a callback that receives a message from the module:

PayPal.addLogger(function(msg) {
    console.log('[nativescript-paypal]: ' + msg);
});