Getting Started

Installation and usage

Installation

Install the package using npm using the following command:

npm install --save-exact @card91/react-native-transactions-view

or using yarn:

yarn add --exact @card91/react-native-transactions-view

📘

Peer Dependencies

Our React Native SDK relies on the react-native-webview library, so please make sure that it is installed before using the SDK.

Usage

Use TransactionsView in the place where you need to show the Transactions List:

import { TransactionsView } from '@card91/react-native-transactions-view';

export function TransactionPage() {
    return (
        <View>
            <TransactionsView
              templateId="[YOUR_TEMPLATE_ID]"
              environment="[ENV]" 
              cardId="[CUSTOMER_CARD_ID]"
              token="[AUTH_TOKEN]"
                />
        </View>
    );
}

For Transactions list takes the following props:

Input props

NameTypeRequiredDescription
templateIdstringtrueID of the card layout containing details like the card number, CVV, expiry date, etc.
tokenstringtrueAuth Token received from the Card91 APIs
cardIdstringtrueCustomer Card id which come when you login with MPIN/Auth token
environmentstringfalseUse sandbox or live Keys for Production