paytmpayments-allinone-react-native

This plugin exposes a single method to perform any transaction

Installation

npm install paytmpayments-allinone-react-native

Usage

    startTransaction(
        orderId: string,
        mid: string,
        txnToken: string,
        amount: string,
        callbackUrl: string,
        isStaging: boolean,
        restrictAppInvoke: boolean
    ): Promise<any>;

Configuration

Android

1. Add the below line to the ‘repositories’ section of your project-level build.gradle file as below

allprojects {
    repositories {
        google()
        .
        .
        mavenCentral()
    }
}

iOS

1: Open Podfile and Update Platform Version Navigate to the ios folder and open Podfile. You can do this using the following code. $ cd ios && open podfile.

2: Install Pods Using Cocoapods Install pods after updating iOS platform. : pod install && cd .. 3. Add the following in ios project. Open the projectName.workspace in ios folder. Open Info.plist : Add LSApplicationQueriesSchemes. Change its type to Array. Create a new item in it and set its value as "paytm"

Go to Info tab -> URL Types : Add a new URL Type that you’ll be using as the callback from Paytm App (URL Scheme: "paytm"+"MID"). Example: paytmMid123

Open AppDelegate.m: Add following method before the end of the file ended by @end Open AppDelegate.m and Import LinkingManager to the top of the file which has delegate methods for implementing and handling URLScheme(response from Paytm invoke will be received here in this method. Which in turns notifies the Plugin.)

#import <React/RCTLinkingManager.h>

• (BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {

  NSString *urlString = url.absoluteString; NSDictionary *userInfo = [NSDictionary dictionaryWithObject:urlString forKey:@"appInvokeNotificationKey"]; [[NSNotificationCenter defaultCenter] postNotificationName: @"appInvokeNotification" object:nil userInfo:userInfo]; return [RCTLinkingManager application:app openURL:url options:options]; }

Usage

1. Import top-level package

import AllInOneSDKManager from 'paytmpayments-allinone-react-native';

2. Call the startTransaction api

    AllInOneSDKManager.startTransaction(
        orderId,
        mid,
        tranxToken,
        amount,
        callbackUrl,
        isStaging,
        appInvokeRestricted,
    )
    .then((result) => {
        console.log("result", result);
        updateUI(result);
    })
    .catch((err) => {
        handleError(err);
    });

License

MIT