mirror of
https://github.com/bitwarden/browser.git
synced 2024-10-09 05:57:40 +02:00
c35bbc522c
* Add export-web.component Introduce new export-web component Delete old component export.module - With export-web being standalone there's no need for a importModule Change routing to load new component * Prepare export.component to receive a orgId via the hosting-component * Remove unused onSaved as it's replaced by onSuccessfulExport * Refactor org-vault-export.component Introduce new org-vault-export.component.html as the old component relied on the markup from password manager Refactor org-vault-export.component Retrieve organizationId from Route and pass it into the shared export.component Ensure when exporting from AC to include all data from the selected org org-vault-export.module - With the new component being standalone there's no need for a importModule Change routing to load new org-vault-export component * PM-8641 - Add success toast to base-export component This ensures a success toast is shown on all clients consistently Add missing entries into clients messages.json --------- Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>
500 lines
16 KiB
TypeScript
500 lines
16 KiB
TypeScript
import { NgModule } from "@angular/core";
|
|
import { Route, RouterModule, Routes } from "@angular/router";
|
|
|
|
import {
|
|
AuthGuard,
|
|
lockGuard,
|
|
redirectGuard,
|
|
tdeDecryptionRequiredGuard,
|
|
UnauthGuard,
|
|
unauthGuardFn,
|
|
} from "@bitwarden/angular/auth/guards";
|
|
import { canAccessFeature } from "@bitwarden/angular/platform/guard/feature-flag.guard";
|
|
import {
|
|
AnonLayoutWrapperComponent,
|
|
AnonLayoutWrapperData,
|
|
RegistrationFinishComponent,
|
|
RegistrationStartComponent,
|
|
RegistrationStartSecondaryComponent,
|
|
RegistrationStartSecondaryComponentData,
|
|
} from "@bitwarden/auth/angular";
|
|
import { FeatureFlag } from "@bitwarden/common/enums/feature-flag.enum";
|
|
|
|
import { flagEnabled, Flags } from "../utils/flags";
|
|
|
|
import { VerifyRecoverDeleteOrgComponent } from "./admin-console/organizations/manage/verify-recover-delete-org.component";
|
|
import { AcceptFamilySponsorshipComponent } from "./admin-console/organizations/sponsorships/accept-family-sponsorship.component";
|
|
import { FamiliesForEnterpriseSetupComponent } from "./admin-console/organizations/sponsorships/families-for-enterprise-setup.component";
|
|
import { VerifyRecoverDeleteProviderComponent } from "./admin-console/providers/verify-recover-delete-provider.component";
|
|
import { CreateOrganizationComponent } from "./admin-console/settings/create-organization.component";
|
|
import { SponsoredFamiliesComponent } from "./admin-console/settings/sponsored-families.component";
|
|
import { deepLinkGuard } from "./auth/guards/deep-link.guard";
|
|
import { HintComponent } from "./auth/hint.component";
|
|
import { LockComponent } from "./auth/lock.component";
|
|
import { LoginDecryptionOptionsComponent } from "./auth/login/login-decryption-options/login-decryption-options.component";
|
|
import { LoginViaAuthRequestComponent } from "./auth/login/login-via-auth-request.component";
|
|
import { LoginViaWebAuthnComponent } from "./auth/login/login-via-webauthn/login-via-webauthn.component";
|
|
import { LoginComponent } from "./auth/login/login.component";
|
|
import { AcceptOrganizationComponent } from "./auth/organization-invite/accept-organization.component";
|
|
import { RecoverDeleteComponent } from "./auth/recover-delete.component";
|
|
import { RecoverTwoFactorComponent } from "./auth/recover-two-factor.component";
|
|
import { RemovePasswordComponent } from "./auth/remove-password.component";
|
|
import { SetPasswordComponent } from "./auth/set-password.component";
|
|
import { AccountComponent } from "./auth/settings/account/account.component";
|
|
import { EmergencyAccessComponent } from "./auth/settings/emergency-access/emergency-access.component";
|
|
import { EmergencyAccessViewComponent } from "./auth/settings/emergency-access/view/emergency-access-view.component";
|
|
import { SecurityRoutingModule } from "./auth/settings/security/security-routing.module";
|
|
import { SsoComponent } from "./auth/sso.component";
|
|
import { TrialInitiationComponent } from "./auth/trial-initiation/trial-initiation.component";
|
|
import { TwoFactorComponent } from "./auth/two-factor.component";
|
|
import { UpdatePasswordComponent } from "./auth/update-password.component";
|
|
import { UpdateTempPasswordComponent } from "./auth/update-temp-password.component";
|
|
import { VerifyEmailTokenComponent } from "./auth/verify-email-token.component";
|
|
import { VerifyRecoverDeleteComponent } from "./auth/verify-recover-delete.component";
|
|
import { EnvironmentSelectorComponent } from "./components/environment-selector/environment-selector.component";
|
|
import { DataProperties } from "./core";
|
|
import { FrontendLayoutComponent } from "./layouts/frontend-layout.component";
|
|
import { UserLayoutComponent } from "./layouts/user-layout.component";
|
|
import { DomainRulesComponent } from "./settings/domain-rules.component";
|
|
import { PreferencesComponent } from "./settings/preferences.component";
|
|
import { GeneratorComponent } from "./tools/generator.component";
|
|
import { ReportsModule } from "./tools/reports";
|
|
import { AccessComponent } from "./tools/send/access.component";
|
|
import { SendComponent } from "./tools/send/send.component";
|
|
import { VaultModule } from "./vault/individual-vault/vault.module";
|
|
|
|
const routes: Routes = [
|
|
{
|
|
path: "",
|
|
component: FrontendLayoutComponent,
|
|
data: { doNotSaveUrl: true } satisfies DataProperties,
|
|
children: [
|
|
{
|
|
path: "",
|
|
pathMatch: "full",
|
|
children: [], // Children lets us have an empty component.
|
|
canActivate: [redirectGuard()], // Redirects either to vault, login, or lock page.
|
|
},
|
|
{
|
|
path: "login-with-device",
|
|
component: LoginViaAuthRequestComponent,
|
|
data: { titleId: "loginWithDevice" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "login-with-passkey",
|
|
component: LoginViaWebAuthnComponent,
|
|
data: { titleId: "loginWithPasskey" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "admin-approval-requested",
|
|
component: LoginViaAuthRequestComponent,
|
|
data: { titleId: "adminApprovalRequested" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "login-initiated",
|
|
component: LoginDecryptionOptionsComponent,
|
|
canActivate: [tdeDecryptionRequiredGuard()],
|
|
},
|
|
{
|
|
path: "register",
|
|
component: TrialInitiationComponent,
|
|
canActivate: [UnauthGuard],
|
|
data: { titleId: "createAccount" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "trial",
|
|
redirectTo: "register",
|
|
pathMatch: "full",
|
|
},
|
|
{
|
|
path: "set-password",
|
|
component: SetPasswordComponent,
|
|
data: { titleId: "setMasterPassword" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "lock",
|
|
component: LockComponent,
|
|
canActivate: [deepLinkGuard(), lockGuard()],
|
|
},
|
|
{ path: "verify-email", component: VerifyEmailTokenComponent },
|
|
{
|
|
path: "accept-organization",
|
|
canActivate: [deepLinkGuard()],
|
|
component: AcceptOrganizationComponent,
|
|
data: { titleId: "joinOrganization", doNotSaveUrl: false } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "accept-families-for-enterprise",
|
|
component: AcceptFamilySponsorshipComponent,
|
|
canActivate: [deepLinkGuard()],
|
|
data: { titleId: "acceptFamilySponsorship", doNotSaveUrl: false } satisfies DataProperties,
|
|
},
|
|
{ path: "recover", pathMatch: "full", redirectTo: "recover-2fa" },
|
|
{
|
|
path: "verify-recover-delete-org",
|
|
component: VerifyRecoverDeleteOrgComponent,
|
|
canActivate: [UnauthGuard],
|
|
data: { titleId: "deleteOrganization" },
|
|
},
|
|
{
|
|
path: "verify-recover-delete-provider",
|
|
component: VerifyRecoverDeleteProviderComponent,
|
|
canActivate: [UnauthGuard],
|
|
data: { titleId: "deleteAccount" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "send/:sendId/:key",
|
|
component: AccessComponent,
|
|
data: { titleId: "Bitwarden Send" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "update-temp-password",
|
|
component: UpdateTempPasswordComponent,
|
|
canActivate: [AuthGuard],
|
|
data: { titleId: "updateTempPassword" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "update-password",
|
|
component: UpdatePasswordComponent,
|
|
canActivate: [AuthGuard],
|
|
data: { titleId: "updatePassword" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "migrate-legacy-encryption",
|
|
loadComponent: () =>
|
|
import("./auth/migrate-encryption/migrate-legacy-encryption.component").then(
|
|
(mod) => mod.MigrateFromLegacyEncryptionComponent,
|
|
),
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "",
|
|
component: AnonLayoutWrapperComponent,
|
|
children: [
|
|
{
|
|
path: "signup",
|
|
canActivate: [canAccessFeature(FeatureFlag.EmailVerification), unauthGuardFn()],
|
|
data: { pageTitle: "createAccount", titleId: "createAccount" } satisfies DataProperties &
|
|
AnonLayoutWrapperData,
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: RegistrationStartComponent,
|
|
},
|
|
{
|
|
path: "",
|
|
component: RegistrationStartSecondaryComponent,
|
|
outlet: "secondary",
|
|
data: {
|
|
loginRoute: "/login",
|
|
} satisfies RegistrationStartSecondaryComponentData,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "finish-signup",
|
|
canActivate: [canAccessFeature(FeatureFlag.EmailVerification), unauthGuardFn()],
|
|
data: {
|
|
pageTitle: "setAStrongPassword",
|
|
pageSubtitle: "finishCreatingYourAccountBySettingAPassword",
|
|
titleId: "setAStrongPassword",
|
|
} satisfies DataProperties & AnonLayoutWrapperData,
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: RegistrationFinishComponent,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "sso",
|
|
canActivate: [unauthGuardFn()],
|
|
data: {
|
|
pageTitle: "enterpriseSingleSignOn",
|
|
titleId: "enterpriseSingleSignOn",
|
|
} satisfies DataProperties & AnonLayoutWrapperData,
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: SsoComponent,
|
|
},
|
|
{
|
|
path: "",
|
|
component: EnvironmentSelectorComponent,
|
|
outlet: "environment-selector",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "login",
|
|
canActivate: [unauthGuardFn()],
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: LoginComponent,
|
|
},
|
|
{
|
|
path: "",
|
|
component: EnvironmentSelectorComponent,
|
|
outlet: "environment-selector",
|
|
},
|
|
],
|
|
data: {
|
|
pageTitle: "logIn",
|
|
},
|
|
},
|
|
{
|
|
path: "2fa",
|
|
canActivate: [unauthGuardFn()],
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: TwoFactorComponent,
|
|
},
|
|
{
|
|
path: "",
|
|
component: EnvironmentSelectorComponent,
|
|
outlet: "environment-selector",
|
|
},
|
|
],
|
|
data: {
|
|
pageTitle: "verifyIdentity",
|
|
} satisfies DataProperties & AnonLayoutWrapperData,
|
|
},
|
|
{
|
|
path: "recover-2fa",
|
|
canActivate: [unauthGuardFn()],
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: RecoverTwoFactorComponent,
|
|
},
|
|
{
|
|
path: "",
|
|
component: EnvironmentSelectorComponent,
|
|
outlet: "environment-selector",
|
|
},
|
|
],
|
|
data: {
|
|
pageTitle: "recoverAccountTwoStep",
|
|
titleId: "recoverAccountTwoStep",
|
|
} satisfies DataProperties & AnonLayoutWrapperData,
|
|
},
|
|
{
|
|
path: "accept-emergency",
|
|
canActivate: [deepLinkGuard()],
|
|
data: {
|
|
pageTitle: "emergencyAccess",
|
|
titleId: "acceptEmergency",
|
|
doNotSaveUrl: false,
|
|
} satisfies DataProperties & AnonLayoutWrapperData,
|
|
children: [
|
|
{
|
|
path: "",
|
|
loadComponent: () =>
|
|
import("./auth/emergency-access/accept/accept-emergency.component").then(
|
|
(mod) => mod.AcceptEmergencyComponent,
|
|
),
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "recover-delete",
|
|
canActivate: [unauthGuardFn()],
|
|
data: {
|
|
pageTitle: "deleteAccount",
|
|
titleId: "deleteAccount",
|
|
} satisfies DataProperties & AnonLayoutWrapperData,
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: RecoverDeleteComponent,
|
|
},
|
|
{
|
|
path: "",
|
|
component: EnvironmentSelectorComponent,
|
|
outlet: "environment-selector",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "verify-recover-delete",
|
|
canActivate: [unauthGuardFn()],
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: VerifyRecoverDeleteComponent,
|
|
data: {
|
|
pageTitle: "deleteAccount",
|
|
titleId: "deleteAccount",
|
|
} satisfies DataProperties & AnonLayoutWrapperData,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "hint",
|
|
canActivate: [unauthGuardFn()],
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: HintComponent,
|
|
data: {
|
|
pageTitle: "passwordHint",
|
|
titleId: "passwordHint",
|
|
} satisfies DataProperties & AnonLayoutWrapperData,
|
|
},
|
|
{
|
|
path: "",
|
|
component: EnvironmentSelectorComponent,
|
|
outlet: "environment-selector",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "remove-password",
|
|
component: RemovePasswordComponent,
|
|
canActivate: [AuthGuard],
|
|
data: {
|
|
pageTitle: "removeMasterPassword",
|
|
titleId: "removeMasterPassword",
|
|
} satisfies DataProperties & AnonLayoutWrapperData,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "",
|
|
component: UserLayoutComponent,
|
|
canActivate: [deepLinkGuard(), AuthGuard],
|
|
children: [
|
|
{
|
|
path: "vault",
|
|
loadChildren: () => VaultModule,
|
|
},
|
|
{
|
|
path: "sends",
|
|
component: SendComponent,
|
|
data: { titleId: "send" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "create-organization",
|
|
component: CreateOrganizationComponent,
|
|
data: { titleId: "newOrganization" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "settings",
|
|
children: [
|
|
{ path: "", pathMatch: "full", redirectTo: "account" },
|
|
{
|
|
path: "account",
|
|
component: AccountComponent,
|
|
data: { titleId: "myAccount" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "preferences",
|
|
component: PreferencesComponent,
|
|
data: { titleId: "preferences" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "security",
|
|
loadChildren: () => SecurityRoutingModule,
|
|
},
|
|
{
|
|
path: "domain-rules",
|
|
component: DomainRulesComponent,
|
|
data: { titleId: "domainRules" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "subscription",
|
|
loadChildren: () =>
|
|
import("./billing/individual/individual-billing.module").then(
|
|
(m) => m.IndividualBillingModule,
|
|
),
|
|
},
|
|
{
|
|
path: "emergency-access",
|
|
children: [
|
|
{
|
|
path: "",
|
|
component: EmergencyAccessComponent,
|
|
data: { titleId: "emergencyAccess" } satisfies DataProperties,
|
|
},
|
|
{
|
|
path: ":id",
|
|
component: EmergencyAccessViewComponent,
|
|
data: { titleId: "emergencyAccess" } satisfies DataProperties,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "sponsored-families",
|
|
component: SponsoredFamiliesComponent,
|
|
data: { titleId: "sponsoredFamilies" } satisfies DataProperties,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "tools",
|
|
canActivate: [AuthGuard],
|
|
children: [
|
|
{ path: "", pathMatch: "full", redirectTo: "generator" },
|
|
{
|
|
path: "import",
|
|
loadComponent: () =>
|
|
import("./tools/import/import-web.component").then((mod) => mod.ImportWebComponent),
|
|
data: {
|
|
titleId: "importData",
|
|
} satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "export",
|
|
loadComponent: () =>
|
|
import("./tools/vault-export/export-web.component").then(
|
|
(mod) => mod.ExportWebComponent,
|
|
),
|
|
data: {
|
|
titleId: "exportVault",
|
|
} satisfies DataProperties,
|
|
},
|
|
{
|
|
path: "generator",
|
|
component: GeneratorComponent,
|
|
data: { titleId: "generator" } satisfies DataProperties,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
path: "reports",
|
|
loadChildren: () => ReportsModule,
|
|
},
|
|
{ path: "setup/families-for-enterprise", component: FamiliesForEnterpriseSetupComponent },
|
|
],
|
|
},
|
|
{
|
|
path: "organizations",
|
|
loadChildren: () =>
|
|
import("./admin-console/organizations/organization.module").then((m) => m.OrganizationModule),
|
|
},
|
|
];
|
|
|
|
@NgModule({
|
|
imports: [
|
|
RouterModule.forRoot(routes, {
|
|
useHash: true,
|
|
paramsInheritanceStrategy: "always",
|
|
// enableTracing: true,
|
|
}),
|
|
],
|
|
exports: [RouterModule],
|
|
})
|
|
export class OssRoutingModule {}
|
|
|
|
export function buildFlaggedRoute(flagName: keyof Flags, route: Route): Route {
|
|
return flagEnabled(flagName)
|
|
? route
|
|
: {
|
|
path: route.path,
|
|
redirectTo: "/",
|
|
};
|
|
}
|