import { Directive, OnInit } from "@angular/core";

import { CryptoService } from "jslib-common/abstractions/crypto.service";
import { KeyConnectorService } from "jslib-common/abstractions/keyConnector.service";
import { StateService } from "jslib-common/abstractions/state.service";
import { Utils } from "jslib-common/misc/utils";

import { ModalRef } from "./modal/modal.ref";

@Directive()
export class SetPinComponent implements OnInit {
  pin = "";
  showPin = false;
  masterPassOnRestart = true;
  showMasterPassOnRestart = true;

  constructor(
    private modalRef: ModalRef,
    private cryptoService: CryptoService,
    private keyConnectorService: KeyConnectorService,
    private stateService: StateService
  ) {}

  async ngOnInit() {
    this.showMasterPassOnRestart = this.masterPassOnRestart =
      !(await this.keyConnectorService.getUsesKeyConnector());
  }

  toggleVisibility() {
    this.showPin = !this.showPin;
  }

  async submit() {
    if (Utils.isNullOrWhitespace(this.pin)) {
      this.modalRef.close(false);
    }

    const kdf = await this.stateService.getKdfType();
    const kdfIterations = await this.stateService.getKdfIterations();
    const email = await this.stateService.getEmail();
    const pinKey = await this.cryptoService.makePinKey(this.pin, email, kdf, kdfIterations);
    const key = await this.cryptoService.getKey();
    const pinProtectedKey = await this.cryptoService.encrypt(key.key, pinKey);
    if (this.masterPassOnRestart) {
      const encPin = await this.cryptoService.encrypt(this.pin);
      await this.stateService.setProtectedPin(encPin.encryptedString);
      await this.stateService.setDecryptedPinProtected(pinProtectedKey);
    } else {
      await this.stateService.setEncryptedPinProtected(pinProtectedKey.encryptedString);
    }

    this.modalRef.close(true);
  }
}