Steps to follow:
Step 1: Install Download the Latpaycard package from public repository (NPM) and install it. [ npm i latpaycard]
Step 2: Import Add it into your page and then call the Latpaycard component.
Step 3: Pass the parameter. The props are given below.
-
authInfo It has 2 properties inside of it they are[merchantid, publickey]
-
custInfo It has 3 properties inside of it they are [firstname, lastname, email]
-
transInfo It has 6 properties inside of it they are [description, amount, currency, reference, _3dcheck, transactionkey] The “transactionkey” which is a SHA-256 hash of the following parameters. [currency, amount, reference, datakey]
-
redirectUrl - back to merchant URL. After the transaction got completed, the page will be redirected to the back to merchant URL which has been passed as props to the laptpaycard component from the client side.
-
errorResponse - is the callback function used to get the error values from Latpaycard.
The Authentication error happens if the authInfo is not valid.
Step 4: Result
After getting the reference, Call the below API (https://lateralpayments.com/checkout-staging/authorise/AuthStatusCheck) to get the final transaction response, based on the response you can then display it to the customer.