1.0.8 • Published 4 months ago
gpay-test v1.0.8
gpay-test
NPM plugin using gpay nvm for payment and authorization
required below variables passing through props to the GooglePay package.
- GPAY_ALLOWED_CARD_AUTHMETHODS
- GPAY_ALLOWED_CARD_NETWORKS
- GPAY_GATEWAY_MERCHNAT_ID
- GPAY_ENVIRONMENT
- GPAY_API_VERSION
- GPAY_MERCHANT_ID
- GPAY_MERCHANT_NAME
- amount
- currencyCode
Below callback functions used by passing thorugh props to the googlePay component to get desired values from them
- gpaySuccess()
- gpayCancel()
- gpayError()
Below are the Steps to use GooglePay Npm Package in your component.
- install the package by using the command npm install gpay-test.
- import the package in your required component as below
import GooglePay from "gpay-test"
use package by provided the above props in an object named as data and callback functions
define the callback functions in your component as below
const gpaySuccess = (data) =>{
console.log("data", data);
}
const gpayCancel = () =>{
console.log("payment cancel")
}
const gpayError = (error) =>{
console.log("error", error)
}
- create an object & place all the necessary variables need to pass as props to the package
const data= {GPAY_ALLOWED_CARD_AUTHMETHODS: ["PAN_ONLY", "CRYPTOGRAM_3DS"], GPAY_ALLOWED_CARD_NETWORKS: ["AMEX", "DISCOVER", "INTERAC", "JCB", "MASTERCARD", "VISA"],GPAY_GATEWAY_MERCHNAT_ID: 'pk_sbox_27vvmsadho7c5kgrgnir4py3ry=', GPAY_API_VERSION: 2 ,GPAY_MERCHANT_ID:'01234567890123456789', GPAY_MERCHANT_NAME: 'Example Merchant', GPAY_ENVIRONMENT: 'TEST', amount: '1.00', currencyCode: 'USD'}
- use the package in you component as shown below
<GooglePay data={data} gpaySuccess= {gpaySuccess} gpayError= {gpayError} gpayCancel= {gpayCancel} />