From 86323532b88a05bdd50ac0daf201e9408cd3096b Mon Sep 17 00:00:00 2001
From: Jared Snider <jsnider@bitwarden.com>
Date: Thu, 16 May 2024 13:40:36 -0400
Subject: [PATCH] PM-5086 - more WIP progress on registration start comp

---
 .../registration-start.component.html                |  8 ++++++--
 .../registration-start.component.ts                  | 12 +++++++++---
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/libs/auth/src/angular/registration/registration-start/registration-start.component.html b/libs/auth/src/angular/registration/registration-start/registration-start.component.html
index a0dec38e20..fa26e8e58f 100644
--- a/libs/auth/src/angular/registration/registration-start/registration-start.component.html
+++ b/libs/auth/src/angular/registration/registration-start/registration-start.component.html
@@ -1,5 +1,5 @@
 <div class="tw-max-w-[28rem] tw-min-w-[28rem]">
-  <form [formGroup]="formGroup" (ngSubmit)="submit()">
+  <form [formGroup]="formGroup" [bitSubmit]="submit">
     <bit-form-field>
       <bit-label>{{ "emailAddress" | i18n }}</bit-label>
       <input
@@ -7,7 +7,7 @@
         bitInput
         type="email"
         formControlName="email"
-        [attr.readonly]="queryParamFromOrgInvite ? true : null"
+        [attr.readonly]="emailReadonly ? true : null"
       />
     </bit-form-field>
 
@@ -34,5 +34,9 @@
         }}</a>
       </bit-label>
     </bit-form-control>
+
+    <button [block]="true" type="submit" buttonType="primary" bitButton bitFormButton>
+      {{ "continue" | i18n }}
+    </button>
   </form>
 </div>
diff --git a/libs/auth/src/angular/registration/registration-start/registration-start.component.ts b/libs/auth/src/angular/registration/registration-start/registration-start.component.ts
index 771002e2dc..75c23da8a3 100644
--- a/libs/auth/src/angular/registration/registration-start/registration-start.component.ts
+++ b/libs/auth/src/angular/registration/registration-start/registration-start.component.ts
@@ -13,7 +13,12 @@ import { Subject, takeUntil } from "rxjs";
 
 import { JslibModule } from "@bitwarden/angular/jslib.module";
 import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
-import { ButtonModule, CheckboxModule, FormFieldModule } from "@bitwarden/components";
+import {
+  AsyncActionsModule,
+  ButtonModule,
+  CheckboxModule,
+  FormFieldModule,
+} from "@bitwarden/components";
 
 @Component({
   standalone: true,
@@ -24,12 +29,13 @@ import { ButtonModule, CheckboxModule, FormFieldModule } from "@bitwarden/compon
     ReactiveFormsModule,
     JslibModule,
     FormFieldModule,
+    AsyncActionsModule,
     CheckboxModule,
     ButtonModule,
   ],
 })
 export class RegistrationStartComponent implements OnInit, OnDestroy {
-  queryParamFromOrgInvite: boolean = false;
+  emailReadonly: boolean = false;
 
   showTerms = true;
 
@@ -67,7 +73,7 @@ export class RegistrationStartComponent implements OnInit, OnDestroy {
     this.route.queryParams.pipe(takeUntil(this.destroy$)).subscribe((qParams) => {
       if (qParams.email != null && qParams.email.indexOf("@") > -1) {
         this.email?.setValue(qParams.email);
-        this.queryParamFromOrgInvite = qParams.fromOrgInvite === "true";
+        this.emailReadonly = qParams.emailReadonly === "true";
       }
     });
   }