mirror of
https://github.com/bitwarden/browser.git
synced 2024-10-10 06:08:34 +02:00
db5a8df64e
Co-authored-by: Thomas Rittson <trittson@bitwarden.com>
90 lines
3.6 KiB
TypeScript
90 lines
3.6 KiB
TypeScript
import { Component } from '@angular/core';
|
|
|
|
import { ToasterService } from 'angular2-toaster';
|
|
|
|
import { ApiService } from 'jslib-common/abstractions/api.service';
|
|
import { I18nService } from 'jslib-common/abstractions/i18n.service';
|
|
import { LogService } from 'jslib-common/abstractions/log.service';
|
|
import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
|
|
import { UserVerificationService } from 'jslib-common/abstractions/userVerification.service';
|
|
|
|
import { UpdateTwoFactorYubioOtpRequest } from 'jslib-common/models/request/updateTwoFactorYubioOtpRequest';
|
|
import { TwoFactorYubiKeyResponse } from 'jslib-common/models/response/twoFactorYubiKeyResponse';
|
|
|
|
import { TwoFactorProviderType } from 'jslib-common/enums/twoFactorProviderType';
|
|
|
|
import { TwoFactorBaseComponent } from './two-factor-base.component';
|
|
|
|
@Component({
|
|
selector: 'app-two-factor-yubikey',
|
|
templateUrl: 'two-factor-yubikey.component.html',
|
|
})
|
|
export class TwoFactorYubiKeyComponent extends TwoFactorBaseComponent {
|
|
type = TwoFactorProviderType.Yubikey;
|
|
keys: any[];
|
|
nfc = false;
|
|
|
|
formPromise: Promise<any>;
|
|
disablePromise: Promise<any>;
|
|
|
|
constructor(apiService: ApiService, i18nService: I18nService,
|
|
toasterService: ToasterService, platformUtilsService: PlatformUtilsService,
|
|
logService: LogService, userVerificationService: UserVerificationService) {
|
|
super(apiService, i18nService, toasterService, platformUtilsService, logService, userVerificationService);
|
|
}
|
|
|
|
auth(authResponse: any) {
|
|
super.auth(authResponse);
|
|
this.processResponse(authResponse.response);
|
|
}
|
|
|
|
async submit() {
|
|
const request = await this.buildRequestModel(UpdateTwoFactorYubioOtpRequest);
|
|
request.key1 = this.keys != null && this.keys.length > 0 ? this.keys[0].key : null;
|
|
request.key2 = this.keys != null && this.keys.length > 1 ? this.keys[1].key : null;
|
|
request.key3 = this.keys != null && this.keys.length > 2 ? this.keys[2].key : null;
|
|
request.key4 = this.keys != null && this.keys.length > 3 ? this.keys[3].key : null;
|
|
request.key5 = this.keys != null && this.keys.length > 4 ? this.keys[4].key : null;
|
|
request.nfc = this.nfc;
|
|
|
|
return super.enable(async () => {
|
|
this.formPromise = this.apiService.putTwoFactorYubiKey(request);
|
|
const response = await this.formPromise;
|
|
await this.processResponse(response);
|
|
this.toasterService.popAsync('success', null, this.i18nService.t('yubikeysUpdated'));
|
|
});
|
|
}
|
|
|
|
disable() {
|
|
return super.disable(this.disablePromise);
|
|
}
|
|
|
|
remove(key: any) {
|
|
key.existingKey = null;
|
|
key.key = null;
|
|
}
|
|
|
|
private processResponse(response: TwoFactorYubiKeyResponse) {
|
|
this.enabled = response.enabled;
|
|
this.keys = [
|
|
{ key: response.key1, existingKey: this.padRight(response.key1) },
|
|
{ key: response.key2, existingKey: this.padRight(response.key2) },
|
|
{ key: response.key3, existingKey: this.padRight(response.key3) },
|
|
{ key: response.key4, existingKey: this.padRight(response.key4) },
|
|
{ key: response.key5, existingKey: this.padRight(response.key5) },
|
|
];
|
|
this.nfc = response.nfc || !response.enabled;
|
|
}
|
|
|
|
private padRight(str: string, character = '•', size = 44) {
|
|
if (str == null || character == null || str.length >= size) {
|
|
return str;
|
|
}
|
|
const max = (size - str.length) / character.length;
|
|
for (let i = 0; i < max; i++) {
|
|
str += character;
|
|
}
|
|
return str;
|
|
}
|
|
}
|