110 lines
4.2 KiB
TypeScript
110 lines
4.2 KiB
TypeScript
import { DIALOG_DATA, DialogConfig, DialogRef } from "@angular/cdk/dialog";
|
|
import { Component, EventEmitter, Inject, Output } from "@angular/core";
|
|
import { FormControl, FormGroup } from "@angular/forms";
|
|
|
|
import { ApiService } from "@bitwarden/common/abstractions/api.service";
|
|
import { UserVerificationService } from "@bitwarden/common/auth/abstractions/user-verification/user-verification.service.abstraction";
|
|
import { TwoFactorProviderType } from "@bitwarden/common/auth/enums/two-factor-provider-type";
|
|
import { VerificationType } from "@bitwarden/common/auth/enums/verification-type";
|
|
import { SecretVerificationRequest } from "@bitwarden/common/auth/models/request/secret-verification.request";
|
|
import { AuthResponse } from "@bitwarden/common/auth/types/auth-response";
|
|
import { TwoFactorResponse } from "@bitwarden/common/auth/types/two-factor-response";
|
|
import { Verification } from "@bitwarden/common/auth/types/verification";
|
|
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
|
|
import { DialogService } from "@bitwarden/components";
|
|
|
|
type TwoFactorVerifyDialogData = {
|
|
type: TwoFactorProviderType;
|
|
organizationId: string;
|
|
};
|
|
|
|
@Component({
|
|
selector: "app-two-factor-verify",
|
|
templateUrl: "two-factor-verify.component.html",
|
|
})
|
|
export class TwoFactorVerifyComponent {
|
|
type: TwoFactorProviderType;
|
|
organizationId: string;
|
|
@Output() onAuthed = new EventEmitter<AuthResponse<TwoFactorResponse>>();
|
|
|
|
formPromise: Promise<TwoFactorResponse>;
|
|
|
|
protected formGroup = new FormGroup({
|
|
secret: new FormControl<Verification | null>(null),
|
|
});
|
|
|
|
constructor(
|
|
@Inject(DIALOG_DATA) protected data: TwoFactorVerifyDialogData,
|
|
private dialogRef: DialogRef,
|
|
private apiService: ApiService,
|
|
private i18nService: I18nService,
|
|
private userVerificationService: UserVerificationService,
|
|
) {
|
|
this.type = data.type;
|
|
this.organizationId = data.organizationId;
|
|
}
|
|
|
|
submit = async () => {
|
|
let hashedSecret: string;
|
|
this.formPromise = this.userVerificationService
|
|
.buildRequest(this.formGroup.value.secret)
|
|
.then((request) => {
|
|
hashedSecret =
|
|
this.formGroup.value.secret.type === VerificationType.MasterPassword
|
|
? request.masterPasswordHash
|
|
: request.otp;
|
|
return this.apiCall(request);
|
|
});
|
|
|
|
const response = await this.formPromise;
|
|
this.dialogRef.close({
|
|
response: response,
|
|
secret: hashedSecret,
|
|
verificationType: this.formGroup.value.secret.type,
|
|
});
|
|
};
|
|
|
|
get dialogTitle(): string {
|
|
switch (this.type) {
|
|
case -1 as TwoFactorProviderType:
|
|
return this.i18nService.t("recoveryCodeTitle");
|
|
case TwoFactorProviderType.Duo:
|
|
return "Duo";
|
|
case TwoFactorProviderType.Email:
|
|
return this.i18nService.t("emailTitle");
|
|
case TwoFactorProviderType.WebAuthn:
|
|
return this.i18nService.t("webAuthnTitle");
|
|
case TwoFactorProviderType.Authenticator:
|
|
return this.i18nService.t("authenticatorAppTitle");
|
|
case TwoFactorProviderType.Yubikey:
|
|
return "Yubikey";
|
|
}
|
|
}
|
|
|
|
private apiCall(request: SecretVerificationRequest): Promise<TwoFactorResponse> {
|
|
switch (this.type) {
|
|
case -1 as TwoFactorProviderType:
|
|
return this.apiService.getTwoFactorRecover(request);
|
|
case TwoFactorProviderType.Duo:
|
|
case TwoFactorProviderType.OrganizationDuo:
|
|
if (this.organizationId != null) {
|
|
return this.apiService.getTwoFactorOrganizationDuo(this.organizationId, request);
|
|
} else {
|
|
return this.apiService.getTwoFactorDuo(request);
|
|
}
|
|
case TwoFactorProviderType.Email:
|
|
return this.apiService.getTwoFactorEmail(request);
|
|
case TwoFactorProviderType.WebAuthn:
|
|
return this.apiService.getTwoFactorWebAuthn(request);
|
|
case TwoFactorProviderType.Authenticator:
|
|
return this.apiService.getTwoFactorAuthenticator(request);
|
|
case TwoFactorProviderType.Yubikey:
|
|
return this.apiService.getTwoFactorYubiKey(request);
|
|
}
|
|
}
|
|
|
|
static open(dialogService: DialogService, config: DialogConfig<TwoFactorVerifyDialogData>) {
|
|
return dialogService.open<AuthResponse<any>>(TwoFactorVerifyComponent, config);
|
|
}
|
|
}
|