TrueLayer Payments SDK

TrueLayer's React Native SDK allows you to quickly add open banking payments to your app. The SDK integrates with TrueLayer's Payments API, making it simple to get up and running.

The SDK presents native screens that allow your users to select their bank and consent to the payment. The user is then redirected to their banking app or website to authorise the payment. It also handles the network requests and errors.

Table of Contents

1. How to Install the SDK
2. Setup
   1. Prerequisites
      1. Setting Up Your Backend
      2. Minimum Versions
3. How to Use the SDK

How to Install the SDK

Using Yarn:

yarn add rn-truelayer-payments-sdk

Using npm:

npm install rn-truelayer-payments-sdk --save

In your iOS folder, run the Cocoapods install command:

• If using the New Architecture, run:

   RCT_NEW_ARCH_ENABLED=1 bundle exec pod install
  

• If using the old architecture, run:

   bundle exec pod install
  

Setup

Prerequisites

Setting Up Your Backend

• Create an account in the TrueLayer console. Follow this guide to set it up correctly.

• You need a backend which is able to retrieve an access token and create a payment on behalf of the user. This is to enforce security on the client, avoiding the need to store static secrets in your app. The API documentation can be found here.

Finally, your app should setup a payment. Once the payment has been setup, it is possible to delegate all the remaining parts of the process to the SDK. To set up a payment, the backend should:

1. Authenticate with TrueLayer.
2. Create a Payment.
3. Return the payment identifier and the resource token to the app.

Payments Quickstart

Alternatively, you can use our open source server.

Minimum Versions

• Xcode 14.x and iOS 14.0.
• Android 5.0 (API level 21)

Android specific setup

Enable Core Library Desugaring and update packing options to remove excess LICENSE-MIT files.

In order to be able to run on API level below 26 the SDK requires your application to have core library desugaring enabled. Without this the SDK will crash.

android {
    // this part will enable core library desugaing
    compileOptions {
        coreLibraryDesugaringEnabled true
    }
    
    // this part will remove excess LICENSE-MIT files
    packagingOptions {
        resources {
            pickFirsts += ['META-INF/LICENSE-MIT']
        }
    }
}

dependencies {
    // Add to your projects `build.gradle`.
    // We are currently using following version of desuga libraries
    coreLibraryDesugaring "com.android.tools:desugar_jdk_libs:1.2.2"
}

How to Use the SDK

1. Import the SDK:

import {
  TrueLayerPaymentsSDKWrapper,
  Environment,
  PaymentUseCase,
  ResultType,
} from "rn-truelayer-payments-sdk";

2. Configure the SDK with the given environment (Environment.Sandbox or Environment.Production):

TrueLayerPaymentsSDKWrapper.configure(Environment.Sandbox).then(
  () => {
    console.log("Configure success");
  },
  (reason) => {
    console.log("Configure failed " + reason);
  }
);

3. Checkout Documentation.