ng-direct-pay-ipg

DirectPay Ipg

Version 1.0.0

DirectPay Payment Gateway Plugin for Angular can payment using MasterCard, Visa, Amex, Frimi and LankaQr.

Installation

Install the npm package.

npm i ng-direct-pay-ipg

Import in NgModule:

import {DirectPayIpgModule} from 'ng-direct-pay-ipg';

@NgModule({
  imports: [
    //set with default global config
    DirectPayIpgModule.forRoot({size: 200,colour: 'gray'})
  ]
})

Usage

app.component.html

  * you can set multiple button with different configurations *
  <!-- override global configuration -->
  <direct-pay-ipg [config]="{  size: 150, type: 'round',colour: 'white'}" [PaymentRequest]="paymentRequest" (onSuccess)="onSuccess($event)" (onError)="onError($event)"></direct-pay-ipg>
  <!-- default button with global configuration -->
  <direct-pay-ipg [PaymentRequest]="paymentRequest" (onSuccess)="onSuccess($event)" (onError)="onError($event)"></direct-pay-ipg>

app.component.ts

paymentRequest = {
    signature: this.signature,
    dataString: this.dataString,
    stage: 'DEV'
};

public onSuccess(param: any): void {
  console.log('client-onSuccess',param);
  alert(JSON.stringify(param))
}

public onError(param: any): void {
  console.log('client-onError',param);
  alert(JSON.stringify(param))
}

Properties

Name	Type	Default value	Allow values	Description
size	number	200	any	Button size
type	string	flat	flat / round	Button border style
colour	string	gray	blue / white / black / gray	Button colour
PaymentRequest	Object		{signature: object, dataString: string, stage: string (allow only: 'DEV' or 'PROD')}	Generated payment requested included payment details

Events

Event	Description	ReturnType
onSuccess	The event is called after transaction success or failed	JSON
onError	The event is called when receive error transaction initiate or transactions processing	JSON

Buttons

This library was generated with Angular CLI version 12.0.5.