An Angular library that abstracts the complexity of using Cellulant's Tingg APIs.
*This is still a work in progress
API reference: Documentation
- Gracefully handle errors
- Post a charge request
Install the project
npm i ngx-tingg
Install dependencies
ng add @angular/material
On your app.module.ts
or the component to be used, import the following:
import { NgxTinggModule } from 'ngx-tingg';
@NgModule({
declarations: [
MyComponent
],
imports: [
BrowserModule,
//import this
NgxTinggModule.forRoot(
grant_type: string,
client_id: string,
client_secret: string,
apikey: string,
isProduction: boolean
)
],
Finally on your HTML file,
<tingg-charge-request></tingg-charge-request>
A payment form will be loaded on your view.
Run your app
ng serve
Parameter | Type | Description |
---|---|---|
@Input(): country_code = KEN
|
string |
Country code |
@Input(): currency_code = KES
|
string |
Currency code |
@Input(): service_code = undefined
|
string |
Service code |
@Input(): merchant_transaction_id = random
|
string |
Merchant ID code |
@Input(): charge_amount = undefined
|
number |
Amount |
@Input(): charge_msisdn = undefined
|
number |
Phone number |
@Input(): payment_mode_code = STK_PUSH
|
string |
Payment mode code |
@Input(): payment_option_code = SAFKE
|
string |
Payment payment_option_code code |
<tingg-charge-request [country_code]="'KEN'" [currency_code]="'KES'" [service_code]="'111'" [merchant_transaction_id]="'11'"></tingg-charge-request>
To run tests, run the following command
ng e2e