[PM-6780][PM-6781] Create vault-export-ui package / Migrate export-scope-callout.component to CL (#8318)

* PM-6780 - Create vault-export-ui package

* Migrate export-scope-callout to CL
- Move export-scope-callout.component to vault-export-UI
- Use bit-callout instead of app-callout
- Make component standalone
- Remove from jslib.module
- Prefix selector with team-name
- Export it from vault-export-ui

* Update usage of tools-export-scope-callout for desktop

* Update usage of tools-export-scope-callout for web

* Update usage of tools-export-scope-callout for browser

* Change package description

---------

Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>

libs/angular/src/jslib.module.ts

@@ -29,7 +29,6 @@ import { UserTypePipe } from "./pipes/user-type.pipe";
 import { EllipsisPipe } from "./platform/pipes/ellipsis.pipe";
 import { FingerprintPipe } from "./platform/pipes/fingerprint.pipe";
 import { I18nPipe } from "./platform/pipes/i18n.pipe";
-import { ExportScopeCalloutComponent } from "./tools/export/components/export-scope-callout.component";
 import { PasswordStrengthComponent } from "./tools/password-strength/password-strength.component";
 import { IconComponent } from "./vault/components/icon.component";
 
@@ -54,7 +53,6 @@ import { IconComponent } from "./vault/components/icon.component";
     CopyTextDirective,
     CreditCardNumberPipe,
     EllipsisPipe,
-    ExportScopeCalloutComponent,
     FallbackSrcDirective,
     I18nPipe,
     IconComponent,
@@ -85,7 +83,6 @@ import { IconComponent } from "./vault/components/icon.component";
     CopyTextDirective,
     CreditCardNumberPipe,
     EllipsisPipe,
-    ExportScopeCalloutComponent,
     FallbackSrcDirective,
     I18nPipe,
     IconComponent,

libs/angular/src/tools/export/components/export-scope-callout.component.html

@@ -1,5 +0,0 @@
-<ng-container *ngIf="show">
-  <app-callout type="info" title="{{ scopeConfig.title | i18n }}">
-    {{ scopeConfig.description | i18n: scopeConfig.scopeIdentifier }}
-  </app-callout>
-</ng-container>

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

@@ -1,59 +0,0 @@
-import { Component, Input, OnInit } from "@angular/core";
-
-import { OrganizationService } from "@bitwarden/common/admin-console/abstractions/organization/organization.service.abstraction";
-import { StateService } from "@bitwarden/common/platform/abstractions/state.service";
-
-@Component({
-  selector: "app-export-scope-callout",
-  templateUrl: "export-scope-callout.component.html",
-})
-export class ExportScopeCalloutComponent implements OnInit {
-  show = false;
-  scopeConfig: {
-    title: string;
-    description: string;
-    scopeIdentifier: string;
-  };
-
-  private _organizationId: string;
-
-  get organizationId(): string {
-    return this._organizationId;
-  }
-
-  @Input() set organizationId(value: string) {
-    this._organizationId = value;
-    // FIXME: Verify that this floating promise is intentional. If it is, add an explanatory comment and ensure there is proper error handling.
-    // eslint-disable-next-line @typescript-eslint/no-floating-promises
-    this.getScopeMessage(this._organizationId);
-  }
-
-  constructor(
-    protected organizationService: OrganizationService,
-    protected stateService: StateService,
-  ) {}
-
-  async ngOnInit(): Promise<void> {
-    if (!(await this.organizationService.hasOrganizations())) {
-      return;
-    }
-
-    await this.getScopeMessage(this.organizationId);
-    this.show = true;
-  }
-
-  private async getScopeMessage(organizationId: string) {
-    this.scopeConfig =
-      organizationId != null
-        ? {
-            title: "exportingOrganizationVaultTitle",
-            description: "exportingOrganizationVaultDesc",
-            scopeIdentifier: (await this.organizationService.get(organizationId)).name,
-          }
-        : {
-            title: "exportingPersonalVaultTitle",
-            description: "exportingIndividualVaultDescription",
-            scopeIdentifier: await this.stateService.getEmail(),
-          };
-  }
-}