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; enableAutoBiometricsPrompt = 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(); const disableAutoBiometricsPrompt = (await this.stateService.getDisableAutoBiometricsPrompt()) ?? true; this.enableAutoBiometricsPrompt = !disableAutoBiometricsPrompt; 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: '', 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.enableAutoBiometricsPrompt); } 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 = `

Bitwarden
© Bitwarden Inc. 2015-` + year + `

`; 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]); } }