[AC-2504] Add new members access report card (#9335)

* Added new report card and FeatureFlag for MemberAccessReport

* Add new "isEnterpriseOrgGuard"

* Add member access icon

* Show upgrade organization dialog for enterprise on member access report click

* verify member access featureflag on enterprise org guard

* add comment with TODO information for follow up task

* Improved readability, removed path to wrong component and refactored buildReports to use the productType

* added TODO to remove the feature flag on cleanup

* changing ProductType to ProductTierType on isEnterpriseOrgGuard

apps/web/src/app/tools/reports/icons/report-member-access.icon.ts

@@ -0,0 +1,14 @@
+import { svgIcon } from "@bitwarden/components";
+
+export const MemberAccess = svgIcon`
+    <svg width="94" height="63" viewBox="0 0 94 63" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M70 10H2V46H12.3227H12.6806H46.2498H70V18.1286V10Z" fill="#518FFF"/>
+        <path d="M65.7419 1H6C3.23858 1 1 3.23858 1 6V42.2581C1 45.0195 3.23857 47.2581 6 47.2581H12.2835H12.6401H46.0818H65.7419C68.5034 47.2581 70.7419 45.0195 70.7419 42.2581V11.9933V6C70.7419 3.23858 68.5034 1 65.7419 1Z" stroke="white" stroke-width="2"/>
+        <circle cx="70.129" cy="27.0968" r="13.0968" fill="#175DDC" stroke="white" stroke-width="2"/>
+        <path d="M88.9315 61.8708C73.6363 61.8708 66.0989 61.8708 50.4248 61.8708C48.57 61.8708 47.8031 59.945 48.0426 58.4704C49.725 48.1136 58.9691 40.1934 70.1207 40.1934C81.2722 40.1934 90.5164 48.1136 92.1988 58.4704C92.5526 60.6485 91.3052 61.8708 88.9315 61.8708Z" fill="#175DDC" stroke="white" stroke-width="2"/>
+        <path d="M55.7419 5.61292V5.1613" stroke="white" stroke-width="2" stroke-linecap="round"/>
+        <path d="M59.8064 5.61292V5.1613" stroke="white" stroke-width="2" stroke-linecap="round"/>
+        <path d="M63.871 5.61292V5.1613" stroke="white" stroke-width="2" stroke-linecap="round"/>
+        <line x1="2" y1="9" x2="69.7419" y2="9" stroke="white" stroke-width="2"/>
+    </svg>
+`;

apps/web/src/app/tools/reports/reports.ts

@@ -1,6 +1,7 @@
 import { ReportBreach } from "./icons/report-breach.icon";
 import { ReportExposedPasswords } from "./icons/report-exposed-passwords.icon";
 import { ReportInactiveTwoFactor } from "./icons/report-inactive-two-factor.icon";
+import { MemberAccess } from "./icons/report-member-access.icon";
 import { ReportReusedPasswords } from "./icons/report-reused-passwords.icon";
 import { ReportUnsecuredWebsites } from "./icons/report-unsecured-websites.icon";
 import { ReportWeakPasswords } from "./icons/report-weak-passwords.icon";
@@ -13,6 +14,7 @@ export enum ReportType {
   UnsecuredWebsites = "unsecuredWebsites",
   Inactive2fa = "inactive2fa",
   DataBreach = "dataBreach",
+  MemberAccessReport = "memberAccessReport",
 }
 
 type ReportWithoutVariant = Omit<ReportEntry, "variant">;
@@ -54,4 +56,10 @@ export const reports: Record<ReportType, ReportWithoutVariant> = {
     route: "breach-report",
     icon: ReportBreach,
   },
+  [ReportType.MemberAccessReport]: {
+    title: "memberAccessReport",
+    description: "memberAccessReportDesc",
+    route: "member-access-report",
+    icon: MemberAccess,
+  },
 };

apps/web/src/app/tools/reports/shared/models/report-variant.ts

@@ -2,4 +2,5 @@ export enum ReportVariant {
   Enabled = "Enabled",
   RequiresPremium = "RequiresPremium",
   RequiresUpgrade = "RequiresUpgrade",
+  RequiresEnterprise = "RequiresEnterprise",
 }