[PM-23826] Crowdstrike integration dialog (#15757)

2026-02-25 00:53:22 +00:00 · 2025-07-31 11:45:35 -05:00
parent 95b1ab0cb7
commit 13a8b46d30
20 changed files with 678 additions and 360 deletions
--- a/apps/web/src/app/admin-console/organizations/integrations/integrations.component.ts
+++ b/apps/web/src/app/admin-console/organizations/integrations/integrations.component.ts
@@ -2,8 +2,10 @@
 // @ts-strict-ignore
 import { Component, OnDestroy, OnInit } from "@angular/core";
 import { ActivatedRoute } from "@angular/router";
-import { Observable, Subject, switchMap, takeUntil } from "rxjs";
+import { Observable, Subject, switchMap, takeUntil, scheduled, asyncScheduler } from "rxjs";

+// eslint-disable-next-line no-restricted-imports
+import { OrganizationIntegrationApiService } from "@bitwarden/bit-common/dirt/integrations";
 import {
  getOrganizationById,
  OrganizationService,
@@ -33,13 +35,192 @@ import { Integration } from "../shared/components/integrations/models";
  ],
 })
 export class AdminConsoleIntegrationsComponent implements OnInit, OnDestroy {
-  integrationsList: Integration[] = [];
+  // integrationsList: Integration[] = [];
  tabIndex: number;
  organization$: Observable<Organization>;
  isEventBasedIntegrationsEnabled: boolean = false;
  private destroy$ = new Subject<void>();

+  // initialize the integrations list with default integrations
+  integrationsList: Integration[] = [
+    {
+      name: "AD FS",
+      linkURL: "https://bitwarden.com/help/saml-adfs/",
+      image: "../../../../../../../images/integrations/azure-active-directory.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "Auth0",
+      linkURL: "https://bitwarden.com/help/saml-auth0/",
+      image: "../../../../../../../images/integrations/logo-auth0-badge-color.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "AWS",
+      linkURL: "https://bitwarden.com/help/saml-aws/",
+      image: "../../../../../../../images/integrations/aws-color.svg",
+      imageDarkMode: "../../../../../../../images/integrations/aws-darkmode.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "Microsoft Entra ID",
+      linkURL: "https://bitwarden.com/help/saml-azure/",
+      image: "../../../../../../../images/integrations/logo-microsoft-entra-id-color.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "Duo",
+      linkURL: "https://bitwarden.com/help/saml-duo/",
+      image: "../../../../../../../images/integrations/logo-duo-color.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "Google",
+      linkURL: "https://bitwarden.com/help/saml-google/",
+      image: "../../../../../../../images/integrations/logo-google-badge-color.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "JumpCloud",
+      linkURL: "https://bitwarden.com/help/saml-jumpcloud/",
+      image: "../../../../../../../images/integrations/logo-jumpcloud-badge-color.svg",
+      imageDarkMode: "../../../../../../../images/integrations/jumpcloud-darkmode.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "KeyCloak",
+      linkURL: "https://bitwarden.com/help/saml-keycloak/",
+      image: "../../../../../../../images/integrations/logo-keycloak-icon.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "Okta",
+      linkURL: "https://bitwarden.com/help/saml-okta/",
+      image: "../../../../../../../images/integrations/logo-okta-symbol-black.svg",
+      imageDarkMode: "../../../../../../../images/integrations/okta-darkmode.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "OneLogin",
+      linkURL: "https://bitwarden.com/help/saml-onelogin/",
+      image: "../../../../../../../images/integrations/logo-onelogin-badge-color.svg",
+      imageDarkMode: "../../../../../../../images/integrations/onelogin-darkmode.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "PingFederate",
+      linkURL: "https://bitwarden.com/help/saml-pingfederate/",
+      image: "../../../../../../../images/integrations/logo-ping-identity-badge-color.svg",
+      type: IntegrationType.SSO,
+    },
+    {
+      name: "Microsoft Entra ID",
+      linkURL: "https://bitwarden.com/help/microsoft-entra-id-scim-integration/",
+      image: "../../../../../../../images/integrations/logo-microsoft-entra-id-color.svg",
+      type: IntegrationType.SCIM,
+    },
+    {
+      name: "Okta",
+      linkURL: "https://bitwarden.com/help/okta-scim-integration/",
+      image: "../../../../../../../images/integrations/logo-okta-symbol-black.svg",
+      imageDarkMode: "../../../../../../../images/integrations/okta-darkmode.svg",
+      type: IntegrationType.SCIM,
+    },
+    {
+      name: "OneLogin",
+      linkURL: "https://bitwarden.com/help/onelogin-scim-integration/",
+      image: "../../../../../../../images/integrations/logo-onelogin-badge-color.svg",
+      imageDarkMode: "../../../../../../../images/integrations/onelogin-darkmode.svg",
+      type: IntegrationType.SCIM,
+    },
+    {
+      name: "JumpCloud",
+      linkURL: "https://bitwarden.com/help/jumpcloud-scim-integration/",
+      image: "../../../../../../../images/integrations/logo-jumpcloud-badge-color.svg",
+      imageDarkMode: "../../../../../../../images/integrations/jumpcloud-darkmode.svg",
+      type: IntegrationType.SCIM,
+    },
+    {
+      name: "Ping Identity",
+      linkURL: "https://bitwarden.com/help/ping-identity-scim-integration/",
+      image: "../../../../../../../images/integrations/logo-ping-identity-badge-color.svg",
+      type: IntegrationType.SCIM,
+    },
+    {
+      name: "Active Directory",
+      linkURL: "https://bitwarden.com/help/ldap-directory/",
+      image: "../../../../../../../images/integrations/azure-active-directory.svg",
+      type: IntegrationType.BWDC,
+    },
+    {
+      name: "Microsoft Entra ID",
+      linkURL: "https://bitwarden.com/help/microsoft-entra-id/",
+      image: "../../../../../../../images/integrations/logo-microsoft-entra-id-color.svg",
+      type: IntegrationType.BWDC,
+    },
+    {
+      name: "Google Workspace",
+      linkURL: "https://bitwarden.com/help/workspace-directory/",
+      image: "../../../../../../../images/integrations/logo-google-badge-color.svg",
+      type: IntegrationType.BWDC,
+    },
+    {
+      name: "Okta",
+      linkURL: "https://bitwarden.com/help/okta-directory/",
+      image: "../../../../../../../images/integrations/logo-okta-symbol-black.svg",
+      imageDarkMode: "../../../../../../../images/integrations/okta-darkmode.svg",
+      type: IntegrationType.BWDC,
+    },
+    {
+      name: "OneLogin",
+      linkURL: "https://bitwarden.com/help/onelogin-directory/",
+      image: "../../../../../../../images/integrations/logo-onelogin-badge-color.svg",
+      imageDarkMode: "../../../../../../../images/integrations/onelogin-darkmode.svg",
+      type: IntegrationType.BWDC,
+    },
+    {
+      name: "Splunk",
+      linkURL: "https://bitwarden.com/help/splunk-siem/",
+      image: "../../../../../../../images/integrations/logo-splunk-black.svg",
+      imageDarkMode: "../../../../../../../images/integrations/splunk-darkmode.svg",
+      type: IntegrationType.EVENT,
+    },
+    {
+      name: "Microsoft Sentinel",
+      linkURL: "https://bitwarden.com/help/microsoft-sentinel-siem/",
+      image: "../../../../../../../images/integrations/logo-microsoft-sentinel-color.svg",
+      type: IntegrationType.EVENT,
+    },
+    {
+      name: "Rapid7",
+      linkURL: "https://bitwarden.com/help/rapid7-siem/",
+      image: "../../../../../../../images/integrations/logo-rapid7-black.svg",
+      imageDarkMode: "../../../../../../../images/integrations/rapid7-darkmode.svg",
+      type: IntegrationType.EVENT,
+    },
+    {
+      name: "Elastic",
+      linkURL: "https://bitwarden.com/help/elastic-siem/",
+      image: "../../../../../../../images/integrations/logo-elastic-badge-color.svg",
+      type: IntegrationType.EVENT,
+    },
+    {
+      name: "Panther",
+      linkURL: "https://bitwarden.com/help/panther-siem/",
+      image: "../../../../../../../images/integrations/logo-panther-round-color.svg",
+      type: IntegrationType.EVENT,
+    },
+    {
+      name: "Microsoft Intune",
+      linkURL: "https://bitwarden.com/help/deploy-browser-extensions-with-intune/",
+      image: "../../../../../../../images/integrations/logo-microsoft-intune-color.svg",
+      type: IntegrationType.DEVICE,
+    },
+  ];
+
  ngOnInit(): void {
+    const orgId = this.route.snapshot.params.organizationId;
+
    this.organization$ = this.route.params.pipe(
      switchMap((params) =>
        this.accountService.activeAccount$.pipe(
@@ -51,6 +232,25 @@ export class AdminConsoleIntegrationsComponent implements OnInit, OnDestroy {
        ),
      ),
    );
+
+    scheduled(this.orgIntegrationApiService.getOrganizationIntegrations(orgId), asyncScheduler)
+      .pipe(takeUntil(this.destroy$))
+      .subscribe((integrations) => {
+        // Update the integrations list with the fetched integrations
+        if (integrations && integrations.length > 0) {
+          integrations.forEach((integration) => {
+            const configJson = JSON.parse(integration.configuration || "{}");
+            const serviceName = configJson.service ?? "";
+            const existingIntegration = this.integrationsList.find((i) => i.name === serviceName);
+
+            if (existingIntegration) {
+              // if a configuration exists, then it is connected
+              existingIntegration.isConnected = !!integration.configuration;
+              existingIntegration.configuration = integration.configuration || "";
+            }
+          });
+        }
+      });
  }

  constructor(
@@ -58,6 +258,7 @@ export class AdminConsoleIntegrationsComponent implements OnInit, OnDestroy {
    private organizationService: OrganizationService,
    private accountService: AccountService,
    private configService: ConfigService,
+    private orgIntegrationApiService: OrganizationIntegrationApiService,
  ) {
    this.configService
      .getFeatureFlag$(FeatureFlag.EventBasedOrganizationIntegrations)
@@ -66,182 +267,6 @@ export class AdminConsoleIntegrationsComponent implements OnInit, OnDestroy {
        this.isEventBasedIntegrationsEnabled = isEnabled;
      });

-    this.integrationsList = [
-      {
-        name: "AD FS",
-        linkURL: "https://bitwarden.com/help/saml-adfs/",
-        image: "../../../../../../../images/integrations/azure-active-directory.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "Auth0",
-        linkURL: "https://bitwarden.com/help/saml-auth0/",
-        image: "../../../../../../../images/integrations/logo-auth0-badge-color.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "AWS",
-        linkURL: "https://bitwarden.com/help/saml-aws/",
-        image: "../../../../../../../images/integrations/aws-color.svg",
-        imageDarkMode: "../../../../../../../images/integrations/aws-darkmode.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "Microsoft Entra ID",
-        linkURL: "https://bitwarden.com/help/saml-azure/",
-        image: "../../../../../../../images/integrations/logo-microsoft-entra-id-color.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "Duo",
-        linkURL: "https://bitwarden.com/help/saml-duo/",
-        image: "../../../../../../../images/integrations/logo-duo-color.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "Google",
-        linkURL: "https://bitwarden.com/help/saml-google/",
-        image: "../../../../../../../images/integrations/logo-google-badge-color.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "JumpCloud",
-        linkURL: "https://bitwarden.com/help/saml-jumpcloud/",
-        image: "../../../../../../../images/integrations/logo-jumpcloud-badge-color.svg",
-        imageDarkMode: "../../../../../../../images/integrations/jumpcloud-darkmode.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "KeyCloak",
-        linkURL: "https://bitwarden.com/help/saml-keycloak/",
-        image: "../../../../../../../images/integrations/logo-keycloak-icon.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "Okta",
-        linkURL: "https://bitwarden.com/help/saml-okta/",
-        image: "../../../../../../../images/integrations/logo-okta-symbol-black.svg",
-        imageDarkMode: "../../../../../../../images/integrations/okta-darkmode.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "OneLogin",
-        linkURL: "https://bitwarden.com/help/saml-onelogin/",
-        image: "../../../../../../../images/integrations/logo-onelogin-badge-color.svg",
-        imageDarkMode: "../../../../../../../images/integrations/onelogin-darkmode.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "PingFederate",
-        linkURL: "https://bitwarden.com/help/saml-pingfederate/",
-        image: "../../../../../../../images/integrations/logo-ping-identity-badge-color.svg",
-        type: IntegrationType.SSO,
-      },
-      {
-        name: "Microsoft Entra ID",
-        linkURL: "https://bitwarden.com/help/microsoft-entra-id-scim-integration/",
-        image: "../../../../../../../images/integrations/logo-microsoft-entra-id-color.svg",
-        type: IntegrationType.SCIM,
-      },
-      {
-        name: "Okta",
-        linkURL: "https://bitwarden.com/help/okta-scim-integration/",
-        image: "../../../../../../../images/integrations/logo-okta-symbol-black.svg",
-        imageDarkMode: "../../../../../../../images/integrations/okta-darkmode.svg",
-        type: IntegrationType.SCIM,
-      },
-      {
-        name: "OneLogin",
-        linkURL: "https://bitwarden.com/help/onelogin-scim-integration/",
-        image: "../../../../../../../images/integrations/logo-onelogin-badge-color.svg",
-        imageDarkMode: "../../../../../../../images/integrations/onelogin-darkmode.svg",
-        type: IntegrationType.SCIM,
-      },
-      {
-        name: "JumpCloud",
-        linkURL: "https://bitwarden.com/help/jumpcloud-scim-integration/",
-        image: "../../../../../../../images/integrations/logo-jumpcloud-badge-color.svg",
-        imageDarkMode: "../../../../../../../images/integrations/jumpcloud-darkmode.svg",
-        type: IntegrationType.SCIM,
-      },
-      {
-        name: "Ping Identity",
-        linkURL: "https://bitwarden.com/help/ping-identity-scim-integration/",
-        image: "../../../../../../../images/integrations/logo-ping-identity-badge-color.svg",
-        type: IntegrationType.SCIM,
-      },
-      {
-        name: "Active Directory",
-        linkURL: "https://bitwarden.com/help/ldap-directory/",
-        image: "../../../../../../../images/integrations/azure-active-directory.svg",
-        type: IntegrationType.BWDC,
-      },
-      {
-        name: "Microsoft Entra ID",
-        linkURL: "https://bitwarden.com/help/microsoft-entra-id/",
-        image: "../../../../../../../images/integrations/logo-microsoft-entra-id-color.svg",
-        type: IntegrationType.BWDC,
-      },
-      {
-        name: "Google Workspace",
-        linkURL: "https://bitwarden.com/help/workspace-directory/",
-        image: "../../../../../../../images/integrations/logo-google-badge-color.svg",
-        type: IntegrationType.BWDC,
-      },
-      {
-        name: "Okta",
-        linkURL: "https://bitwarden.com/help/okta-directory/",
-        image: "../../../../../../../images/integrations/logo-okta-symbol-black.svg",
-        imageDarkMode: "../../../../../../../images/integrations/okta-darkmode.svg",
-        type: IntegrationType.BWDC,
-      },
-      {
-        name: "OneLogin",
-        linkURL: "https://bitwarden.com/help/onelogin-directory/",
-        image: "../../../../../../../images/integrations/logo-onelogin-badge-color.svg",
-        imageDarkMode: "../../../../../../../images/integrations/onelogin-darkmode.svg",
-        type: IntegrationType.BWDC,
-      },
-      {
-        name: "Splunk",
-        linkURL: "https://bitwarden.com/help/splunk-siem/",
-        image: "../../../../../../../images/integrations/logo-splunk-black.svg",
-        imageDarkMode: "../../../../../../../images/integrations/splunk-darkmode.svg",
-        type: IntegrationType.EVENT,
-      },
-      {
-        name: "Microsoft Sentinel",
-        linkURL: "https://bitwarden.com/help/microsoft-sentinel-siem/",
-        image: "../../../../../../../images/integrations/logo-microsoft-sentinel-color.svg",
-        type: IntegrationType.EVENT,
-      },
-      {
-        name: "Rapid7",
-        linkURL: "https://bitwarden.com/help/rapid7-siem/",
-        image: "../../../../../../../images/integrations/logo-rapid7-black.svg",
-        imageDarkMode: "../../../../../../../images/integrations/rapid7-darkmode.svg",
-        type: IntegrationType.EVENT,
-      },
-      {
-        name: "Elastic",
-        linkURL: "https://bitwarden.com/help/elastic-siem/",
-        image: "../../../../../../../images/integrations/logo-elastic-badge-color.svg",
-        type: IntegrationType.EVENT,
-      },
-      {
-        name: "Panther",
-        linkURL: "https://bitwarden.com/help/panther-siem/",
-        image: "../../../../../../../images/integrations/logo-panther-round-color.svg",
-        type: IntegrationType.EVENT,
-      },
-      {
-        name: "Microsoft Intune",
-        linkURL: "https://bitwarden.com/help/deploy-browser-extensions-with-intune/",
-        image: "../../../../../../../images/integrations/logo-microsoft-intune-color.svg",
-        type: IntegrationType.DEVICE,
-      },
-    ];
-
    if (this.isEventBasedIntegrationsEnabled) {
      this.integrationsList.push({
        name: "Crowdstrike",