import { Injectable } from '@angular/core';
import {
  CanActivate,
  Router,
} from '@angular/router';
import { filter } from 'rxjs/operators';
import { map } from 'rxjs/operators/map';
import { LimitsService } from '../services/limits.service';
import { ErrorStore } from '../stores';
import { AppStateStore } from '../stores/app-state.store';

@Injectable()
export class LimitsGuard implements CanActivate {
  constructor(
    private limitsService: LimitsService,
    private app: AppStateStore,
    private errorStore: ErrorStore,
    private router: Router
  ) {}

  canActivate() {
    return this.limitsService.verify(this.app.amount, this.app.debitTemplate).pipe(
      filter((result) => !!result),
      map((result) => {
        if (result.requiresMfa && !this.app.hasPassedMfa) {
          console.log('limits requires mfa');
          this.router.navigate(['/authenticate-method']);
        }
        if (!result.isAllowed) {
          console.log('payment failed limits');
          this.errorStore.errors = this.errorStore.errors.concat(result.errors);
          this.errorStore.displayErrors();
        }
        const message = result.isAllowed ? 'passed limits guard' : 'failed limits guard';
        console.log(message);
        return result.isAllowed;
      })
    );
  }
}