move key connector components to KM team ownership (#14008)

libs/key-management-ui/src/index.ts

@@ -7,3 +7,4 @@ export { LockComponentService, UnlockOptions } from "./lock/services/lock-compon
 export { KeyRotationTrustInfoComponent } from "./key-rotation/key-rotation-trust-info.component";
 export { AccountRecoveryTrustComponent } from "./trust/account-recovery-trust.component";
 export { EmergencyAccessTrustComponent } from "./trust/emergency-access-trust.component";
+export { RemovePasswordComponent } from "./key-connector/remove-password.component";

libs/key-management-ui/src/key-connector/remove-password.component.ts

@@ -0,0 +1,103 @@
+// FIXME: Update this file to be type safe and remove this and next line
+// @ts-strict-ignore
+import { Directive, OnInit } from "@angular/core";
+import { Router } from "@angular/router";
+import { firstValueFrom, map } from "rxjs";
+
+import { OrganizationApiServiceAbstraction } from "@bitwarden/common/admin-console/abstractions/organization/organization-api.service.abstraction";
+import { Organization } from "@bitwarden/common/admin-console/models/domain/organization";
+import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
+import { KeyConnectorService } from "@bitwarden/common/key-management/key-connector/abstractions/key-connector.service";
+import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
+import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
+import { SyncService } from "@bitwarden/common/vault/abstractions/sync/sync.service.abstraction";
+import { DialogService, ToastService } from "@bitwarden/components";
+
+@Directive()
+export class RemovePasswordComponent implements OnInit {
+  actionPromise: Promise<void | boolean>;
+  continuing = false;
+  leaving = false;
+
+  loading = true;
+  organization: Organization;
+  email: string;
+
+  constructor(
+    private router: Router,
+    private accountService: AccountService,
+    private syncService: SyncService,
+    private platformUtilsService: PlatformUtilsService,
+    private i18nService: I18nService,
+    private keyConnectorService: KeyConnectorService,
+    private organizationApiService: OrganizationApiServiceAbstraction,
+    private dialogService: DialogService,
+    private toastService: ToastService,
+  ) {}
+
+  async ngOnInit() {
+    this.organization = await this.keyConnectorService.getManagingOrganization();
+    this.email = await firstValueFrom(
+      this.accountService.activeAccount$.pipe(map((a) => a?.email)),
+    );
+    await this.syncService.fullSync(false);
+    this.loading = false;
+  }
+
+  convert = async () => {
+    this.continuing = true;
+    this.actionPromise = this.keyConnectorService.migrateUser();
+
+    try {
+      await this.actionPromise;
+      this.toastService.showToast({
+        variant: "success",
+        title: null,
+        message: this.i18nService.t("removedMasterPassword"),
+      });
+      await this.keyConnectorService.removeConvertAccountRequired();
+      // 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.router.navigate([""]);
+    } catch (e) {
+      this.toastService.showToast({
+        variant: "error",
+        title: this.i18nService.t("errorOccurred"),
+        message: e.message,
+      });
+    }
+  };
+
+  leave = async () => {
+    const confirmed = await this.dialogService.openSimpleDialog({
+      title: this.organization.name,
+      content: { key: "leaveOrganizationConfirmation" },
+      type: "warning",
+    });
+
+    if (!confirmed) {
+      return false;
+    }
+
+    try {
+      this.leaving = true;
+      this.actionPromise = this.organizationApiService.leave(this.organization.id);
+      await this.actionPromise;
+      this.toastService.showToast({
+        variant: "success",
+        title: null,
+        message: this.i18nService.t("leftOrganization"),
+      });
+      await this.keyConnectorService.removeConvertAccountRequired();
+      // 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.router.navigate([""]);
+    } catch (e) {
+      this.toastService.showToast({
+        variant: "error",
+        title: this.i18nService.t("errorOccurred"),
+        message: e,
+      });
+    }
+  };
+}