PM-23826 add feature flag and only set the card when the feature flag is on

apps/web/src/app/admin-console/organizations/integrations/integrations.component.ts

@@ -1,8 +1,8 @@
 // FIXME: Update this file to be type safe and remove this and next line
 // @ts-strict-ignore
-import { Component, OnInit } from "@angular/core";
+import { Component, OnDestroy, OnInit } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
-import { Observable, switchMap } from "rxjs";
+import { Observable, Subject, switchMap, takeUntil } from "rxjs";
 
 import {
   getOrganizationById,
@@ -11,6 +11,8 @@ import {
 import { Organization } from "@bitwarden/common/admin-console/models/domain/organization";
 import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
 import { IntegrationType } from "@bitwarden/common/enums";
+import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
+import { ConfigService } from "@bitwarden/common/platform/abstractions/config/config.service";
 
 import { HeaderModule } from "../../../layouts/header/header.module";
 import { SharedModule } from "../../../shared/shared.module";
@@ -30,10 +32,12 @@ import { Integration } from "../shared/components/integrations/models";
     FilterIntegrationsPipe,
   ],
 })
-export class AdminConsoleIntegrationsComponent implements OnInit {
+export class AdminConsoleIntegrationsComponent implements OnInit, OnDestroy {
   integrationsList: Integration[] = [];
   tabIndex: number;
   organization$: Observable<Organization>;
+  isEventBasedIntegrationsEnabled: boolean = false;
+  private destroy$ = new Subject<void>();
 
   ngOnInit(): void {
     this.organization$ = this.route.params.pipe(
@@ -53,7 +57,15 @@ export class AdminConsoleIntegrationsComponent implements OnInit {
     private route: ActivatedRoute,
     private organizationService: OrganizationService,
     private accountService: AccountService,
+    private configService: ConfigService,
   ) {
+    this.configService
+      .getFeatureFlag$(FeatureFlag.EventBasedOrganizationIntegrations)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((isEnabled) => {
+        this.isEventBasedIntegrationsEnabled = isEnabled;
+      });
+
     this.integrationsList = [
       {
         name: "AD FS",
@@ -228,7 +240,10 @@ export class AdminConsoleIntegrationsComponent implements OnInit {
         image: "../../../../../../../images/integrations/logo-microsoft-intune-color.svg",
         type: IntegrationType.DEVICE,
       },
-      {
+    ];
+
+    if (this.isEventBasedIntegrationsEnabled) {
+      this.integrationsList.push({
         name: "Crowdstrike",
         linkURL: "",
         image: "../../../../../../../images/integrations/logo-crowdstrike-black.svg",
@@ -236,8 +251,12 @@ export class AdminConsoleIntegrationsComponent implements OnInit {
         description: "crowdstrikeEventIntegrationDesc",
         isConnected: false,
         canSetupConnection: true,
-      },
-    ];
+      });
+    }
+  }
+  ngOnDestroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
   }
 
   get IntegrationType(): typeof IntegrationType {

libs/common/src/enums/feature-flag.enum.ts

@@ -49,6 +49,9 @@ export enum FeatureFlag {
   /* Tools */
   DesktopSendUIRefresh = "desktop-send-ui-refresh",
 
+  /* DIRT */
+  EventBasedOrganizationIntegrations = "event-based-organization-integrations",
+
   /* Vault */
   PM8851_BrowserOnboardingNudge = "pm-8851-browser-onboarding-nudge",
   PM9111ExtensionPersistAddEditForm = "pm-9111-extension-persist-add-edit-form",
@@ -95,6 +98,9 @@ export const DefaultFeatureFlagValue = {
   /* Tools */
   [FeatureFlag.DesktopSendUIRefresh]: FALSE,
 
+  /* DIRT */
+  [FeatureFlag.EventBasedOrganizationIntegrations]: true,
+
   /* Vault */
   [FeatureFlag.PM8851_BrowserOnboardingNudge]: FALSE,
   [FeatureFlag.PM9111ExtensionPersistAddEditForm]: FALSE,