mirror of
https://github.com/bitwarden/browser
synced 2026-02-18 18:33:50 +00:00
98 lines
3.2 KiB
TypeScript
98 lines
3.2 KiB
TypeScript
// FIXME: Update this file to be type safe and remove this and next line
|
|
// @ts-strict-ignore
|
|
import { ChangeDetectionStrategy, Component, inject, signal } from "@angular/core";
|
|
import { toSignal } from "@angular/core/rxjs-interop";
|
|
import { FormBuilder, ReactiveFormsModule } from "@angular/forms";
|
|
|
|
import { JslibModule } from "@bitwarden/angular/jslib.module";
|
|
import { UserVerificationFormInputComponent } from "@bitwarden/auth/angular";
|
|
import { AccountApiService } from "@bitwarden/common/auth/abstractions/account-api.service";
|
|
import { VerificationWithSecret } from "@bitwarden/common/auth/types/verification";
|
|
import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
|
|
import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
|
|
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
|
|
import {
|
|
DialogRef,
|
|
AsyncActionsModule,
|
|
ButtonModule,
|
|
CalloutModule,
|
|
DialogModule,
|
|
DialogService,
|
|
ToastService,
|
|
} from "@bitwarden/components";
|
|
|
|
import { UserVerificationComponent } from "../app/components/user-verification.component";
|
|
|
|
@Component({
|
|
selector: "app-delete-account",
|
|
templateUrl: "delete-account.component.html",
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
imports: [
|
|
JslibModule,
|
|
UserVerificationFormInputComponent,
|
|
UserVerificationComponent,
|
|
ButtonModule,
|
|
CalloutModule,
|
|
AsyncActionsModule,
|
|
DialogModule,
|
|
ReactiveFormsModule,
|
|
],
|
|
})
|
|
export class DeleteAccountComponent {
|
|
private i18nService = inject(I18nService);
|
|
private formBuilder = inject(FormBuilder);
|
|
private accountApiService = inject(AccountApiService);
|
|
private toastService = inject(ToastService);
|
|
private configService = inject(ConfigService);
|
|
|
|
deleteForm = this.formBuilder.group({
|
|
verification: undefined as VerificationWithSecret | undefined,
|
|
});
|
|
|
|
/**
|
|
* Tracks whether the verification failed due to invalid credentials.
|
|
* Used to show inline error messages in the verification component.
|
|
*/
|
|
protected readonly invalidSecret = signal(false);
|
|
|
|
/**
|
|
* Feature flag for UI Migration Milestone 4
|
|
*/
|
|
protected readonly migrationMilestone4 = toSignal(
|
|
this.configService.getFeatureFlag$(FeatureFlag.DesktopUiMigrationMilestone4),
|
|
{ initialValue: false },
|
|
);
|
|
|
|
static open(dialogService: DialogService): DialogRef<DeleteAccountComponent> {
|
|
return dialogService.open(DeleteAccountComponent);
|
|
}
|
|
|
|
get secret() {
|
|
return this.deleteForm.get("verification")?.value?.secret;
|
|
}
|
|
|
|
submit = async () => {
|
|
try {
|
|
if (this.migrationMilestone4()) {
|
|
this.invalidSecret.set(false);
|
|
}
|
|
const verification = this.deleteForm.get("verification").value;
|
|
await this.accountApiService.deleteAccount(verification);
|
|
this.toastService.showToast({
|
|
variant: "success",
|
|
title: this.i18nService.t("accountDeleted"),
|
|
message: this.i18nService.t("accountDeletedDesc"),
|
|
});
|
|
} catch {
|
|
if (this.migrationMilestone4()) {
|
|
this.invalidSecret.set(true);
|
|
this.toastService.showToast({
|
|
variant: "error",
|
|
title: this.i18nService.t("errorOccurred"),
|
|
message: this.i18nService.t("userVerificationFailed"),
|
|
});
|
|
}
|
|
}
|
|
};
|
|
}
|