\r\n
","import { Component, OnDestroy, OnInit } from '@angular/core';\r\n\r\nimport { Subscription } from 'rxjs';\r\nimport { Papa } from 'ngx-papaparse';\r\n\r\nimport { PaginationConfig } from 'app/models/paginationConfig';\r\nimport { ShareDataService } from 'app/services/share-data.service';\r\nimport { NfsFailedPaymentListItem } from 'app/models/nfs';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-nfs-failed-payment-list-item',\r\n templateUrl: './nfs-failed-payment-list-item.component.html',\r\n styleUrls: ['./nfs-failed-payment-list-item.component.scss']\r\n})\r\nexport class NfsFailedPaymentListItemComponent implements OnInit, OnDestroy {\r\n public paginationConfig = new PaginationConfig('failed-items', 'failed-item', 10);\r\n public pageTitle: string = \"Error Overview\";\r\n failedItems: Array\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Please find below description of errors which cause failure during uploading of the\r\n recipient's document.\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | # | \r\nOperatorID | \r\nPhoneOrBank | \r\nAmount | \r\nStatus | \r\nDescription | \r\n \r\n \r\n
|---|---|---|---|---|---|
| {{(paginationConfig.currentPage-1)*paginationConfig.itemsPerPage+(i+1)}}\r\n | \r\n{{item.OperatorID}} | \r\n{{item.PhoneOrBank}} | \r\n{{item.Amount}} | \r\n{{item.Status }} | \r\n\r\n \r\n | \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n {{currentUserQr.AccountName}}
\r\n\r\n \r\n clear \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Phone Number: {{currentUserQr.PhoneNumber}}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n 0\">\r\n Showing {{paginationConfig.startItem}} to\r\n {{paginationConfig.endItem}} of {{paginationConfig.totalItems}}\r\n {{paginationConfig.itemType}}\r\n
","import { Component, Output, Input, EventEmitter } from \"@angular/core\"; \r\n\r\nimport { PaginationConfig } from \"../../../models/paginationConfig\";\r\n\r\n@Component({\r\n selector: 'app-pagination',\r\n templateUrl: './pagination.component.html'\r\n})\r\n\r\nexport class PaginationComponent {\r\n @Input() paginationConfig = new PaginationConfig();\r\n @Output() pageChangedCallback = new EventEmitter();\r\n\r\n \r\n\r\n pageChanged(pageNumber: number) {\r\n this.paginationConfig.currentPage = pageNumber;\r\n this.pageChangedCallback.emit(pageNumber);\r\n }\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FlexLayoutModule } from '@angular/flex-layout';\r\nimport { BbToolbarComponent } from './bb-toolbar.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { MaterialModule } from 'app/shared/material';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n BbToolbarComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n MaterialModule,\r\n FlexLayoutModule,\r\n RouterModule\r\n ],\r\n exports: [\r\n BbToolbarComponent\r\n ]\r\n})\r\nexport class BbToolbarModule { }\r\n","import { NgModule } from \"@angular/core\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { MatSelectModule } from \"@angular/material/select\";\r\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\r\nimport { MatInputModule } from \"@angular/material/input\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\nimport { MatDialogModule, MAT_DIALOG_DATA } from \"@angular/material/dialog\";\r\nimport { FlexLayoutModule } from \"@angular/flex-layout\";\r\n\r\nimport { ChartsModule } from \"ng2-charts\";\r\nimport { PaginationModule } from \"ngx-bootstrap/pagination\";\r\nimport { NgxPaginationModule } from \"ngx-pagination\";\r\n\r\nimport { SpinnerComponent } from \"./spinner/spinner.component\";\r\nimport { BbLineChartComponent } from \"./bb-line-chart/bb-line-chart.component\";\r\nimport { CreatePaymentComponent } from \"./create-payment/create-payment.component\";\r\nimport { ClonePaymentComponent } from \"./clone-payment/clone-payment.component\";\r\nimport { EditPaymentComponent } from \"./edit-payment/edit-payment.component\";\r\nimport { BbToolbarModule } from \"./bb-toolbar/bb-toolbar.module\";\r\nimport {MatRadioModule} from '@angular/material/radio';\r\nimport {\r\n MoneyFormatter,\r\n CurrencyFormatter,\r\n} from \"../../pipes/money-formatter.pipe\";\r\nimport {\r\n TimeAgoPipe,\r\n TimeDotPipe,\r\n TimeWithDatePipe,\r\n LocalDateTimePipe,\r\n DateSlashPipe,\r\n} from \"../../pipes/time-ago.pipe\";\r\nimport { PaginationComponent } from \"./pagination/pagination.component\";\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n PaginationModule.forRoot(),\r\n NgxPaginationModule,\r\n ChartsModule,\r\n BbToolbarModule,\r\n MatIconModule,\r\n MatDialogModule,\r\n FlexLayoutModule,\r\n MatSelectModule,\r\n MatFormFieldModule,\r\n MatInputModule,\r\n MatRadioModule,\r\n ],\r\n declarations: [\r\n MoneyFormatter,\r\n CurrencyFormatter,\r\n PaginationComponent,\r\n SpinnerComponent,\r\n TimeAgoPipe,\r\n TimeDotPipe,\r\n TimeWithDatePipe,\r\n LocalDateTimePipe,\r\n DateSlashPipe,\r\n BbLineChartComponent,\r\n CreatePaymentComponent,\r\n ClonePaymentComponent,\r\n EditPaymentComponent,\r\n ],\r\n providers: [\r\n MoneyFormatter,\r\n CurrencyFormatter,\r\n TimeAgoPipe,\r\n TimeDotPipe,\r\n TimeWithDatePipe,\r\n LocalDateTimePipe,\r\n DateSlashPipe,\r\n { provide: MAT_DIALOG_DATA, useValue: {} },\r\n ],\r\n exports: [\r\n MoneyFormatter,\r\n CurrencyFormatter,\r\n TimeAgoPipe,\r\n TimeDotPipe,\r\n TimeWithDatePipe,\r\n LocalDateTimePipe,\r\n DateSlashPipe,\r\n PaginationComponent,\r\n SpinnerComponent,\r\n BbLineChartComponent,\r\n BbToolbarModule,\r\n CreatePaymentComponent,\r\n ],\r\n})\r\nexport class SharedModule { }\r\n"," \r\n Page\r\n \r\n \r\n
\r\n\r\n
\r\n","import { Component, OnInit, Input } from \"@angular/core\";\r\n\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'app-spinner',\r\n templateUrl: './spinner.component.html',\r\n styleUrls: ['./spinner.component.scss']\r\n})\r\nexport class SpinnerComponent implements OnInit {\r\n @Input() public spin: Subscription;\r\n @Input() public spinIf: boolean = false;\r\n @Input() public position: string;\r\n\r\n constructor() {}\r\n ngOnInit() {} // eslint-disable-line\r\n}","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { DomSanitizer, SafeUrl } from '@angular/platform-browser';\r\n\r\nimport { Observable, throwError } from 'rxjs';\r\n\r\nimport { Configuration } from 'app/app.constants';\r\nimport { ExternalService } from 'app/services/external.service';\r\nimport { UserService } from 'app/services/user.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class TopupService {\r\n\r\n constructor(private http: HttpClient, \r\n private santizer: DomSanitizer, \r\n private externalService: ExternalService,\r\n private userService: UserService) { }\r\n\r\n getQrCodeImageBase64(): Observable\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n
","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'topup-insturctions', // eslint-disable-line\r\n templateUrl: './insturctions.component.html',\r\n styleUrls: ['./insturctions.component.scss']\r\n})\r\nexport class InsturctionsComponent {\r\n\r\n @Input() instructions: string[];\r\n \r\n constructor() { }\r\n\r\n}\r\n","\r\n {{i + 1}}\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { NotificationService } from 'app/services/notification.service';\r\nimport { InfoItem } from '../../common/info-item';\r\nimport { TopupService } from '../../topup.service';\r\n\r\n@Component({\r\n selector: 'app-any-bank',\r\n templateUrl: './any-bank.component.html',\r\n styleUrls: ['./any-bank.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class AnyBankComponent implements OnInit, OnDestroy {\r\n\r\n infoItemsArray: Array\r\n \r\n
\r\n \r\n Bank Transfer
\r\n \r\n
\r\n \r\n
\r\n\r\n Transfer details
\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n {{item.ItemName}}:
\r\n \r\n {{item.ItemValue}}
\r\n \r\n
\r\n\r\n No fees
\r\n \r\n ![](\"assets/images/zap.png\")
Receive money in max 12h\r\n
\r\n Receive money in max 12h\r\n \r\n
\r\n","\r\n \r\n
\r\n\r\n {{data.bankName}} Branch
\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n\r\n ![](\"assets/images/up-arrow.png\")
\r\n
\r\n\r\n \r\n Note down your referral code
\r\n\r\n \r\n
\r\n\r\n {{rewardCode}}
\r\n\r\n \r\n
\r\n \r\n
\r\n","import { Component, Inject, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\nimport { DatePipe } from '@angular/common';\r\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog'; \r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { InfoItem } from '../../common/info-item';\r\nimport { TopupService } from '../../topup.service';\r\nimport { NotificationService } from 'app/services/notification.service';\r\n\r\n\r\n@Component({\r\n templateUrl: './crdb.component.html',\r\n styleUrls: ['./crdb.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class CrdbComponent implements OnInit, OnDestroy {\r\n\r\n infoItemsArray: Array\r\n \r\n
\r\n \r\n CRDB {{data.crdbType}}
\r\n \r\n
\r\n \r\n
\r\n\r\n Deposit slip details
\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n {{item.ItemName}}:
\r\n \r\n {{item.ItemValue}}
\r\n \r\n
\r\n\r\n No fees
\r\n \r\n Receive money in max 4h\r\n
\r\n Receive money in max 4h\r\n \r\n
\r\n","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\n\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\n\r\n@Component({\r\n selector: 'app-pay-rw',\r\n templateUrl: './pay-rw.component.html',\r\n styleUrls: ['./pay-rw.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class PayRwComponent implements OnInit {\r\n\r\n instructionsArray: string[];\r\n constructor(private dialogRef: MatDialogRef\r\n \r\n
\r\n \r\n Kazang
\r\n \r\n
\r\n \r\n
\r\n\r\n Instructions
\r\n\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n","import { Component, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { NotificationService } from 'app/services/notification.service';\r\nimport { TopupService } from '../../topup.service';\r\n\r\n@Component({\r\n templateUrl: './spenn-agent.component.html',\r\n styleUrls: ['./spenn-agent.component.scss'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SpennAgentComponent implements OnInit, OnDestroy {\r\n\r\n busy: Subscription = null;\r\n\r\n constructor(private dialogRef: MatDialogRef\r\n \r\n
\r\n \r\n Pay.rw
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Receive funds in seconds\r\n
\r\n Receive funds in seconds\r\n \r\n\r\n
\r\n\r\n\r\n\r\n
\r\n","\r\n \r\n
\r\n\r\n Spenn Agent
\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n\r\n ![]()
\r\n
\r\n\r\n \r\n Show the above QRCode to the SPENN Agent \r\n
\r\n\r\n \r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MatDialog } from \"@angular/material/dialog\";\r\n\r\nimport { UserService } from 'app/services/user.service';\r\nimport { AnyBankComponent } from './modals/any-bank/any-bank.component';\r\nimport { BankBranchComponent } from './modals/bank-branch/bank-branch.component';\r\nimport { CrdbComponent } from './modals/CRDB/crdb.component';\r\nimport { KazangComponent } from './modals/kazang/kazang.component';\r\nimport { PayRwComponent } from './modals/pay-rw/pay-rw.component';\r\nimport { SpennAgentComponent } from './modals/spenn-agent/spenn-agent.component';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-topup',\r\n templateUrl: './topup.component.html',\r\n styleUrls: ['./topup.component.scss']\r\n})\r\nexport class TopupComponent implements OnInit {\r\n\r\n public pageTitle: string = \"Top up\";\r\n currencyId: number;\r\n\r\n constructor(private dialog: MatDialog, \r\n private userService: UserService,\r\n private router: Router) { }\r\n\r\n ngOnInit(): void {\r\n let user = this.userService.getUserFromLocalStorage();\r\n this.currencyId = user.SelectedBusiness.Currency.CurrencyId;\r\n }\r\n\r\n showCrdbModal(type: string) {\r\n this.dialog.open(CrdbComponent, { \r\n data: { \r\n crdbType: type\r\n }\r\n });\r\n }\r\n\r\n showBankBranchModal(bankName: string) {\r\n this.dialog.open(BankBranchComponent, { \r\n data : { \r\n bankName: bankName\r\n } \r\n });\r\n }\r\n\r\n showSpennAgentModal() {\r\n this.dialog.open(SpennAgentComponent, {});\r\n }\r\n\r\n showRwandaAnyBankModal() {\r\n this.dialog.open(AnyBankComponent, {});\r\n }\r\n\r\n showPayRwModal() {\r\n this.dialog.open(PayRwComponent, {});\r\n }\r\n\r\n showKazangModal() {\r\n this.dialog.open(KazangComponent, {});\r\n }\r\n\r\n showNfsModal(){\r\n this.router.navigate([\"/Bank&MOMO\"]);\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import { TopupComponent } from \"./topup.component\";\r\n\r\nexport const topupRoutes = [\r\n { path: '', component: TopupComponent }\r\n];\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\nimport { FlexLayoutModule } from '@angular/flex-layout';\r\n\r\nimport { topupRoutes } from './topup.routes';\r\nimport { SharedModule } from \"../shared/shared.module\";\r\nimport { CrdbComponent } from './modals/CRDB/crdb.component';\r\nimport { BankBranchComponent } from './modals/bank-branch/bank-branch.component';\r\nimport { SpennAgentComponent } from './modals/spenn-agent/spenn-agent.component';\r\nimport { InsturctionsComponent } from './common/insturctions.component';\r\nimport { AnyBankComponent } from './modals/any-bank/any-bank.component';\r\nimport { PayRwComponent } from './modals/pay-rw/pay-rw.component';\r\nimport { KazangComponent } from './modals/kazang/kazang.component';\r\nimport { TopupComponent } from './topup.component';\r\nimport { BankMomoComponent } from './modals/bank-momo/bankmomo.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n TopupComponent,\r\n CrdbComponent,\r\n BankBranchComponent,\r\n SpennAgentComponent,\r\n InsturctionsComponent,\r\n AnyBankComponent,\r\n PayRwComponent,\r\n KazangComponent,\r\n BankMomoComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n FlexLayoutModule,\r\n SharedModule,\r\n RouterModule.forChild(topupRoutes)\r\n ]\r\n})\r\nexport class TopupModule { }\r\n","import { Injectable } from '@angular/core';\r\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';\r\n\r\nimport { Observable } from 'rxjs/Rx';\r\n\r\nimport { AuthenticationService } from '../services/auth.service';\r\nimport { NotificationService } from 'app/services/notification.service';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AuthGuard implements CanActivate {\r\n constructor(\r\n private authenticationService: AuthenticationService, private router: Router,\r\n ) { }\r\n\r\n canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): ObservableTop up options
\r\nThe following are the options on how you can top up your account
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n SPENN Agent
\r\nTop up from our SPENN agent centers
\r\n \r\n
\r\n\r\n I&M Bank Branch
\r\nTop up from I&M Bank Branches
\r\n \r\n
\r\n\r\n CRDB Bank Agent
\r\nTop up from CRDB Bank Agent centres
\r\n \r\n
\r\n CRDB Bank Branch
\r\nTop up from CRDB Bank Branches
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n SPENN Agent
\r\nTop up from our SPENN agent centers
\r\n \r\n
\r\n\r\n Access Bank Branch
\r\nTop up from Access Bank Branches
\r\n \r\n
\r\n\r\n Kazang
\r\nTop up using Kazang
\r\n \r\n
\r\n Bank Account & Mobile Money
\r\nTop up from Banks & Momos
\r\n \r\n
\r\n\r\n\r\n\r\n
\r\n\r\n SPENN Agent
\r\nTop up from our SPENN agent centers
\r\n \r\n
\r\n\r\n I&M Bank Branch
\r\nTop up from I&M Bank Branches
\r\n \r\n
\r\n \r\n Bank Transfer - Any Bank
\r\nTop up from Any Bank
\r\n \r\n
\r\n\r\n\r\n Pay.RW - *508# & Card
\r\nTop up using Pay.rw USSD
\r\n