From 2eb371fcd6bbd6d2298752460e503e8a76f93b90 Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Thu, 13 Jun 2024 12:25:59 +0300
Subject: [PATCH] RED-9201 - fixed sorting and search by name

---
 .../component-mappings.service.ts             | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/apps/red-ui/src/app/services/entity-services/component-mappings.service.ts b/apps/red-ui/src/app/services/entity-services/component-mappings.service.ts
index 2aec147d7..95275f668 100644
--- a/apps/red-ui/src/app/services/entity-services/component-mappings.service.ts
+++ b/apps/red-ui/src/app/services/entity-services/component-mappings.service.ts
@@ -1,22 +1,18 @@
 import { Injectable } from '@angular/core';
 import { EntitiesService, QueryParam } from '@iqser/common-ui';
-import { ComponentMapping, IComponentMapping, IComponentMappingList } from '@red/domain';
+import { ComponentMapping, ComponentMappingList, IComponentMapping, IComponentMappingList } from '@red/domain';
 import { Observable } from 'rxjs';
-import { HeadersConfiguration, List } from '@common-ui/utils';
-
-interface CreateMappingParams {
-    dossierTemplateId: string;
-    name: string;
-    encoding: string;
-    delimiter: string;
-}
+import { List } from '@common-ui/utils';
+import { map } from 'rxjs/operators';
 
 @Injectable({
     providedIn: 'root',
 })
 export class ComponentMappingsService extends EntitiesService<IComponentMapping, ComponentMapping> {
     getComponentMappings(dossierTemplateId: string): Observable<IComponentMappingList> {
-        return this._http.get<IComponentMappingList>(`/api/dossier-templates/${dossierTemplateId}/component-mappings`);
+        return this._http
+            .get<IComponentMappingList>(`/api/dossier-templates/${dossierTemplateId}/component-mappings`)
+            .pipe(map(componentMappingList => this.#mapEntities(componentMappingList)));
     }
 
     createUpdateComponentMapping(
@@ -57,4 +53,12 @@ export class ComponentMappingsService extends EntitiesService<IComponentMapping,
             responseType: 'text',
         });
     }
+
+    #mapEntities(componentMappingList: IComponentMappingList) {
+        const componentMappings = componentMappingList.componentMappingList.map(m => new ComponentMapping(m));
+        return new ComponentMappingList({
+            dossierTemplateId: componentMappingList.dossierTemplateId,
+            componentMappingList: componentMappings,
+        });
+    }
 }