Move to libs

libs/angular/src/components/export.component.ts

@@ -0,0 +1,155 @@
+import { Directive, EventEmitter, OnInit, Output } from "@angular/core";
+import { FormBuilder } from "@angular/forms";
+
+import { CryptoService } from "jslib-common/abstractions/crypto.service";
+import { EventService } from "jslib-common/abstractions/event.service";
+import { ExportService } from "jslib-common/abstractions/export.service";
+import { I18nService } from "jslib-common/abstractions/i18n.service";
+import { LogService } from "jslib-common/abstractions/log.service";
+import { PlatformUtilsService } from "jslib-common/abstractions/platformUtils.service";
+import { PolicyService } from "jslib-common/abstractions/policy.service";
+import { UserVerificationService } from "jslib-common/abstractions/userVerification.service";
+import { EventType } from "jslib-common/enums/eventType";
+import { PolicyType } from "jslib-common/enums/policyType";
+
+@Directive()
+export class ExportComponent implements OnInit {
+  @Output() onSaved = new EventEmitter();
+
+  formPromise: Promise<string>;
+  disabledByPolicy = false;
+
+  exportForm = this.formBuilder.group({
+    format: ["json"],
+    secret: [""],
+  });
+
+  formatOptions = [
+    { name: ".json", value: "json" },
+    { name: ".csv", value: "csv" },
+    { name: ".json (Encrypted)", value: "encrypted_json" },
+  ];
+
+  constructor(
+    protected cryptoService: CryptoService,
+    protected i18nService: I18nService,
+    protected platformUtilsService: PlatformUtilsService,
+    protected exportService: ExportService,
+    protected eventService: EventService,
+    private policyService: PolicyService,
+    protected win: Window,
+    private logService: LogService,
+    private userVerificationService: UserVerificationService,
+    private formBuilder: FormBuilder
+  ) {}
+
+  async ngOnInit() {
+    await this.checkExportDisabled();
+  }
+
+  async checkExportDisabled() {
+    this.disabledByPolicy = await this.policyService.policyAppliesToUser(
+      PolicyType.DisablePersonalVaultExport
+    );
+    if (this.disabledByPolicy) {
+      this.exportForm.disable();
+    }
+  }
+
+  get encryptedFormat() {
+    return this.format === "encrypted_json";
+  }
+
+  async submit() {
+    if (this.disabledByPolicy) {
+      this.platformUtilsService.showToast(
+        "error",
+        null,
+        this.i18nService.t("personalVaultExportPolicyInEffect")
+      );
+      return;
+    }
+
+    const acceptedWarning = await this.warningDialog();
+    if (!acceptedWarning) {
+      return;
+    }
+
+    const secret = this.exportForm.get("secret").value;
+    try {
+      await this.userVerificationService.verifyUser(secret);
+    } catch (e) {
+      this.platformUtilsService.showToast("error", this.i18nService.t("errorOccurred"), e.message);
+      return;
+    }
+
+    try {
+      this.formPromise = this.getExportData();
+      const data = await this.formPromise;
+      this.downloadFile(data);
+      this.saved();
+      await this.collectEvent();
+      this.exportForm.get("secret").setValue("");
+    } catch (e) {
+      this.logService.error(e);
+    }
+  }
+
+  async warningDialog() {
+    if (this.encryptedFormat) {
+      return await this.platformUtilsService.showDialog(
+        "<p>" +
+          this.i18nService.t("encExportKeyWarningDesc") +
+          "<p>" +
+          this.i18nService.t("encExportAccountWarningDesc"),
+        this.i18nService.t("confirmVaultExport"),
+        this.i18nService.t("exportVault"),
+        this.i18nService.t("cancel"),
+        "warning",
+        true
+      );
+    } else {
+      return await this.platformUtilsService.showDialog(
+        this.i18nService.t("exportWarningDesc"),
+        this.i18nService.t("confirmVaultExport"),
+        this.i18nService.t("exportVault"),
+        this.i18nService.t("cancel"),
+        "warning"
+      );
+    }
+  }
+
+  protected saved() {
+    this.onSaved.emit();
+  }
+
+  protected getExportData() {
+    return this.exportService.getExport(this.format);
+  }
+
+  protected getFileName(prefix?: string) {
+    let extension = this.format;
+    if (this.format === "encrypted_json") {
+      if (prefix == null) {
+        prefix = "encrypted";
+      } else {
+        prefix = "encrypted_" + prefix;
+      }
+      extension = "json";
+    }
+    return this.exportService.getFileName(prefix, extension);
+  }
+
+  protected async collectEvent(): Promise<any> {
+    await this.eventService.collect(EventType.User_ClientExportedVault);
+  }
+
+  get format() {
+    return this.exportForm.get("format").value;
+  }
+
+  private downloadFile(csv: string): void {
+    const fileName = this.getFileName();
+    this.platformUtilsService.saveFile(this.win, csv, { type: "text/plain" }, fileName);
+  }
+}