From 07ce7a4493b67df77379f3d598375cee670e3e36 Mon Sep 17 00:00:00 2001
From: Cecilia	Varnava <cecilia.varnava@arbetsformedlingen.se>
Date: Fri, 2 Jul 2021 13:03:28 +0200
Subject: [PATCH] Merge pull request #34 in TEA/dafa-web-monorepo from
 feature/TV-271-participant-hide-show-ssn to develop

Squashed commit of the following:

commit aa442dd054833d8004f50250110c817db761494c
Author: Cecilia Varnava <cecilia.varnava@arbetsformedlingen.se>
Date:   Fri Jun 18 14:30:37 2021 +0200

    TV-271 add hide ssn component to participant page
---
 .../participant-card.component.html             |  8 +++++++-
 .../participant-card/participant-card.module.ts |  2 ++
 .../src/app/shared/models/participant.model.ts  | 17 ++++++++++++++++-
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html
index 2f4b132..e62051c 100644
--- a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html
+++ b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.component.html
@@ -19,7 +19,13 @@
             <dt>Namn</dt>
             <dd *ngIf="detailedParticipantData.fullName; else emptyDD">{{ detailedParticipantData.fullName }}</dd>
             <dt>Personnummer</dt>
-            <dd *ngIf="detailedParticipantData.ssn; else emptyDD">{{ detailedParticipantData.ssn }}</dd>
+            <dd *ngIf="detailedParticipantData.ssn; else emptyDD">
+              <dafa-hide-text
+                symbols="********-****"
+                [changingText]="detailedParticipantData.ssn"
+                ariaLabelType="personnummer"
+              ></dafa-hide-text>
+            </dd>
           </dl>
 
           <h3>Särskilda behov</h3>
diff --git a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts
index 6d0587f..8a08a1f 100644
--- a/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts
+++ b/apps/dafa-web/src/app/pages/participants/pages/participant-card/participant-card.module.ts
@@ -6,6 +6,7 @@ import { BackLinkModule } from '@dafa-shared/components/back-link/back-link.modu
 import { IconModule } from '@dafa-shared/components/icon/icon.module';
 import { LayoutModule } from '@dafa-shared/components/layout/layout.module';
 import { ParticipantCardComponent } from './participant-card.component';
+import { HideTextModule } from '@dafa-shared/components/hide-text/hide-text.module';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -17,6 +18,7 @@ import { ParticipantCardComponent } from './participant-card.component';
     DigiNgLinkInternalModule,
     IconModule,
     BackLinkModule,
+    HideTextModule,
   ],
   exports: [ParticipantCardComponent],
 })
diff --git a/apps/dafa-web/src/app/shared/models/participant.model.ts b/apps/dafa-web/src/app/shared/models/participant.model.ts
index faf70d7..d682ca1 100644
--- a/apps/dafa-web/src/app/shared/models/participant.model.ts
+++ b/apps/dafa-web/src/app/shared/models/participant.model.ts
@@ -7,6 +7,7 @@ export interface Participant {
   firstName: string;
   lastName: string;
   fullName: string;
+  ssn: string;
   status: ParticipantStatus;
   nextStep: string;
   service: Service;
@@ -29,6 +30,7 @@ export interface ParticipantApiResponseData {
   id: string;
   firstName: string;
   lastName: string;
+  ssn: string;
   status: ParticipantStatus;
   nextStep: string;
   service: Service;
@@ -39,12 +41,25 @@ export interface ParticipantApiResponseData {
 }
 
 export function mapParticipantApiResponseToParticipant(data: ParticipantApiResponseData): Participant {
-  const { id, firstName, lastName, status, nextStep, service, errandNumber, startDate, endDate, handleBefore } = data;
+  const {
+    id,
+    firstName,
+    lastName,
+    ssn,
+    status,
+    nextStep,
+    service,
+    errandNumber,
+    startDate,
+    endDate,
+    handleBefore,
+  } = data;
   return {
     id,
     firstName,
     lastName,
     fullName: `${firstName} ${lastName}`,
+    ssn,
     status,
     nextStep,
     service,