0.1.4 • Published 4 months ago

gpay-new v0.1.4

Weekly downloads
-
License
-
Repository
-
Last release
4 months ago

gpay-new

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 through 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 project.

  • install the package by using the command npm install gpay-new.
  • import the package in your required component of project as below
import GooglePay from "gpay-new"
  • use package by provided the above props in an object named as data and callback functions

  • define the callback functions in your project 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} />