+
diff --git a/apps/web/src/app/secrets-manager/secrets-manager-landing/sm-landing.component.ts b/apps/web/src/app/secrets-manager/secrets-manager-landing/sm-landing.component.ts
new file mode 100644
index 0000000000..392f8403bd
--- /dev/null
+++ b/apps/web/src/app/secrets-manager/secrets-manager-landing/sm-landing.component.ts
@@ -0,0 +1,76 @@
+import { Component } from "@angular/core";
+
+import { OrganizationService } from "@bitwarden/common/admin-console/abstractions/organization/organization.service.abstraction";
+import { Organization } from "@bitwarden/common/admin-console/models/domain/organization";
+import { NoItemsModule, SearchModule } from "@bitwarden/components";
+
+import { HeaderModule } from "../../layouts/header/header.module";
+import { SharedModule } from "../../shared/shared.module";
+
+@Component({
+ selector: "app-sm-landing",
+ standalone: true,
+ imports: [SharedModule, SearchModule, NoItemsModule, HeaderModule],
+ templateUrl: "sm-landing.component.html",
+})
+export class SMLandingComponent {
+ tryItNowUrl: string;
+ learnMoreUrl: string = "https://bitwarden.com/help/secrets-manager-overview/";
+ imageSrc: string = "../images/sm.webp";
+ showSecretsManagerInformation: boolean = true;
+ showGiveMembersAccessInstructions: boolean = false;
+
+ constructor(private organizationService: OrganizationService) {}
+
+ async ngOnInit() {
+ const enabledOrganizations = (await this.organizationService.getAll()).filter((e) => e.enabled);
+
+ if (enabledOrganizations.length > 0) {
+ this.handleEnabledOrganizations(enabledOrganizations);
+ } else {
+ // Person is not part of any orgs they need to be in an organization in order to use SM
+ this.tryItNowUrl = "/create-organization";
+ }
+ }
+
+ private handleEnabledOrganizations(enabledOrganizations: Organization[]) {
+ // People get to this page because SM (Secrets Manager) isn't enabled for them (or the Organization they are a part of)
+ // 1 - SM is enabled for the Organization but not that user
+ //1a - person is Admin+ (Admin or higher) and just needs instructions on how to enable it for themselves
+ //1b - person is beneath admin status and needs to request SM access from Administrators/Owners
+ // 2 - SM is not enabled for the organization yet
+ //2a - person is Owner/Provider - Direct them to the subscription/billing page
+ //2b - person is Admin - Direct them to request access page where an email is sent to owner/admins
+ //2c - person is user - Direct them to request access page where an email is sent to owner/admins
+
+ // We use useSecretsManager because we want to get the first org the person is a part of where SM is enabled but they don't have access enabled yet
+ const adminPlusNeedsInstructionsToEnableSM = enabledOrganizations.find(
+ (o) => o.isAdmin && o.useSecretsManager,
+ );
+ const ownerNeedsToEnableSM = enabledOrganizations.find(
+ (o) => o.isOwner && !o.useSecretsManager,
+ );
+
+ // 1a If Organization has SM Enabled, but this logged in person does not have it enabled, but they are admin+ then give them instructions to enable.
+ if (adminPlusNeedsInstructionsToEnableSM != undefined) {
+ this.showHowToEnableSMForMembers(adminPlusNeedsInstructionsToEnableSM.id);
+ }
+ // 2a Owners can enable SM in the subscription area of Admin Console.
+ else if (ownerNeedsToEnableSM != undefined) {
+ this.tryItNowUrl = `/organizations/${ownerNeedsToEnableSM.id}/billing/subscription`;
+ }
+ // 1b and 2b 2c, they must be lower than an Owner, and they need access, or want their org to have access to SM.
+ else {
+ this.tryItNowUrl = "/request-sm-access";
+ }
+ }
+
+ private showHowToEnableSMForMembers(orgId: string) {
+ this.showGiveMembersAccessInstructions = true;
+ this.showSecretsManagerInformation = false;
+ this.learnMoreUrl =
+ "https://bitwarden.com/help/secrets-manager-quick-start/#give-members-access";
+ this.imageSrc = "../images/sm-give-access.png";
+ this.tryItNowUrl = `/organizations/${orgId}/members`;
+ }
+}
diff --git a/apps/web/src/images/sm-give-access.png b/apps/web/src/images/sm-give-access.png
new file mode 100644
index 0000000000000000000000000000000000000000..0bd8a33d109cf83d9f8b921783c29551aa0836eb
GIT binary patch
literal 537122
zcmb5WcT`gUA3t92hAp-2Lapqrm3t)O%uH=KGRqN;Ow&xk05_tQrIm`6TO6giSEd5u
zs!Yj&
+
+
+
+
+
+
+
+
+
+ {{ "learnMore" | i18n }}
+
+
+{{ "bitwardenSecretsManager" | i18n }}
++ {{ "developmentDevOpsAndITTeamsChooseBWSecret" | i18n }} +
+-
+
- + {{ "centralizeSecretsManagement" | i18n }} + {{ "centralizeSecretsManagementDescription" | i18n }} + +
- + {{ "preventSecretLeaks" | i18n }} {{ "preventSecretLeaksDescription" | i18n }} + +
- + {{ "enhanceDeveloperProductivity" | i18n }} + {{ "enhanceDeveloperProductivityDescription" | i18n }} + +
- + {{ "strengthenBusinessSecurity" | i18n }} + {{ "strengthenBusinessSecurityDescription" | i18n }} + +
+ {{ "giveMembersAccess" | i18n }} +
+-
+
- + {{ "openYourOrganizations" | i18n }} {{ "members" | i18n }} + {{ "viewAndSelectTheMembers" | i18n }} + +
- + {{ "usingTheMenuSelect" | i18n }} {{ "activateSecretsManager" | i18n }} + {{ "toGrantAccessToSelectedMembers" | i18n }} + +