2018-07-14 05:15:09 +02:00
|
|
|
import {
|
|
|
|
Component,
|
|
|
|
OnDestroy,
|
|
|
|
OnInit,
|
|
|
|
} from '@angular/core';
|
2018-06-27 15:20:09 +02:00
|
|
|
|
2021-06-07 20:13:58 +02:00
|
|
|
import { ApiService } from 'jslib-common/abstractions/api.service';
|
|
|
|
import { I18nService } from 'jslib-common/abstractions/i18n.service';
|
2021-10-20 18:30:04 +02:00
|
|
|
import { LogService } from 'jslib-common/abstractions/log.service';
|
2021-06-07 20:13:58 +02:00
|
|
|
import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
|
|
|
|
import { UserService } from 'jslib-common/abstractions/user.service';
|
2021-11-09 19:24:26 +01:00
|
|
|
import { UserVerificationService } from 'jslib-common/abstractions/userVerification.service';
|
2018-06-27 15:20:09 +02:00
|
|
|
|
2021-06-07 20:13:58 +02:00
|
|
|
import { UpdateTwoFactorAuthenticatorRequest } from 'jslib-common/models/request/updateTwoFactorAuthenticatorRequest';
|
|
|
|
import { TwoFactorAuthenticatorResponse } from 'jslib-common/models/response/twoFactorAuthenticatorResponse';
|
2018-06-27 15:20:09 +02:00
|
|
|
|
2021-06-07 20:13:58 +02:00
|
|
|
import { TwoFactorProviderType } from 'jslib-common/enums/twoFactorProviderType';
|
2018-06-27 15:20:09 +02:00
|
|
|
|
2018-06-28 05:55:50 +02:00
|
|
|
import { TwoFactorBaseComponent } from './two-factor-base.component';
|
|
|
|
|
2018-06-27 15:20:09 +02:00
|
|
|
@Component({
|
|
|
|
selector: 'app-two-factor-authenticator',
|
|
|
|
templateUrl: 'two-factor-authenticator.component.html',
|
|
|
|
})
|
2018-07-14 05:15:09 +02:00
|
|
|
export class TwoFactorAuthenticatorComponent extends TwoFactorBaseComponent implements OnInit, OnDestroy {
|
2018-07-18 23:10:26 +02:00
|
|
|
type = TwoFactorProviderType.Authenticator;
|
2018-06-27 15:20:09 +02:00
|
|
|
key: string;
|
|
|
|
token: string;
|
|
|
|
formPromise: Promise<any>;
|
|
|
|
|
2018-07-14 05:15:09 +02:00
|
|
|
private qrScript: HTMLScriptElement;
|
|
|
|
|
2018-06-28 05:55:50 +02:00
|
|
|
constructor(apiService: ApiService, i18nService: I18nService,
|
2021-12-07 20:41:45 +01:00
|
|
|
userVerificationService: UserVerificationService,
|
2021-11-09 19:24:26 +01:00
|
|
|
platformUtilsService: PlatformUtilsService, logService: LogService,
|
|
|
|
private userService: UserService) {
|
2021-12-07 20:41:45 +01:00
|
|
|
super(apiService, i18nService, platformUtilsService, logService, userVerificationService);
|
2018-07-14 05:15:09 +02:00
|
|
|
this.qrScript = window.document.createElement('script');
|
|
|
|
this.qrScript.src = 'scripts/qrious.min.js';
|
|
|
|
this.qrScript.async = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
ngOnInit() {
|
|
|
|
window.document.body.appendChild(this.qrScript);
|
|
|
|
}
|
|
|
|
|
|
|
|
ngOnDestroy() {
|
|
|
|
window.document.body.removeChild(this.qrScript);
|
2018-06-28 05:55:50 +02:00
|
|
|
}
|
2018-06-27 15:20:09 +02:00
|
|
|
|
2018-06-28 05:55:50 +02:00
|
|
|
auth(authResponse: any) {
|
|
|
|
super.auth(authResponse);
|
|
|
|
return this.processResponse(authResponse.response);
|
2018-06-27 15:20:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-28 05:55:50 +02:00
|
|
|
submit() {
|
2018-06-27 15:20:09 +02:00
|
|
|
if (this.enabled) {
|
2018-06-28 05:55:50 +02:00
|
|
|
return super.disable(this.formPromise);
|
2018-06-27 15:20:09 +02:00
|
|
|
} else {
|
2018-06-28 05:55:50 +02:00
|
|
|
return this.enable();
|
2018-06-27 15:20:09 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-11-09 19:24:26 +01:00
|
|
|
protected async enable() {
|
|
|
|
const request = await this.buildRequestModel(UpdateTwoFactorAuthenticatorRequest);
|
2018-06-27 15:20:09 +02:00
|
|
|
request.token = this.token;
|
|
|
|
request.key = this.key;
|
2018-06-28 05:55:50 +02:00
|
|
|
|
|
|
|
return super.enable(async () => {
|
2018-06-27 15:20:09 +02:00
|
|
|
this.formPromise = this.apiService.putTwoFactorAuthenticator(request);
|
|
|
|
const response = await this.formPromise;
|
|
|
|
await this.processResponse(response);
|
2018-06-28 05:55:50 +02:00
|
|
|
});
|
2018-06-27 15:20:09 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
private async processResponse(response: TwoFactorAuthenticatorResponse) {
|
|
|
|
this.token = null;
|
|
|
|
this.enabled = response.enabled;
|
|
|
|
this.key = response.key;
|
2018-07-14 05:15:09 +02:00
|
|
|
const email = await this.userService.getEmail();
|
|
|
|
window.setTimeout(() => {
|
|
|
|
const qr = new (window as any).QRious({
|
|
|
|
element: document.getElementById('qr'),
|
|
|
|
value: 'otpauth://totp/Bitwarden:' + encodeURIComponent(email) +
|
|
|
|
'?secret=' + encodeURIComponent(this.key) + '&issuer=Bitwarden',
|
|
|
|
size: 160,
|
|
|
|
});
|
|
|
|
}, 100);
|
2018-06-27 15:20:09 +02:00
|
|
|
}
|
|
|
|
}
|