diff --git a/README.md b/README.md index e63ac46..8769bf0 100644 --- a/README.md +++ b/README.md @@ -23,12 +23,11 @@ Available features include: 1. [Requirements](#requirements) 2. [Installation](#installation) -3. [Initialization](#Initialization) -4. [Usage](#usage) -5. [Support](#support) -6. [Contribution Guidelines](#contribution-guidelines) -7. [License](#license) -8. [Changelog](#) +3. [Usage](#usage) +4. [Support](#support) +5. [Contribution Guidelines](#contribution-guidelines) +6. [License](#license) +7. [Changelog](#) ## Requirements @@ -43,39 +42,9 @@ Install the SDK ```bash $ npm install flutterwave-angular-v3 # or -$ yarn add flutterwave-angular-v3 - +$ yarn add flutterwave-angular-v3 ``` -## Initialization - -Import FlutterwaveModule to the app root module - -```typescript -import { FlutterwaveModule } from "flutterwave-angular-v3" - -@NgModule({ - declarations: [ - AppComponent - ], - imports: [ - BrowserModule, - FlutterwaveModule - ], - providers: [], - bootstrap: [AppComponent] -}) -``` - -> NB: If you experience compilation errors in your app after importing the Flutterwave module, component or service. -Kindly include the following line in tsconfig.app.json under `compilerOptions` : - -``` -paths": { "@angular/*": [ "node_modules/@angular/*" ] } -``` - -Then restart server and try again - ## Usage Add Flutterwave to your project as a component or directly in your code: @@ -95,11 +64,12 @@ Pass in payment parameters individually as component attributes. import { Component, OnInit } from "@angular/core"; import { FlutterwaveService, - InlinePaymentOptions, + MakePaymentComponent, PaymentSuccessResponse, } from "flutterwave-angular-v3"; @Component({ selector: "app-root", + imports: [MakePaymentComponent], template: ` `, @@ -341,11 +313,12 @@ Pass the payment plan ID into your payload to make [recurring payments](https:// import { Component, OnInit } from "@angular/core"; import { FlutterwaveService, - InlinePaymentOptions, + MakePaymentComponent, PaymentSuccessResponse, } from "flutterwave-angular-v3"; @Component({ selector: "app-root", + imports: [MakePaymentComponent], template: ` NB: If you experience compilation errors in your app after importing the Flutterwave module, component or service. -Kindly include the following line in tsconfig.app.json under `compilerOptions` : - -``` -paths": { "@angular/*": [ "node_modules/@angular/*" ] } -``` - -Then restart server and try again - ## Usage Add Flutterwave to your project as a component or directly in your code: @@ -95,11 +64,12 @@ Pass in payment parameters individually as component attributes. import { Component, OnInit } from "@angular/core"; import { FlutterwaveService, - InlinePaymentOptions, + MakePaymentComponent, PaymentSuccessResponse, } from "flutterwave-angular-v3"; @Component({ selector: "app-root", + imports: [MakePaymentComponent], template: ` `, @@ -341,11 +313,12 @@ Pass the payment plan ID into your payload to make [recurring payments](https:// import { Component, OnInit } from "@angular/core"; import { FlutterwaveService, - InlinePaymentOptions, + MakePaymentComponent, PaymentSuccessResponse, } from "flutterwave-angular-v3"; @Component({ selector: "app-root", + imports: [MakePaymentComponent], template: ` NB: If you experience compilation errors in your app after importing the Flutterwave module, component or service. -Kindly include the following line in tsconfig.app.json under `compilerOptions` : - -``` -paths": { "@angular/*": [ "node_modules/@angular/*" ] } -``` - -Then restart server and try again - ## Usage Add Flutterwave to your project as a component or directly in your code: @@ -95,11 +64,12 @@ Pass in payment parameters individually as component attributes. import { Component, OnInit } from "@angular/core"; import { FlutterwaveService, - InlinePaymentOptions, + MakePaymentComponent, PaymentSuccessResponse, } from "flutterwave-angular-v3"; @Component({ selector: "app-root", + imports: [MakePaymentComponent], template: ` `, @@ -341,11 +313,12 @@ Pass the payment plan ID into your payload to make [recurring payments](https:// import { Component, OnInit } from "@angular/core"; import { FlutterwaveService, - InlinePaymentOptions, + MakePaymentComponent, PaymentSuccessResponse, } from "flutterwave-angular-v3"; @Component({ selector: "app-root", + imports: [MakePaymentComponent], template: `