PRIME-2653 double quote special character in alternate name

prime-angular-frontend/src/app/modules/adjudication/shared/components/authorized-user-review/authorized-user-review.component.html

@@ -10,15 +10,15 @@
 
   <ng-container *ngIf="user?.preferredFirstName">
     <app-enrollee-property title="Alternate First Name">
-      {{ user?.preferredFirstName | default }}
+      {{ user?.preferredFirstName | alternateName | default }}
     </app-enrollee-property>
 
     <app-enrollee-property title="Alternate Middle Name">
-      {{ user?.preferredMiddleName | default }}
+      {{ user?.preferredMiddleName | alternateName | default }}
     </app-enrollee-property>
 
     <app-enrollee-property title="Alternate Last Name">
-      {{ user?.preferredLastName | default }}
+      {{ user?.preferredLastName | alternateName | default }}
     </app-enrollee-property>
   </ng-container>
 

prime-angular-frontend/src/app/shared/components/enrollee/enrollee-review/enrollee-review.component.html

@@ -18,15 +18,15 @@
 
   <ng-container *ngIf="hasPreferredName; else noPreferredName">
     <app-enrollee-property title="Alternate First Name">
-      {{ enrollee?.preferredFirstName | default }}
+      {{ enrollee?.preferredFirstName | alternateName | default }}
     </app-enrollee-property>
 
     <app-enrollee-property title="Alternate Middle Name">
-      {{ enrollee?.preferredMiddleName | default }}
+      {{ enrollee?.preferredMiddleName | alternateName | default }}
     </app-enrollee-property>
 
     <app-enrollee-property title="Alternate Last Name">
-      {{ enrollee?.preferredLastName | default }}
+      {{ enrollee?.preferredLastName | alternateName | default }}
     </app-enrollee-property>
   </ng-container>
 

prime-angular-frontend/src/app/shared/pipes/alternate-name.pipe.spec.ts

@@ -0,0 +1,32 @@
+import { AlternateNamePipe } from './alternate-name.pipe';
+
+describe('AlternateNamePipe', () => {
+  let pipe: AlternateNamePipe;
+  beforeEach(() => pipe = new AlternateNamePipe());
+
+  it('create an instance', () => expect(pipe).toBeTruthy());
+
+  it('should remain the same', () => {
+    const results = [
+      pipe.transform('John.Smith'),
+      pipe.transform('John-Smith'),
+      pipe.transform('John Smith'),
+      pipe.transform('John\'Smith')
+    ];
+    results.forEach(result => expect(result).toBe(result));
+  });
+
+  it('should be double quoted', () => {
+    const results = [
+      pipe.transform('John.'),
+      pipe.transform('John-'),
+      pipe.transform('John '),
+      pipe.transform('John\''),
+      pipe.transform('.Smith'),
+      pipe.transform('-Smith'),
+      pipe.transform(' Smith'),
+      pipe.transform('\'Smith')
+    ];
+    results.forEach(result => expect(result).toContain('\"'));
+  });
+});

prime-angular-frontend/src/app/shared/pipes/alternate-name.pipe.ts

@@ -0,0 +1,17 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'alternateName'
+})
+export class AlternateNamePipe implements PipeTransform {
+  public transform(name: any): any {
+    if (typeof name === 'string') {
+      // add couple quote if ends or starts from one of special characters
+      if (name.endsWith(" ", name.length) || name.endsWith("-", name.length) || name.endsWith("'", name.length) || name.endsWith(".", name.length) ||
+        name.startsWith(" ", 0) || name.startsWith("-", 0) || name.startsWith("'", 0) || name.startsWith(".", 0)) {
+        name = `"${name}"`;
+      }
+    }
+    return name;
+  }
+}

prime-angular-frontend/src/app/shared/shared.module.ts

@@ -131,6 +131,7 @@ import { HealthAuthSiteOverviewContainerComponent } from './components/health-au
 import { EmailFormComponent } from './components/forms/email-form/email-form.component';
 import { ChangeVendorNoteComponent } from './components/dialogs/content/change-vendor-note/change-vendor-note.component';
 import { TransferHASiteComponent } from './components/dialogs/content/transfer-ha-site/transfer-ha-site.component';
+import { AlternateNamePipe } from './pipes/alternate-name.pipe';
 import { SiteArchiveRestoreComponent } from './components/dialogs/content/site-archive-restore/site-archive-restore.component';
 import { ChangeTermsOfAccessComponent } from './components/dialogs/content/terms-of-access/terms-of-access.component';
 import { LinkSiteComponent } from './components/dialogs/content/link-site/link-site.component';
@@ -158,6 +159,7 @@ import { LinkSiteComponent } from './components/dialogs/content/link-site/link-s
     HealthAuthorityVendorPipe,
     LicenseNumberLabelPipe,
     CollegeNamePipe,
+    AlternateNamePipe,
     AddressFormComponent,
     ConfirmDialogComponent,
     HtmlComponent,
@@ -288,6 +290,7 @@ import { LinkSiteComponent } from './components/dialogs/content/link-site/link-s
     HealthAuthorityVendorPipe,
     LicenseNumberLabelPipe,
     CollegeNamePipe,
+    AlternateNamePipe,
     AddressFormComponent,
     PageComponent,
     PageHeaderComponent,