Getting Started

Installation

Install the package using npm using the following command:

npm install --save-exact @card91/react-native-reset-pin-flow

or using yarn:

yarn add --exact @card91/react-native-reset-pin-flow

📘
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 ResetPinFlow in the place where you need to show the Reset Page:

import { ResetPinFlow } from '@card91/react-native-reset-pin-flow';

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

For Reset Pin page takes the following props:

Input props

Name	Type	Required	Description
templateId	string	true	ID of the card layout containing details like the card number, CVV, expiry date, etc.
token	string	true	Auth Token received from the Card91 APIs
cardId	string	true	Customer Card id which come when you login with MPIN/Auth token
environment	string	true	Use sandbox or live Keys for Production
phoneNumber	string	true	End user phone number have to pass here.

Installation

📘Peer Dependencies

Usage

Input props

📘
Peer Dependencies