196 lines
6.4 KiB
TypeScript
196 lines
6.4 KiB
TypeScript
import { DIALOG_DATA, DialogRef } from "@angular/cdk/dialog";
|
|
import { CommonModule } from "@angular/common";
|
|
import { Component, OnInit, OnDestroy, Inject } from "@angular/core";
|
|
import { Subject, firstValueFrom } from "rxjs";
|
|
|
|
import { JslibModule } from "@bitwarden/angular/jslib.module";
|
|
import { AuthRequestServiceAbstraction } from "@bitwarden/auth/common";
|
|
import { ApiService } from "@bitwarden/common/abstractions/api.service";
|
|
import { AuthRequestResponse } from "@bitwarden/common/auth/models/response/auth-request.response";
|
|
import { AppIdService } from "@bitwarden/common/platform/abstractions/app-id.service";
|
|
import { CryptoService } from "@bitwarden/common/platform/abstractions/crypto.service";
|
|
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
|
|
import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
|
|
import { StateService } from "@bitwarden/common/platform/abstractions/state.service";
|
|
import { Utils } from "@bitwarden/common/platform/misc/utils";
|
|
import {
|
|
AsyncActionsModule,
|
|
ButtonModule,
|
|
DialogModule,
|
|
DialogService,
|
|
} from "@bitwarden/components";
|
|
|
|
const RequestTimeOut = 60000 * 15; //15 Minutes
|
|
const RequestTimeUpdate = 60000 * 5; //5 Minutes
|
|
|
|
export interface LoginApprovalDialogParams {
|
|
notificationId: string;
|
|
}
|
|
|
|
@Component({
|
|
selector: "login-approval",
|
|
templateUrl: "login-approval.component.html",
|
|
standalone: true,
|
|
imports: [CommonModule, AsyncActionsModule, ButtonModule, DialogModule, JslibModule],
|
|
})
|
|
export class LoginApprovalComponent implements OnInit, OnDestroy {
|
|
notificationId: string;
|
|
|
|
private destroy$ = new Subject<void>();
|
|
|
|
email: string;
|
|
fingerprintPhrase: string;
|
|
authRequestResponse: AuthRequestResponse;
|
|
interval: NodeJS.Timeout;
|
|
requestTimeText: string;
|
|
|
|
constructor(
|
|
@Inject(DIALOG_DATA) private params: LoginApprovalDialogParams,
|
|
protected authRequestService: AuthRequestServiceAbstraction,
|
|
protected stateService: StateService,
|
|
protected platformUtilsService: PlatformUtilsService,
|
|
protected i18nService: I18nService,
|
|
protected apiService: ApiService,
|
|
protected appIdService: AppIdService,
|
|
protected cryptoService: CryptoService,
|
|
private dialogRef: DialogRef,
|
|
) {
|
|
this.notificationId = params.notificationId;
|
|
}
|
|
|
|
async ngOnDestroy(): Promise<void> {
|
|
clearInterval(this.interval);
|
|
const closedWithButton = await firstValueFrom(this.dialogRef.closed);
|
|
if (!closedWithButton) {
|
|
// FIXME: Verify that this floating promise is intentional. If it is, add an explanatory comment and ensure there is proper error handling.
|
|
// eslint-disable-next-line @typescript-eslint/no-floating-promises
|
|
this.retrieveAuthRequestAndRespond(false);
|
|
}
|
|
this.destroy$.next();
|
|
this.destroy$.complete();
|
|
}
|
|
|
|
async ngOnInit() {
|
|
if (this.notificationId != null) {
|
|
this.authRequestResponse = await this.apiService.getAuthRequest(this.notificationId);
|
|
const publicKey = Utils.fromB64ToArray(this.authRequestResponse.publicKey);
|
|
this.email = await this.stateService.getEmail();
|
|
this.fingerprintPhrase = await this.authRequestService.getFingerprintPhrase(
|
|
this.email,
|
|
publicKey,
|
|
);
|
|
this.updateTimeText();
|
|
|
|
this.interval = setInterval(() => {
|
|
this.updateTimeText();
|
|
}, RequestTimeUpdate);
|
|
|
|
const isVisible = await ipc.platform.isWindowVisible();
|
|
if (!isVisible) {
|
|
await ipc.auth.loginRequest(
|
|
this.i18nService.t("logInRequested"),
|
|
this.i18nService.t("confirmLoginAtemptForMail", this.email),
|
|
this.i18nService.t("close"),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Strongly-typed helper to open a LoginApprovalDialog
|
|
* @param dialogService Instance of the dialog service that will be used to open the dialog
|
|
* @param data Configuration for the dialog
|
|
*/
|
|
static open(dialogService: DialogService, data: LoginApprovalDialogParams) {
|
|
return dialogService.open(LoginApprovalComponent, { data });
|
|
}
|
|
|
|
denyLogin = async () => {
|
|
await this.retrieveAuthRequestAndRespond(false);
|
|
};
|
|
|
|
approveLogin = async () => {
|
|
await this.retrieveAuthRequestAndRespond(true);
|
|
};
|
|
|
|
private async retrieveAuthRequestAndRespond(approve: boolean) {
|
|
this.authRequestResponse = await this.apiService.getAuthRequest(this.notificationId);
|
|
if (this.authRequestResponse.requestApproved || this.authRequestResponse.responseDate != null) {
|
|
this.platformUtilsService.showToast(
|
|
"info",
|
|
null,
|
|
this.i18nService.t("thisRequestIsNoLongerValid"),
|
|
);
|
|
} else {
|
|
const loginResponse = await this.authRequestService.approveOrDenyAuthRequest(
|
|
approve,
|
|
this.authRequestResponse,
|
|
);
|
|
this.showResultToast(loginResponse);
|
|
}
|
|
}
|
|
|
|
showResultToast(loginResponse: AuthRequestResponse) {
|
|
if (loginResponse.requestApproved) {
|
|
this.platformUtilsService.showToast(
|
|
"success",
|
|
null,
|
|
this.i18nService.t(
|
|
"logInConfirmedForEmailOnDevice",
|
|
this.email,
|
|
loginResponse.requestDeviceType,
|
|
),
|
|
);
|
|
} else {
|
|
this.platformUtilsService.showToast(
|
|
"info",
|
|
null,
|
|
this.i18nService.t("youDeniedALogInAttemptFromAnotherDevice"),
|
|
);
|
|
}
|
|
}
|
|
|
|
updateTimeText() {
|
|
const requestDate = new Date(this.authRequestResponse.creationDate);
|
|
const requestDateUTC = Date.UTC(
|
|
requestDate.getUTCFullYear(),
|
|
requestDate.getUTCMonth(),
|
|
requestDate.getDate(),
|
|
requestDate.getUTCHours(),
|
|
requestDate.getUTCMinutes(),
|
|
requestDate.getUTCSeconds(),
|
|
requestDate.getUTCMilliseconds(),
|
|
);
|
|
|
|
const dateNow = new Date(Date.now());
|
|
const dateNowUTC = Date.UTC(
|
|
dateNow.getUTCFullYear(),
|
|
dateNow.getUTCMonth(),
|
|
dateNow.getDate(),
|
|
dateNow.getUTCHours(),
|
|
dateNow.getUTCMinutes(),
|
|
dateNow.getUTCSeconds(),
|
|
dateNow.getUTCMilliseconds(),
|
|
);
|
|
|
|
const diffInMinutes = dateNowUTC - requestDateUTC;
|
|
|
|
if (diffInMinutes <= RequestTimeUpdate) {
|
|
this.requestTimeText = this.i18nService.t("justNow");
|
|
} else if (diffInMinutes < RequestTimeOut) {
|
|
this.requestTimeText = this.i18nService.t(
|
|
"requestedXMinutesAgo",
|
|
(diffInMinutes / 60000).toFixed(),
|
|
);
|
|
} else {
|
|
clearInterval(this.interval);
|
|
this.dialogRef.close();
|
|
this.platformUtilsService.showToast(
|
|
"info",
|
|
null,
|
|
this.i18nService.t("loginRequestHasAlreadyExpired"),
|
|
);
|
|
}
|
|
}
|
|
}
|