Angular Remita Payment Library

Overview

The Angular Remita Payment Library simplifies the integration of the Remita payment gateway into Angular applications. This library provides a convenient Angular component that can be easily customized and integrated to handle payments via Remita.

Features

• Seamless Integration: Integrate Remita payment functionality effortlessly into your Angular application.
• Customizable Form: Tailor the payment form to your needs, supporting various channels.
• Dynamic Script Loading: The library dynamically loads the Remita payment engine script to keep your application modular.
• Callback Support: Handle payment success, error, and closure with customizable callback functions.

Installation

Install the library using npm:

npm install remita4angular

2. Import the module

In any module where the component or directive would be used:

import { NgModule } from '@angular/core';

import { Remita4angularModule } from 'remita4angular';
...

@NgModule({
  imports: [
    Remita4angularModule.forRoot(environment.remita_api_key, environment.remita_mode ), 
  ]
})
// make sure to set the remita_api_key(publicKey) and the mode(test or live) in your environment files

3. Implement in your component file

 <remitapay
    [email]="'[email protected]'"
    [customerId]="'[email protected]'"
    [firstName]="'iyare'"
    [lastName]="'diagboya'"
    [amount]="10000"
    [class]="'btn btn-info shadow-sm'"
    [narration]="'test'"
    (callback)="paymentSuccessful($event)">
</remitapay>

4. implement in you ts file

paymentSuccessful(response: any) {
    console.log('payment response', response);
    // Handle payment success
}