PM-15090 - unmark-critical-app (#13015)

bitwarden_license/bit-web/src/app/tools/access-intelligence/critical-applications.component.html

@@ -95,6 +95,21 @@
         <td bitCell data-testid="total-membership">
           {{ r.memberCount }}
         </td>
+        <td bitCell>
+          <button
+            [bitMenuTriggerFor]="rowMenu"
+            type="button"
+            bitIconButton="bwi-ellipsis-v"
+            size="small"
+            appA11yTitle="{{ 'options' | i18n }}"
+          ></button>
+
+          <bit-menu #rowMenu>
+            <button type="button" bitMenuItem (click)="unmarkAsCriticalApp(r.applicationName)">
+              <i aria-hidden="true" class="bwi bwi-star-f"></i> {{ "unmarkAsCriticalApp" | i18n }}
+            </button>
+          </bit-menu>
+        </td>
       </tr>
     </ng-template>
   </bit-table>

bitwarden_license/bit-web/src/app/tools/access-intelligence/critical-applications.component.ts

@@ -15,12 +15,15 @@ import {
   ApplicationHealthReportDetailWithCriticalFlag,
   ApplicationHealthReportSummary,
 } from "@bitwarden/bit-common/tools/reports/risk-insights/models/password-health";
+import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
+import { OrganizationId } from "@bitwarden/common/types/guid";
 import {
   DialogService,
   Icons,
   NoItemsModule,
   SearchModule,
   TableDataSource,
+  ToastService,
 } from "@bitwarden/components";
 import { CardComponent } from "@bitwarden/tools-card";
 import { HeaderModule } from "@bitwarden/web-vault/app/layouts/header/header.module";
@@ -37,6 +40,7 @@ import { RiskInsightsTabType } from "./risk-insights.component";
   selector: "tools-critical-applications",
   templateUrl: "./critical-applications.component.html",
   imports: [CardComponent, HeaderModule, SearchModule, NoItemsModule, PipesModule, SharedModule],
+  providers: [],
 })
 export class CriticalApplicationsComponent implements OnInit {
   protected dataSource = new TableDataSource<ApplicationHealthReportDetailWithCriticalFlag>();
@@ -80,13 +84,38 @@ export class CriticalApplicationsComponent implements OnInit {
     });
   };
 
+  unmarkAsCriticalApp = async (hostname: string) => {
+    try {
+      await this.criticalAppsService.dropCriticalApp(
+        this.organizationId as OrganizationId,
+        hostname,
+      );
+    } catch {
+      this.toastService.showToast({
+        message: this.i18nService.t("unexpectedError"),
+        variant: "error",
+        title: this.i18nService.t("error"),
+      });
+      return;
+    }
+
+    this.toastService.showToast({
+      message: this.i18nService.t("criticalApplicationSuccessfullyUnmarked"),
+      variant: "success",
+      title: this.i18nService.t("success"),
+    });
+    this.dataSource.data = this.dataSource.data.filter((app) => app.applicationName !== hostname);
+  };
+
   constructor(
     protected activatedRoute: ActivatedRoute,
     protected router: Router,
+    protected toastService: ToastService,
     protected dataService: RiskInsightsDataService,
     protected criticalAppsService: CriticalAppsService,
     protected reportService: RiskInsightsReportService,
     protected dialogService: DialogService,
+    protected i18nService: I18nService,
   ) {
     this.searchControl.valueChanges
       .pipe(debounceTime(200), takeUntilDestroyed())

bitwarden_license/bit-web/src/app/tools/access-intelligence/risk-insights.component.ts

@@ -2,16 +2,18 @@ import { CommonModule } from "@angular/common";
 import { Component, DestroyRef, OnInit, inject } from "@angular/core";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 import { ActivatedRoute, Router } from "@angular/router";
-import { Observable, EMPTY } from "rxjs";
+import { EMPTY, Observable } from "rxjs";
 import { map, switchMap } from "rxjs/operators";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
 import {
-  RiskInsightsDataService,
   CriticalAppsService,
-  PasswordHealthReportApplicationsResponse,
+  RiskInsightsDataService,
 } from "@bitwarden/bit-common/tools/reports/risk-insights";
-import { ApplicationHealthReportDetail } from "@bitwarden/bit-common/tools/reports/risk-insights/models/password-health";
+import {
+  ApplicationHealthReportDetail,
+  PasswordHealthReportApplicationsResponse,
+} from "@bitwarden/bit-common/tools/reports/risk-insights/models/password-health";
 // eslint-disable-next-line no-restricted-imports -- used for dependency injection
 import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
 import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";