421 lines
14 KiB
TypeScript
421 lines
14 KiB
TypeScript
import { Component, ElementRef, OnInit, ViewChild } from "@angular/core";
|
|
import { FormControl } from "@angular/forms";
|
|
import { Router } from "@angular/router";
|
|
import Swal from "sweetalert2";
|
|
|
|
import { ModalService } from "@bitwarden/angular/services/modal.service";
|
|
import { CryptoService } from "@bitwarden/common/abstractions/crypto.service";
|
|
import { EnvironmentService } from "@bitwarden/common/abstractions/environment.service";
|
|
import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
|
|
import { KeyConnectorService } from "@bitwarden/common/abstractions/keyConnector.service";
|
|
import { MessagingService } from "@bitwarden/common/abstractions/messaging.service";
|
|
import { PlatformUtilsService } from "@bitwarden/common/abstractions/platformUtils.service";
|
|
import { StateService } from "@bitwarden/common/abstractions/state.service";
|
|
import { VaultTimeoutService } from "@bitwarden/common/abstractions/vaultTimeout.service";
|
|
import { DeviceType } from "@bitwarden/common/enums/deviceType";
|
|
|
|
import { BrowserApi } from "../../browser/browserApi";
|
|
import { BiometricErrors, BiometricErrorTypes } from "../../models/biometricErrors";
|
|
import { SetPinComponent } from "../components/set-pin.component";
|
|
import { PopupUtilsService } from "../services/popup-utils.service";
|
|
|
|
const RateUrls = {
|
|
[DeviceType.ChromeExtension]:
|
|
"https://chrome.google.com/webstore/detail/bitwarden-free-password-m/nngceckbapebfimnlniiiahkandclblb/reviews",
|
|
[DeviceType.FirefoxExtension]:
|
|
"https://addons.mozilla.org/en-US/firefox/addon/bitwarden-password-manager/#reviews",
|
|
[DeviceType.OperaExtension]:
|
|
"https://addons.opera.com/en/extensions/details/bitwarden-free-password-manager/#feedback-container",
|
|
[DeviceType.EdgeExtension]:
|
|
"https://microsoftedge.microsoft.com/addons/detail/jbkfoedolllekgbhcbcoahefnbanhhlh",
|
|
[DeviceType.VivaldiExtension]:
|
|
"https://chrome.google.com/webstore/detail/bitwarden-free-password-m/nngceckbapebfimnlniiiahkandclblb/reviews",
|
|
[DeviceType.SafariExtension]: "https://apps.apple.com/app/bitwarden/id1352778147",
|
|
};
|
|
|
|
@Component({
|
|
selector: "app-settings",
|
|
templateUrl: "settings.component.html",
|
|
})
|
|
export class SettingsComponent implements OnInit {
|
|
@ViewChild("vaultTimeoutActionSelect", { read: ElementRef, static: true })
|
|
vaultTimeoutActionSelectRef: ElementRef;
|
|
vaultTimeouts: any[];
|
|
vaultTimeoutActions: any[];
|
|
vaultTimeoutAction: string;
|
|
pin: boolean = null;
|
|
supportsBiometric: boolean;
|
|
biometric = false;
|
|
disableAutoBiometricsPrompt = true;
|
|
previousVaultTimeout: number = null;
|
|
showChangeMasterPass = true;
|
|
|
|
vaultTimeout: FormControl = new FormControl(null);
|
|
|
|
constructor(
|
|
private platformUtilsService: PlatformUtilsService,
|
|
private i18nService: I18nService,
|
|
private vaultTimeoutService: VaultTimeoutService,
|
|
public messagingService: MessagingService,
|
|
private router: Router,
|
|
private environmentService: EnvironmentService,
|
|
private cryptoService: CryptoService,
|
|
private stateService: StateService,
|
|
private popupUtilsService: PopupUtilsService,
|
|
private modalService: ModalService,
|
|
private keyConnectorService: KeyConnectorService
|
|
) {}
|
|
|
|
async ngOnInit() {
|
|
const showOnLocked =
|
|
!this.platformUtilsService.isFirefox() && !this.platformUtilsService.isSafari();
|
|
|
|
this.vaultTimeouts = [
|
|
{ name: this.i18nService.t("immediately"), value: 0 },
|
|
{ name: this.i18nService.t("oneMinute"), value: 1 },
|
|
{ name: this.i18nService.t("fiveMinutes"), value: 5 },
|
|
{ name: this.i18nService.t("fifteenMinutes"), value: 15 },
|
|
{ name: this.i18nService.t("thirtyMinutes"), value: 30 },
|
|
{ name: this.i18nService.t("oneHour"), value: 60 },
|
|
{ name: this.i18nService.t("fourHours"), value: 240 },
|
|
// { name: i18nService.t('onIdle'), value: -4 },
|
|
// { name: i18nService.t('onSleep'), value: -3 },
|
|
];
|
|
|
|
if (showOnLocked) {
|
|
this.vaultTimeouts.push({ name: this.i18nService.t("onLocked"), value: -2 });
|
|
}
|
|
|
|
this.vaultTimeouts.push({ name: this.i18nService.t("onRestart"), value: -1 });
|
|
this.vaultTimeouts.push({ name: this.i18nService.t("never"), value: null });
|
|
|
|
this.vaultTimeoutActions = [
|
|
{ name: this.i18nService.t("lock"), value: "lock" },
|
|
{ name: this.i18nService.t("logOut"), value: "logOut" },
|
|
];
|
|
|
|
let timeout = await this.vaultTimeoutService.getVaultTimeout();
|
|
if (timeout != null) {
|
|
if (timeout === -2 && !showOnLocked) {
|
|
timeout = -1;
|
|
}
|
|
this.vaultTimeout.setValue(timeout);
|
|
}
|
|
this.previousVaultTimeout = this.vaultTimeout.value;
|
|
this.vaultTimeout.valueChanges.subscribe(async (value) => {
|
|
await this.saveVaultTimeout(value);
|
|
});
|
|
|
|
const action = await this.stateService.getVaultTimeoutAction();
|
|
this.vaultTimeoutAction = action == null ? "lock" : action;
|
|
|
|
const pinSet = await this.vaultTimeoutService.isPinLockSet();
|
|
this.pin = pinSet[0] || pinSet[1];
|
|
|
|
this.supportsBiometric = await this.platformUtilsService.supportsBiometric();
|
|
this.biometric = await this.vaultTimeoutService.isBiometricLockSet();
|
|
this.disableAutoBiometricsPrompt =
|
|
(await this.stateService.getDisableAutoBiometricsPrompt()) ?? true;
|
|
this.showChangeMasterPass = !(await this.keyConnectorService.getUsesKeyConnector());
|
|
}
|
|
|
|
async saveVaultTimeout(newValue: number) {
|
|
if (newValue == null) {
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
this.i18nService.t("neverLockWarning"),
|
|
null,
|
|
this.i18nService.t("yes"),
|
|
this.i18nService.t("cancel"),
|
|
"warning"
|
|
);
|
|
if (!confirmed) {
|
|
this.vaultTimeout.setValue(this.previousVaultTimeout);
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (!this.vaultTimeout.valid) {
|
|
this.platformUtilsService.showToast("error", null, this.i18nService.t("vaultTimeoutToLarge"));
|
|
return;
|
|
}
|
|
|
|
this.previousVaultTimeout = this.vaultTimeout.value;
|
|
|
|
await this.vaultTimeoutService.setVaultTimeoutOptions(
|
|
this.vaultTimeout.value,
|
|
this.vaultTimeoutAction
|
|
);
|
|
if (this.previousVaultTimeout == null) {
|
|
this.messagingService.send("bgReseedStorage");
|
|
}
|
|
}
|
|
|
|
async saveVaultTimeoutAction(newValue: string) {
|
|
if (newValue === "logOut") {
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
this.i18nService.t("vaultTimeoutLogOutConfirmation"),
|
|
this.i18nService.t("vaultTimeoutLogOutConfirmationTitle"),
|
|
this.i18nService.t("yes"),
|
|
this.i18nService.t("cancel"),
|
|
"warning"
|
|
);
|
|
if (!confirmed) {
|
|
this.vaultTimeoutActions.forEach((option: any, i) => {
|
|
if (option.value === this.vaultTimeoutAction) {
|
|
this.vaultTimeoutActionSelectRef.nativeElement.value =
|
|
i + ": " + this.vaultTimeoutAction;
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (!this.vaultTimeout.valid) {
|
|
this.platformUtilsService.showToast("error", null, this.i18nService.t("vaultTimeoutToLarge"));
|
|
return;
|
|
}
|
|
|
|
this.vaultTimeoutAction = newValue;
|
|
await this.vaultTimeoutService.setVaultTimeoutOptions(
|
|
this.vaultTimeout.value,
|
|
this.vaultTimeoutAction
|
|
);
|
|
}
|
|
|
|
async updatePin() {
|
|
if (this.pin) {
|
|
const ref = this.modalService.open(SetPinComponent, { allowMultipleModals: true });
|
|
|
|
if (ref == null) {
|
|
this.pin = false;
|
|
return;
|
|
}
|
|
|
|
this.pin = await ref.onClosedPromise();
|
|
} else {
|
|
await this.cryptoService.clearPinProtectedKey();
|
|
await this.vaultTimeoutService.clear();
|
|
}
|
|
}
|
|
|
|
async updateBiometric() {
|
|
if (this.biometric && this.supportsBiometric) {
|
|
let granted;
|
|
try {
|
|
granted = await BrowserApi.requestPermission({ permissions: ["nativeMessaging"] });
|
|
} catch (e) {
|
|
// eslint-disable-next-line
|
|
console.error(e);
|
|
|
|
if (this.platformUtilsService.isFirefox() && this.popupUtilsService.inSidebar(window)) {
|
|
await this.platformUtilsService.showDialog(
|
|
this.i18nService.t("nativeMessaginPermissionSidebarDesc"),
|
|
this.i18nService.t("nativeMessaginPermissionSidebarTitle"),
|
|
this.i18nService.t("ok"),
|
|
null
|
|
);
|
|
this.biometric = false;
|
|
return;
|
|
}
|
|
}
|
|
|
|
if (!granted) {
|
|
await this.platformUtilsService.showDialog(
|
|
this.i18nService.t("nativeMessaginPermissionErrorDesc"),
|
|
this.i18nService.t("nativeMessaginPermissionErrorTitle"),
|
|
this.i18nService.t("ok"),
|
|
null
|
|
);
|
|
this.biometric = false;
|
|
return;
|
|
}
|
|
|
|
const submitted = Swal.fire({
|
|
heightAuto: false,
|
|
buttonsStyling: false,
|
|
titleText: this.i18nService.t("awaitDesktop"),
|
|
text: this.i18nService.t("awaitDesktopDesc"),
|
|
icon: "info",
|
|
iconHtml: '<i class="swal-custom-icon bwi bwi-info-circle text-info"></i>',
|
|
showCancelButton: true,
|
|
cancelButtonText: this.i18nService.t("cancel"),
|
|
showConfirmButton: false,
|
|
allowOutsideClick: false,
|
|
});
|
|
|
|
await this.stateService.setBiometricAwaitingAcceptance(true);
|
|
await this.cryptoService.toggleKey();
|
|
|
|
await Promise.race([
|
|
submitted.then(async (result) => {
|
|
if (result.dismiss === Swal.DismissReason.cancel) {
|
|
this.biometric = false;
|
|
await this.stateService.setBiometricAwaitingAcceptance(null);
|
|
}
|
|
}),
|
|
this.platformUtilsService
|
|
.authenticateBiometric()
|
|
.then((result) => {
|
|
this.biometric = result;
|
|
|
|
Swal.close();
|
|
if (this.biometric === false) {
|
|
this.platformUtilsService.showToast(
|
|
"error",
|
|
this.i18nService.t("errorEnableBiometricTitle"),
|
|
this.i18nService.t("errorEnableBiometricDesc")
|
|
);
|
|
}
|
|
})
|
|
.catch((e) => {
|
|
// Handle connection errors
|
|
this.biometric = false;
|
|
|
|
const error = BiometricErrors[e as BiometricErrorTypes];
|
|
|
|
this.platformUtilsService.showDialog(
|
|
this.i18nService.t(error.description),
|
|
this.i18nService.t(error.title),
|
|
this.i18nService.t("ok"),
|
|
null,
|
|
"error"
|
|
);
|
|
}),
|
|
]);
|
|
} else {
|
|
await this.stateService.setBiometricUnlock(null);
|
|
await this.stateService.setBiometricLocked(false);
|
|
}
|
|
}
|
|
|
|
async updateAutoBiometricsPrompt() {
|
|
await this.stateService.setDisableAutoBiometricsPrompt(this.disableAutoBiometricsPrompt);
|
|
}
|
|
|
|
async lock() {
|
|
await this.vaultTimeoutService.lock(true);
|
|
}
|
|
|
|
async logOut() {
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
this.i18nService.t("logOutConfirmation"),
|
|
this.i18nService.t("logOut"),
|
|
this.i18nService.t("yes"),
|
|
this.i18nService.t("cancel")
|
|
);
|
|
if (confirmed) {
|
|
this.messagingService.send("logout");
|
|
}
|
|
}
|
|
|
|
async changePassword() {
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
this.i18nService.t("changeMasterPasswordConfirmation"),
|
|
this.i18nService.t("changeMasterPassword"),
|
|
this.i18nService.t("yes"),
|
|
this.i18nService.t("cancel")
|
|
);
|
|
if (confirmed) {
|
|
BrowserApi.createNewTab(
|
|
"https://bitwarden.com/help/master-password/#change-your-master-password"
|
|
);
|
|
}
|
|
}
|
|
|
|
async twoStep() {
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
this.i18nService.t("twoStepLoginConfirmation"),
|
|
this.i18nService.t("twoStepLogin"),
|
|
this.i18nService.t("yes"),
|
|
this.i18nService.t("cancel")
|
|
);
|
|
if (confirmed) {
|
|
BrowserApi.createNewTab("https://bitwarden.com/help/setup-two-step-login/");
|
|
}
|
|
}
|
|
|
|
async share() {
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
this.i18nService.t("learnOrgConfirmation"),
|
|
this.i18nService.t("learnOrg"),
|
|
this.i18nService.t("yes"),
|
|
this.i18nService.t("cancel")
|
|
);
|
|
if (confirmed) {
|
|
BrowserApi.createNewTab("https://bitwarden.com/help/about-organizations/");
|
|
}
|
|
}
|
|
|
|
async webVault() {
|
|
const url = this.environmentService.getWebVaultUrl();
|
|
BrowserApi.createNewTab(url);
|
|
}
|
|
|
|
import() {
|
|
BrowserApi.createNewTab("https://bitwarden.com/help/import-data/");
|
|
}
|
|
|
|
export() {
|
|
this.router.navigate(["/export"]);
|
|
}
|
|
|
|
help() {
|
|
BrowserApi.createNewTab("https://bitwarden.com/help/");
|
|
}
|
|
|
|
about() {
|
|
const year = new Date().getFullYear();
|
|
const versionText = document.createTextNode(
|
|
this.i18nService.t("version") + ": " + BrowserApi.getApplicationVersion()
|
|
);
|
|
const div = document.createElement("div");
|
|
div.innerHTML =
|
|
`<p class="text-center"><i class="bwi bwi-shield bwi-3x" aria-hidden="true"></i></p>
|
|
<p class="text-center"><b>Bitwarden</b><br>© Bitwarden Inc. 2015-` +
|
|
year +
|
|
`</p>`;
|
|
div.appendChild(versionText);
|
|
|
|
Swal.fire({
|
|
heightAuto: false,
|
|
buttonsStyling: false,
|
|
html: div,
|
|
showConfirmButton: false,
|
|
showCancelButton: true,
|
|
cancelButtonText: this.i18nService.t("close"),
|
|
});
|
|
}
|
|
|
|
async fingerprint() {
|
|
const fingerprint = await this.cryptoService.getFingerprint(
|
|
await this.stateService.getUserId()
|
|
);
|
|
const p = document.createElement("p");
|
|
p.innerText = this.i18nService.t("yourAccountsFingerprint") + ":";
|
|
const p2 = document.createElement("p");
|
|
p2.innerText = fingerprint.join("-");
|
|
const div = document.createElement("div");
|
|
div.appendChild(p);
|
|
div.appendChild(p2);
|
|
|
|
const result = await Swal.fire({
|
|
heightAuto: false,
|
|
buttonsStyling: false,
|
|
html: div,
|
|
showCancelButton: true,
|
|
cancelButtonText: this.i18nService.t("close"),
|
|
showConfirmButton: true,
|
|
confirmButtonText: this.i18nService.t("learnMore"),
|
|
});
|
|
|
|
if (result.value) {
|
|
this.platformUtilsService.launchUri("https://bitwarden.com/help/fingerprint-phrase/");
|
|
}
|
|
}
|
|
|
|
rate() {
|
|
const deviceType = this.platformUtilsService.getDevice();
|
|
BrowserApi.createNewTab((RateUrls as any)[deviceType]);
|
|
}
|
|
}
|