updated callback functions order

package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-workspace",
-  "version": "0.0.0",
+  "version": "1.0.1",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

projects/seerbit-anguar-demo/src/app/app.component.ts

@@ -14,10 +14,12 @@ export class AppComponent {
   available_quantities = [1,2,3]
 
   PaymentDone(response) {
+    console.log('callback')
     console.log(response) /*response of transaction*/
   }
   PaymentCancel(response) {
-
+    console.log('cancel')
+    console.log(response)
   }
 
   cartTotalCost = ()=>{
@@ -57,7 +59,7 @@ export class AppComponent {
     "description": "TEST",
     "country": "NG",
     "amount": this.cart_total_cost,
-    "callbackurl": "localhost:4200",//Replace this with URL available on the WWW
-    "public_key": "SBPUBK_CECPLUSINMDQIHH3GYV2NNYHGPV9JEKQ", //replace this with your own public key from your Merchant Dashboard
+    "callbackurl": "",//Replace this with URL available on the WWW
+    "public_key": "SBTESTPUBK_dhrpzbRpR34l6VmqkCFOKA94L5E1jSTu", //replace this with your own public key from your Merchant Dashboard
   };
 }

projects/seerbit-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seerbit-angular",
-  "version": "0.0.2",
+  "version": "1.0.1",
   "peerDependencies": {
     "@angular/common": "^8.2.14",
     "@angular/core": "^8.2.14"
@@ -20,4 +20,4 @@
     "seerbit",
     "payments"
   ]
-}
+}

projects/seerbit-angular/src/lib/seer-bit.component.ts

@@ -1,10 +1,11 @@
 import { Component, OnInit, Output, Input, EventEmitter, HostListener } from '@angular/core';
 import { PrivateSeerBitOptions, SeerBitOptions } from './models/SeerBitOptions';
 import { SeerbitService } from './seerbit-service';
+
 interface MyWindow extends Window {
   SeerbitPay:
   {
-    (options: any, close: any, callback: any)
+    (options: any,callback: any, close: any)
   };
 }
 declare var window: MyWindow;
@@ -19,10 +20,13 @@ export class SeerBitComponent {
   @Output() callback: EventEmitter<any> = new EventEmitter<any>();
   @Output() close: EventEmitter<any> = new EventEmitter<any>();
   private _options: Partial<PrivateSeerBitOptions>;
-  closeFn: any; callbackFn: any;
+  closeFn: any; 
+  callbackFn: any;
+
   constructor(private seerBitService: SeerbitService) {
 
   }
+
   generateOptions(obj: any) {
     this._options = this.seerBitService.getSeerBitOptions(obj);
     this.closeFn = (...response) => {
@@ -40,7 +44,9 @@ export class SeerBitComponent {
     }
     return this.seerBitService.checkInput(obj);
   }
+
   @HostListener('click')
+
   async buttonClick() {
     this.pay();
   }
@@ -52,6 +58,6 @@ export class SeerBitComponent {
       return errorText;
     }
     await this.seerBitService.loadScript();
-    window.SeerbitPay(this._options, this.closeFn, this.callbackFn)
+    window.SeerbitPay(this._options, this.callbackFn,this.closeFn)
   }
 }

projects/seerbit-angular/src/lib/seer-bit.directive.ts

@@ -5,8 +5,9 @@ interface MyWindow extends Window {
   SeerbitPay:
   {
     (options: any,
-      close: any,
-      callback: any)
+      callback: any,
+      close: any
+      )
   };
 }
 declare var window: MyWindow;
@@ -28,7 +29,7 @@ export class SeerBitButtonDirective {
   private _options: Partial<PrivateSeerBitOptions>;
   closeFn:any; callbackFn:any;
   constructor(private seerBitService: SeerbitService) {
-console.log(seerBitService)
+// console.log(seerBitService)
   }
 
   async pay() {
@@ -40,7 +41,7 @@ console.log(seerBitService)
       return errorText;
     }
     await this.seerBitService.loadScript();
-    window.SeerbitPay(this._options, this.closeFn, this.callbackFn)
+    window.SeerbitPay(this._options, this.callbackFn,this.closeFn)
   }
   generateOptions(obj: any) {
     this._options = this.seerBitService.getSeerBitOptions(obj);
@@ -55,7 +56,7 @@ console.log(seerBitService)
   }
   validateInput(obj: SeerBitOptions) {
     if (!this.callback.observers.length) {
-      return 'Seerbit: Insert a callback output like so (callback)=\'PaymentComplete($event)\' to check payment status';
+      return 'Seerbit: Insert a callback function like so (callback)=\'PaymentComplete($event)\' to check payment status';
     }
     return this.seerBitService.checkInput(obj);
   }