mirror of
https://github.com/bitwarden/browser
synced 2026-02-12 14:34:02 +00:00
* [SG-74] Trial Initiation Component with Vertical Stepper (#2913) * Vertical stepper PoC * Convert stepper css to tailwind * trial component start * trial component params * tailwind-ify header * Support teams, enterprise, and families layout param and more layout ui work * Some more theming fixes * Rename TrialModule to TrialInitiationModule * Stepper fixes, plus more functionality demo * Cleanup * layout params and placeholders * Only allow trial route to be hit if not logged in * fix typo * Use background-alt2 color for header * Move vertical stepper out of trial-initiation * Create components for the different plan types * Remove width on steps * Remove content projection for label * Tailwind style fixes * Extract step content into a component * Remove layout param for now * Remove step tags * remove pointer classes from step button * Remove most tailwind important designations * Update apps/web/src/app/modules/vertical-stepper/vertical-step.component.ts Co-authored-by: Oscar Hinton <Hinton@users.noreply.github.com> * Tailwind and layout fixes * Remove container * lint & prettier fixes * Remove extra CdkStep declaration * Styles fixes * Style logo directly * Remove 0 margin on image * Fix tiling and responsiveness * Minor padding fixes for org pages * Update apps/web/src/app/modules/trial-initiation/trial-initiation.component.html Co-authored-by: Oscar Hinton <Hinton@users.noreply.github.com> * prettier fix Co-authored-by: Oscar Hinton <Hinton@users.noreply.github.com> * [SG-65] Reusable Registration Form (#2946) * created reusable registration form * fixed conflicts * replicated reactive form changes in other clients * removed comments * client template cleanup * client template cleanup * removed comments in template file * changed to component suffix * switched show password to use component * comments resolution * comments resolution * added toast disable functionality * removed unused locale * mode custom input validator generic * fixed button * fixed linter * removed horizontal rule * switched to button component Co-authored-by: Oscar Hinton <Hinton@users.noreply.github.com> Co-authored-by: gbubemismith <gsmithwalter@gmail.com>
137 lines
5.0 KiB
TypeScript
137 lines
5.0 KiB
TypeScript
import { Component } from "@angular/core";
|
|
import { FormBuilder } from "@angular/forms";
|
|
import { ActivatedRoute, Router } from "@angular/router";
|
|
import { first } from "rxjs/operators";
|
|
|
|
import { RegisterComponent as BaseRegisterComponent } from "@bitwarden/angular/components/register.component";
|
|
import { ApiService } from "@bitwarden/common/abstractions/api.service";
|
|
import { AuthService } from "@bitwarden/common/abstractions/auth.service";
|
|
import { CryptoService } from "@bitwarden/common/abstractions/crypto.service";
|
|
import { EnvironmentService } from "@bitwarden/common/abstractions/environment.service";
|
|
import { FormValidationErrorsService } from "@bitwarden/common/abstractions/formValidationErrors.service";
|
|
import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
|
|
import { LogService } from "@bitwarden/common/abstractions/log.service";
|
|
import { PasswordGenerationService } from "@bitwarden/common/abstractions/passwordGeneration.service";
|
|
import { PlatformUtilsService } from "@bitwarden/common/abstractions/platformUtils.service";
|
|
import { PolicyService } from "@bitwarden/common/abstractions/policy.service";
|
|
import { StateService } from "@bitwarden/common/abstractions/state.service";
|
|
import { PolicyData } from "@bitwarden/common/models/data/policyData";
|
|
import { MasterPasswordPolicyOptions } from "@bitwarden/common/models/domain/masterPasswordPolicyOptions";
|
|
import { Policy } from "@bitwarden/common/models/domain/policy";
|
|
import { ReferenceEventRequest } from "@bitwarden/common/models/request/referenceEventRequest";
|
|
|
|
import { RouterService } from "../services/router.service";
|
|
|
|
@Component({
|
|
selector: "app-register",
|
|
templateUrl: "register.component.html",
|
|
})
|
|
export class RegisterComponent extends BaseRegisterComponent {
|
|
email = "";
|
|
showCreateOrgMessage = false;
|
|
layout = "";
|
|
enforcedPolicyOptions: MasterPasswordPolicyOptions;
|
|
|
|
private policies: Policy[];
|
|
|
|
constructor(
|
|
formValidationErrorService: FormValidationErrorsService,
|
|
formBuilder: FormBuilder,
|
|
authService: AuthService,
|
|
router: Router,
|
|
i18nService: I18nService,
|
|
cryptoService: CryptoService,
|
|
apiService: ApiService,
|
|
private route: ActivatedRoute,
|
|
stateService: StateService,
|
|
platformUtilsService: PlatformUtilsService,
|
|
passwordGenerationService: PasswordGenerationService,
|
|
private policyService: PolicyService,
|
|
environmentService: EnvironmentService,
|
|
logService: LogService,
|
|
private routerService: RouterService
|
|
) {
|
|
super(
|
|
formValidationErrorService,
|
|
formBuilder,
|
|
authService,
|
|
router,
|
|
i18nService,
|
|
cryptoService,
|
|
apiService,
|
|
stateService,
|
|
platformUtilsService,
|
|
passwordGenerationService,
|
|
environmentService,
|
|
logService
|
|
);
|
|
}
|
|
|
|
async ngOnInit() {
|
|
this.route.queryParams.pipe(first()).subscribe((qParams) => {
|
|
this.referenceData = new ReferenceEventRequest();
|
|
if (qParams.email != null && qParams.email.indexOf("@") > -1) {
|
|
this.email = qParams.email;
|
|
}
|
|
if (qParams.premium != null) {
|
|
this.routerService.setPreviousUrl("/settings/premium");
|
|
} else if (qParams.org != null) {
|
|
this.showCreateOrgMessage = true;
|
|
this.referenceData.flow = qParams.org;
|
|
const route = this.router.createUrlTree(["create-organization"], {
|
|
queryParams: { plan: qParams.org },
|
|
});
|
|
this.routerService.setPreviousUrl(route.toString());
|
|
}
|
|
if (qParams.layout != null) {
|
|
this.layout = this.referenceData.layout = qParams.layout;
|
|
}
|
|
if (qParams.reference != null) {
|
|
this.referenceData.id = qParams.reference;
|
|
} else {
|
|
this.referenceData.id = ("; " + document.cookie)
|
|
.split("; reference=")
|
|
.pop()
|
|
.split(";")
|
|
.shift();
|
|
}
|
|
// Are they coming from an email for sponsoring a families organization
|
|
if (qParams.sponsorshipToken != null) {
|
|
// After logging in redirect them to setup the families sponsorship
|
|
const route = this.router.createUrlTree(["setup/families-for-enterprise"], {
|
|
queryParams: { plan: qParams.sponsorshipToken },
|
|
});
|
|
this.routerService.setPreviousUrl(route.toString());
|
|
}
|
|
if (this.referenceData.id === "") {
|
|
this.referenceData.id = null;
|
|
}
|
|
});
|
|
const invite = await this.stateService.getOrganizationInvitation();
|
|
if (invite != null) {
|
|
try {
|
|
const policies = await this.apiService.getPoliciesByToken(
|
|
invite.organizationId,
|
|
invite.token,
|
|
invite.email,
|
|
invite.organizationUserId
|
|
);
|
|
if (policies.data != null) {
|
|
const policiesData = policies.data.map((p) => new PolicyData(p));
|
|
this.policies = policiesData.map((p) => new Policy(p));
|
|
}
|
|
} catch (e) {
|
|
this.logService.error(e);
|
|
}
|
|
}
|
|
|
|
if (this.policies != null) {
|
|
this.enforcedPolicyOptions = await this.policyService.getMasterPasswordPolicyOptions(
|
|
this.policies
|
|
);
|
|
}
|
|
|
|
await super.ngOnInit();
|
|
}
|
|
}
|