clients/libs/angular/src/components/export-scope-callout.component.ts

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

import { OrganizationService } from "@bitwarden/common/abstractions/organization/organization.service.abstraction";
import { StateService } from "@bitwarden/common/abstractions/state.service";

@Component({
  selector: "app-export-scope-callout",
  templateUrl: "export-scope-callout.component.html",
})
export class ExportScopeCalloutComponent implements OnInit {
  @Input() organizationId: string = null;

  show = false;
  scopeConfig: {
    title: string;
    description: string;
    scopeIdentifier: string;
  };

  constructor(
    protected organizationService: OrganizationService,
    protected stateService: StateService
  ) {}

  async ngOnInit(): Promise<void> {
    if (!this.organizationService.hasOrganizations()) {
      return;
    }
    this.scopeConfig =
      this.organizationId != null
        ? {
            title: "exportingOrganizationVaultTitle",
            description: "exportingOrganizationVaultDescription",
            scopeIdentifier: this.organizationService.get(this.organizationId).name,
          }
        : {
            title: "exportingPersonalVaultTitle",
            description: "exportingPersonalVaultDescription",
            scopeIdentifier: await this.stateService.getEmail(),
          };
    this.show = true;
  }
}