From 7a22afcae32c4c5fe4ee38dd558c6c16300a286f Mon Sep 17 00:00:00 2001
From: Jason Ng <jng@bitwarden.com>
Date: Wed, 24 Jul 2024 15:28:27 -0400
Subject: [PATCH] PM-9924 add middle name field to Identity Edit Page (#10252)

---
 .../cipher-form/components/identity/identity.component.html | 6 ++++++
 .../cipher-form/components/identity/identity.component.ts   | 3 +++
 2 files changed, 9 insertions(+)

diff --git a/libs/vault/src/cipher-form/components/identity/identity.component.html b/libs/vault/src/cipher-form/components/identity/identity.component.html
index 09abfb6b15..bd21aeef3c 100644
--- a/libs/vault/src/cipher-form/components/identity/identity.component.html
+++ b/libs/vault/src/cipher-form/components/identity/identity.component.html
@@ -23,6 +23,12 @@
         </bit-label>
         <input bitInput formControlName="firstName" />
       </bit-form-field>
+      <bit-form-field>
+        <bit-label>
+          {{ "middleName" | i18n }}
+        </bit-label>
+        <input bitInput formControlName="middleName" />
+      </bit-form-field>
       <bit-form-field>
         <bit-label>
           {{ "lastName" | i18n }}
diff --git a/libs/vault/src/cipher-form/components/identity/identity.component.ts b/libs/vault/src/cipher-form/components/identity/identity.component.ts
index a5545815e3..bc5823dcd1 100644
--- a/libs/vault/src/cipher-form/components/identity/identity.component.ts
+++ b/libs/vault/src/cipher-form/components/identity/identity.component.ts
@@ -53,6 +53,7 @@ export class IdentitySectionComponent implements OnInit {
   protected identityForm = this.formBuilder.group({
     title: [null],
     firstName: [""],
+    middleName: [""],
     lastName: [""],
     username: [""],
     company: [""],
@@ -80,6 +81,7 @@ export class IdentitySectionComponent implements OnInit {
       const data = new IdentityView();
       data.title = value.title;
       data.firstName = value.firstName;
+      data.middleName = value.middleName;
       data.lastName = value.lastName;
       data.username = value.username;
       data.company = value.company;
@@ -118,6 +120,7 @@ export class IdentitySectionComponent implements OnInit {
     this.identityForm.setValue({
       title: identity.title,
       firstName: identity.firstName,
+      middleName: identity.middleName,
       lastName: identity.lastName,
       username: identity.username,
       company: identity.company,