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

• TrueLayer Payments SDK
  • Table of Contents
  • How to Install the SDK
  • Setup
    • Prerequisites
      • Setting Up Your Backend
      • Payments Quickstart
      • Minimum Versions
    • Android specific setup
    • Additional setup to use the SDK with Expo
    • Using the SDK with Expo
  • How to Use the SDK
  • How to setup the DemoApp

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 7.0 (API level 24)

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:2.1.3"
}

Additional setup to use the SDK with Expo 52

Please check Expo Integration

How to Use the SDK

1. Import the SDK:

import {
  TrueLayerPaymentsSDKWrapper,
  Environment,
  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.

How to setup the DemoApp

Go to DemoApp for more information.