geonetwork-ui 2.10.0-dev.88fb568d7 → 2.10.0-dev.89f0dfe6f

package/src/libs/api/metadata-converter/src/lib/fixtures/sextant.records.ts

@@ -82,6 +82,7 @@ export const SEXTANT_BATHYMETRY_DATASET_RECORD: DatasetRecord = {
                 Le pas de la grille est de 25m.
                 Produit interne Ifremer.`,
   lineage: '',
+  sourceRecords: [],
   ownerOrganization: null,
   recordUpdated: new Date('2020-06-03T22:34:05.000Z'),
   resourceUpdated: new Date('2020-06-03T22:34:05.000Z'),
@@ -322,6 +323,7 @@ export const SEXTANT_CURRENTS_DATASET_RECORD: CatalogRecord = {
   ],
   lineage:
     'Sallée, J.B.; Speer, K and Morrow, R. Southern Ocean fronts and their variability to climate modes, Journ. of Climate, 2008, Vol. 21(12), pp. 3020-3039',
+  sourceRecords: [],
   onlineResources: [
     {
       name: 'Digital Object Identifier (DOI)',

package/src/libs/api/metadata-converter/src/lib/fixtures/vlaanderen.dcat-ap.records.ts

@@ -68,6 +68,7 @@ export const VLAANDEREN_DATASET_RECORD: DatasetRecord = {
   temporalExtents: [],
   topics: ['biodiversity'],
   lineage: '',
+  sourceRecords: [],
   recordUpdated: new Date('2024-09-19T01:15:09.732Z'),
   resourceUpdated: new Date('2021-04-14T11:15+02:00'),
   status: 'completed',

package/src/libs/api/metadata-converter/src/lib/fixtures/wallonie.records.reuse.ts

@@ -447,5 +447,13 @@ export const WALLONIE_REUSE_SPW_RECORD: ReuseRecord = {
     'https://metawal.wallonie.be/geonetwork/srv/api/records/83809bcd-1763-4d28-b820-2b9828083ba5'
   ),
   lineage: "L'application a été développée sur base de l'API GeoViewer",
+  sourceRecords: [
+    {
+      uuid: 'ee965118-2416-4d48-b07e-bbc696f002c2',
+      title:
+        'SCoT (Schéma de cohérence territoriale) en région Hauts-de-France',
+      href: 'https://metawal.wallonie.be/geonetwork/srv/api/records/ee965118-2416-4d48-b07e-bbc696f002c2',
+    },
+  ],
   temporalExtents: [],
 }

package/src/libs/api/metadata-converter/src/lib/gn4/gn4.converter.ts

@@ -24,6 +24,7 @@ export class Gn4Converter extends BaseConverter<Gn4Record> {
       kind: 'dataset',
       status: null,
       lineage: null,
+      sourceRecords: [],
       recordUpdated: null,
       recordPublished: null,
       ownerOrganization: null,

package/src/libs/api/metadata-converter/src/lib/iso19115-3/iso19115-3.converter.ts

@@ -9,6 +9,7 @@ import {
   readKind,
   readLandingPage,
   readLineage,
+  readSourceRecords,
   readOnlineResources,
   readOtherLanguages,
   readOwnerOrganization,
@@ -25,6 +26,7 @@ import {
   writeKind,
   writeLandingPage,
   writeLineage,
+  writeSourceRecords,
   writeOnlineResources,
   writeOtherLanguages,
   writeRecordCreated,
@@ -53,6 +55,7 @@ export class Iso191153Converter extends Iso19139Converter {
     this.readers['ownerOrganization'] = readOwnerOrganization
     this.readers['landingPage'] = readLandingPage
     this.readers['lineage'] = readLineage
+    this.readers['sourceRecords'] = readSourceRecords
     this.readers['onlineResources'] = readOnlineResources
     this.readers['defaultLanguage'] = readDefaultLanguage
     this.readers['otherLanguages'] = readOtherLanguages
@@ -72,6 +75,7 @@ export class Iso191153Converter extends Iso19139Converter {
     this.writers['ownerOrganization'] = () => undefined // fixme: find a way to store this value properly
     this.writers['landingPage'] = writeLandingPage
     this.writers['lineage'] = writeLineage
+    this.writers['sourceRecords'] = writeSourceRecords
     this.writers['onlineResources'] = writeOnlineResources
     this.writers['status'] = writeStatus
     this.writers['spatialRepresentation'] = writeSpatialRepresentation
@@ -167,6 +171,9 @@ export class Iso191153Converter extends Iso19139Converter {
       'gmd:fileName': 'mcc:fileName',
       'gmd:fileDescription': 'mcc:fileDescription',
 
+      // lineage sources
+      'gmd:source': 'mrl:source',
+
       // no more URL elements
       'gmd:URL': 'gco:CharacterString',
     })

package/src/libs/api/metadata-converter/src/lib/iso19115-3/read-parts.ts

@@ -21,6 +21,7 @@ import {
   extractCharacterString,
   extractDatasetOnlineResources,
   extractDateTime,
+  extractSourceRecords,
   extractLocalizedCharacterString,
   extractReuseOnlineResources,
   extractRole,
@@ -31,6 +32,7 @@ import {
 import {
   Individual,
   LanguageCode,
+  SourceRecord,
   OnlineResource,
   Organization,
   OrganizationTranslations,
@@ -291,6 +293,12 @@ export function readLineage(
   )(rootEl)
 }
 
+export function readSourceRecords(rootEl: XmlElement): SourceRecord[] {
+  return extractSourceRecords(
+    pipe(findNestedElement('mdb:resourceLineage', 'mrl:LI_Lineage'))(rootEl)
+  )
+}
+
 function extractDateInfo(
   type: 'creation' | 'revision' | 'publication'
 ): ChainableFunction<XmlElement, Date> {

package/src/libs/api/metadata-converter/src/lib/iso19115-3/write-parts.ts

@@ -34,6 +34,7 @@ import {
 } from '../function-utils'
 import {
   appendKeywords,
+  appendSourceRecords,
   appendOnlineResource,
   appendServiceOnlineResources,
   createDistributionInfo,
@@ -564,3 +565,10 @@ export function writeOtherLanguages(record: DatasetRecord, rootEl: XmlElement) {
     )
   )(rootEl)
 }
+
+export function writeSourceRecords(record: DatasetRecord, rootEl: XmlElement) {
+  pipe(
+    findNestedChildOrCreate('mdb:resourceLineage', 'mrl:LI_Lineage'),
+    appendSourceRecords(record.sourceRecords)
+  )(rootEl)
+}

package/src/libs/api/metadata-converter/src/lib/iso19139/iso19139.converter.ts

@@ -30,6 +30,7 @@ import {
   readLegalConstraints,
   readLicenses,
   readLineage,
+  readSourceRecords,
   readOnlineResources,
   readOtherConstraints,
   readOtherLanguages,
@@ -62,6 +63,7 @@ import {
   writeLegalConstraints,
   writeLicenses,
   writeLineage,
+  writeSourceRecords,
   writeOnlineResources,
   writeOtherConstraints,
   writeRecordUpdated,
@@ -112,6 +114,7 @@ export class Iso19139Converter extends BaseConverter<string> {
     spatialRepresentation: readSpatialRepresentation,
     overviews: readOverviews,
     lineage: readLineage,
+    sourceRecords: readSourceRecords,
     onlineResources: readOnlineResources,
     temporalExtents: readTemporalExtents,
     spatialExtents: readSpatialExtents,
@@ -153,6 +156,7 @@ export class Iso19139Converter extends BaseConverter<string> {
     spatialRepresentation: writeSpatialRepresentation,
     overviews: writeGraphicOverviews,
     lineage: writeLineage,
+    sourceRecords: writeSourceRecords,
     onlineResources: writeOnlineResources,
     temporalExtents: writeTemporalExtents,
     spatialExtents: writeSpatialExtents,
@@ -295,6 +299,7 @@ export class Iso19139Converter extends BaseConverter<string> {
       )
       const temporalExtents = this.readers['temporalExtents'](rootEl, tr)
       const lineage = this.readers['lineage'](rootEl, tr)
+      const sourceRecords = this.readers['sourceRecords'](rootEl, tr)
       const updateFrequency = this.readers['updateFrequency'](rootEl, tr)
 
       return this.afterRecordRead({
@@ -302,6 +307,7 @@ export class Iso19139Converter extends BaseConverter<string> {
         kind,
         status,
         lineage,
+        ...(sourceRecords && { sourceRecords }),
         ...(spatialRepresentation && { spatialRepresentation }),
         temporalExtents,
         updateFrequency,
@@ -309,6 +315,7 @@ export class Iso19139Converter extends BaseConverter<string> {
       } as DatasetRecord)
     } else if (kind === 'reuse') {
       const lineage = this.readers['lineage'](rootEl, tr)
+      const sourceRecords = this.readers['sourceRecords'](rootEl, tr)
       const temporalExtents = this.readers['temporalExtents'](rootEl, tr)
       const reuseType = this.readers['reuseType'](rootEl, tr)
 
@@ -316,6 +323,7 @@ export class Iso19139Converter extends BaseConverter<string> {
         ...this.readBaseRecord(rootEl, tr),
         kind,
         lineage,
+        ...(sourceRecords && { sourceRecords }),
         temporalExtents,
         reuseType,
       } as ReuseRecord)
@@ -411,7 +419,10 @@ export class Iso19139Converter extends BaseConverter<string> {
         this.writers['spatialExtents'](record, rootEl)
       ;(fieldChanged('lineage') || fieldChanged('translations')) &&
         this.writers['lineage'](record, rootEl)
+      fieldChanged('sourceRecords') &&
+        this.writers['sourceRecords'](record, rootEl)
     }
+
     fieldChanged('otherLanguages') &&
       this.writers['otherLanguages'](record, rootEl)
 

package/src/libs/api/metadata-converter/src/lib/iso19139/read-parts.ts

@@ -8,6 +8,7 @@ import {
   Keyword,
   KeywordTranslations,
   LanguageCode,
+  SourceRecord,
   ModelTranslations,
   OnlineLinkResource,
   OnlineResource,
@@ -894,6 +895,38 @@ export function readLineage(
   )(rootEl)
 }
 
+export function extractSourceRecords(liLineageEl: XmlElement): SourceRecord[] {
+  if (!liLineageEl) return []
+  return pipe(
+    findChildrenElement('gmd:source', false),
+    mapArray((el) => {
+      const uuid = readAttribute('uuidref')(el)
+      const title = readAttribute('xlink:title')(el)
+      const href = readAttribute('xlink:href')(el)
+      if (!uuid && !title && !href) return null
+      return {
+        ...(uuid ? { uuid } : {}),
+        ...(title ? { title } : {}),
+        ...(href ? { href } : {}),
+      } as SourceRecord
+    }),
+    filterArray((s): s is SourceRecord => s !== null)
+  )(liLineageEl)
+}
+
+export function readSourceRecords(rootEl: XmlElement): SourceRecord[] {
+  return extractSourceRecords(
+    pipe(
+      findNestedElement(
+        'gmd:dataQualityInfo',
+        'gmd:DQ_DataQuality',
+        'gmd:lineage',
+        'gmd:LI_Lineage'
+      )
+    )(rootEl)
+  )
+}
+
 export function readUpdateFrequency(rootEl: XmlElement): UpdateFrequency {
   return pipe(
     findIdentification(),

package/src/libs/api/metadata-converter/src/lib/iso19139/write-parts.ts

@@ -8,6 +8,7 @@ import {
   Individual,
   Keyword,
   LanguageCode,
+  SourceRecord,
   RecordStatus,
   RecordTranslations,
   ReuseRecord,
@@ -1231,6 +1232,38 @@ export function writeLineage(record: DatasetRecord, rootEl: XmlElement) {
   )(rootEl)
 }
 
+export function appendSourceRecords(
+  sources: SourceRecord[]
+): ChainableFunction<XmlElement, XmlElement> {
+  return pipe(
+    removeChildrenByName('gmd:source'),
+    appendChildren(
+      ...sources
+        .filter((source) => source.uuid || source.title || source.href)
+        .map((source) =>
+          pipe(
+            createElement('gmd:source'),
+            source.uuid ? writeAttribute('uuidref', source.uuid) : noop,
+            source.title ? writeAttribute('xlink:title', source.title) : noop,
+            source.href ? writeAttribute('xlink:href', source.href) : noop
+          )
+        )
+    )
+  )
+}
+
+export function writeSourceRecords(record: DatasetRecord, rootEl: XmlElement) {
+  pipe(
+    findNestedChildOrCreate(
+      'gmd:dataQualityInfo',
+      'gmd:DQ_DataQuality',
+      'gmd:lineage',
+      'gmd:LI_Lineage'
+    ),
+    appendSourceRecords(record.sourceRecords)
+  )(rootEl)
+}
+
 export function getServiceEndpointProtocol(endpoint: ServiceEndpoint): string {
   switch (endpoint.accessServiceProtocol.toLowerCase()) {
     case 'wfs':

package/src/libs/api/repository/src/lib/gn4/auth/auth.service.ts

@@ -44,6 +44,10 @@ export class AuthService {
           window.location.href
         ).toString()
       )
+      .replace(
+        '${current_path}',
+        this.location.prepareExternalUrl(this.location.path())
+      )
       .replace('${lang2}', toLang2(this.translateService.currentLang))
       .replace('${lang3}', toLang3(this.translateService.currentLang))
   }

package/src/libs/api/repository/src/lib/gn4/gn4-repository.ts

@@ -3,7 +3,7 @@ import {
   HttpErrorResponse,
   HttpHeaders,
 } from '@angular/common/http'
-import { Injectable, inject } from '@angular/core'
+import { Injectable, InjectionToken, inject } from '@angular/core'
 import {
   assertValidXml,
   findConverterForDocument,
@@ -57,6 +57,10 @@ const TEMPORARY_ID_PREFIX = 'TEMP-ID-'
 
 export type RecordAsXml = string
 
+export const DISABLE_DRAFT = new InjectionToken<boolean>('gnDisableDraft', {
+  factory: () => false,
+})
+
 @Injectable()
 export class Gn4Repository implements RecordsRepositoryInterface {
   private httpClient = inject(HttpClient)
@@ -67,6 +71,7 @@ export class Gn4Repository implements RecordsRepositoryInterface {
   private platformService = inject(PlatformServiceInterface)
   private gn4LanguagesApi = inject(LanguagesApiService)
   private settingsService = inject(Gn4SettingsService)
+  private disableDraft = inject(DISABLE_DRAFT, { optional: true }) ?? false
 
   _draftsChanged = new Subject<void>()
   draftsChanged$ = this._draftsChanged.asObservable()
@@ -350,7 +355,9 @@ export class Gn4Repository implements RecordsRepositoryInterface {
   openRecordForEdition(
     uniqueIdentifier: string
   ): Observable<[CatalogRecord, string, boolean] | null> {
-    const draft$ = of(this.getRecordFromLocalStorage(uniqueIdentifier))
+    const draft$ = this.disableDraft
+      ? of(null)
+      : of(this.getRecordFromLocalStorage(uniqueIdentifier))
     const recordAsXml$ = this.getRecordAsXml(uniqueIdentifier)
 
     return combineLatest([draft$, recordAsXml$]).pipe(
@@ -475,6 +482,7 @@ export class Gn4Repository implements RecordsRepositoryInterface {
     record: CatalogRecord,
     referenceRecordSource?: string
   ): Observable<string> {
+    if (this.disableDraft) return of('')
     return this.serializeRecordToXml(record, referenceRecordSource).pipe(
       tap((recordXml) => {
         this.saveRecordToLocalStorage(recordXml, record.uniqueIdentifier)
@@ -484,16 +492,19 @@ export class Gn4Repository implements RecordsRepositoryInterface {
   }
 
   clearRecordDraft(uniqueIdentifier: string): void {
+    if (this.disableDraft) return
     this.removeRecordFromLocalStorage(uniqueIdentifier)
     this._draftsChanged.next()
   }
 
   recordHasDraft(uniqueIdentifier: string): boolean {
+    if (this.disableDraft) return false
     return this.getRecordFromLocalStorage(uniqueIdentifier) !== null
   }
 
   // generated by copilot
   getAllDrafts(): Observable<CatalogRecord[]> {
+    if (this.disableDraft) return of([])
     const items = { ...window.localStorage }
     const drafts = Object.keys(items)
       .filter((key) => key.startsWith('geonetwork-ui-draft-'))
@@ -509,6 +520,7 @@ export class Gn4Repository implements RecordsRepositoryInterface {
   }
 
   getDraftsCount(): Observable<number> {
+    if (this.disableDraft) return of(0)
     const items = { ...window.localStorage }
     const draftCount = Object.keys(items)
       .filter((key) => key.startsWith('geonetwork-ui-draft-'))

package/src/libs/api/repository/src/lib/gn4/gn4.provider.ts

@@ -6,7 +6,7 @@ import {
 } from './platform/gn4-platform.service'
 import { Gn4PlatformMapper } from './platform/gn4-platform.mapper'
 import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
-import { Gn4Repository } from './gn4-repository'
+import { Gn4Repository, DISABLE_DRAFT } from './gn4-repository'
 import { AvatarServiceInterface, GravatarService } from './auth'
 import { OrganizationsServiceInterface } from '../../../../../../libs/common/domain/src/lib/organizations.service.interface'
 import {
@@ -22,6 +22,7 @@ import { TranslateService } from '@ngx-translate/core'
 
 interface Gn4ProvideOptions {
   disableAuth?: boolean
+  disableDraft?: boolean
 }
 
 export function provideGn4(provideOptions?: Gn4ProvideOptions): Provider[] {
@@ -30,6 +31,10 @@ export function provideGn4(provideOptions?: Gn4ProvideOptions): Provider[] {
       provide: DISABLE_AUTH,
       useValue: provideOptions?.disableAuth,
     },
+    {
+      provide: DISABLE_DRAFT,
+      useValue: provideOptions?.disableDraft,
+    },
     {
       provide: PlatformServiceInterface,
       useClass: Gn4PlatformService,

package/src/libs/common/domain/src/lib/model/record/metadata.model.ts

@@ -254,10 +254,20 @@ export interface DatasetTemporalExtent {
   end?: Date
 }
 
+/**
+ * Represents a source dataset referenced from a lineage entry.
+ */
+export interface SourceRecord {
+  uuid?: string
+  title?: string
+  href?: string
+}
+
 export interface DatasetRecord extends BaseRecord {
   kind: 'dataset'
   status: RecordStatus
   lineage: string // Explanation of the origin of this record (e.g: how, why)"
+  sourceRecords: Array<SourceRecord>
   onlineResources: Array<DatasetOnlineResource>
   spatialExtents: Array<DatasetSpatialExtent>
   temporalExtents: Array<DatasetTemporalExtent>
@@ -285,6 +295,7 @@ export interface ServiceRecord extends BaseRecord {
 export interface ReuseRecord extends BaseRecord {
   kind: 'reuse'
   lineage: string // Explanation of the origin of this record (e.g: how, why)"
+  sourceRecords: Array<SourceRecord>
   onlineResources: Array<DatasetOnlineResource>
   reuseType: ReuseType
   spatialExtents: Array<DatasetSpatialExtent>

package/src/libs/common/fixtures/src/lib/records.fixtures.ts

@@ -134,6 +134,7 @@ Cette section contient des *caractères internationaux* (ainsi que des "caractè
     lineage: `This record was edited manually to test the conversion processes
 
 As such, **it is not very interesting at all.**`,
+    sourceRecords: [],
     licenses: [
       {
         text: 'Licence ODbL mai 2013 (basée sur ODbL 1.0)',
@@ -310,6 +311,7 @@ Malgré l'attention portée à la création de ces données, il est rappelé que
     ],
     lineage: `Document d’urbanisme numérisé conformément aux prescriptions nationales du CNIG par le Service d'Information Géographique de l'Agglomération de la Région de Compiègne.
 Ce lot de données produit en 2019, a été numérisé à partir du PCI Vecteur de 2019 et contrôlé par le Service d'Information Géographique de l'Agglomération de la Région de Compiègne.`,
+    sourceRecords: [],
     legalConstraints: [],
     securityConstraints: [],
     otherConstraints: [],
@@ -357,10 +359,12 @@ export const simpleDatasetRecordFixture = (): DatasetRecord => ({
   securityConstraints: [],
   otherConstraints: [],
   lineage: 'This record was edited manually to test the conversion processes',
+  sourceRecords: [],
   spatialRepresentation: 'grid',
   overviews: [],
   spatialExtents: [],
   temporalExtents: [],
+  sourceRecords: [],
   onlineResources: [
     {
       type: 'download',
@@ -413,6 +417,7 @@ export const simpleDatasetRecordWithFcatsFixture = (): DatasetRecord => ({
   overviews: [],
   spatialExtents: [],
   temporalExtents: [],
+  sourceRecords: [],
   onlineResources: [],
   updateFrequency: { per: 'month', updatedTimes: 3 },
   translations: {},
@@ -978,6 +983,7 @@ export const multilingualDatasetFixture: () => DatasetRecord = () => ({
   title: 'English Title',
   abstract: 'English Abstract',
   lineage: 'English Lineage',
+  sourceRecords: [],
   translations: {
     title: { fr: 'Titre Français', de: 'Titel DE' },
     abstract: { fr: 'Résumé Français', de: 'Beschreibung DE' },
@@ -994,6 +1000,7 @@ export const multilingualDatasetFixture: () => DatasetRecord = () => ({
       },
     },
   ],
+  sourceRecords: [],
   onlineResources: [],
   licenses: [],
   legalConstraints: [],

package/src/libs/feature/editor/src/lib/+state/editor.actions.ts

@@ -1,6 +1,7 @@
 import { createAction, props } from '@ngrx/store'
 import {
   CatalogRecord,
+  CatalogRecordKeys,
   LanguageCode,
 } from '../../../../../../libs/common/domain/src/lib/model/record'
 import { SaveRecordError } from './editor.models'
@@ -73,3 +74,8 @@ export const canEditRecord = createAction(
   '[Editor] User can edit record',
   props<{ canEditRecord: boolean }>()
 )
+
+export const setFocusedField = createAction(
+  '[Editor] Set focused field',
+  props<{ model: CatalogRecordKeys }>()
+)

package/src/libs/feature/editor/src/lib/+state/editor.effects.ts

@@ -12,7 +12,6 @@ import {
 } from './editor.selectors'
 import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
 import { PlatformServiceInterface } from '../../../../../../libs/common/domain/src/lib/platform.service.interface'
-
 @Injectable()
 export class EditorEffects {
   private actions$ = inject(Actions)

package/src/libs/feature/editor/src/lib/+state/editor.facade.ts

@@ -4,9 +4,10 @@ import * as EditorActions from './editor.actions'
 import * as EditorSelectors from './editor.selectors'
 import {
   CatalogRecord,
+  CatalogRecordKeys,
   LanguageCode,
 } from '../../../../../../libs/common/domain/src/lib/model/record'
-import { filter } from 'rxjs'
+import { filter, map } from 'rxjs'
 import { Actions, ofType } from '@ngrx/effects'
 import { EditorConfig, EditorFieldIdentification } from '../models'
 
@@ -37,6 +38,10 @@ export class EditorFacade {
   )
   isPublished$ = this.store.pipe(select(EditorSelectors.selectIsPublished))
   canEditRecord$ = this.store.pipe(select(EditorSelectors.selectCanEditRecord))
+  focusedField$ = this.actions$.pipe(
+    ofType(EditorActions.setFocusedField),
+    map(({ model }) => model)
+  )
 
   openRecord(record: CatalogRecord, recordSource: string) {
     this.store.dispatch(
@@ -77,6 +82,10 @@ export class EditorFacade {
     this.store.dispatch(EditorActions.setCurrentPage({ page }))
   }
 
+  setFocusedField(model: CatalogRecordKeys) {
+    this.store.dispatch(EditorActions.setFocusedField({ model }))
+  }
+
   setFieldVisibility(field: EditorFieldIdentification, visible: boolean) {
     this.store.dispatch(EditorActions.setFieldVisibility({ field, visible }))
   }

package/src/libs/feature/editor/src/lib/components/contact-details/contact-details-form.component.html

@@ -0,0 +1,67 @@
+<div class="flex flex-col gap-7">
+  <div class="grid grid-cols-2 gap-4">
+    <div class="min-w-0">
+      <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
+        editor.record.form.field.contactDetails.lastName
+      </h3>
+      <gn-ui-text-input
+        class="block w-full"
+        extraClass="w-full"
+        [(value)]="contact.lastName"
+        (valueChange)="emitContactChange()"
+        [placeholder]="
+          'editor.record.form.field.contactDetails.lastName.placeholder'
+            | translate
+        "
+        data-test="contactDetailsLastName"
+      ></gn-ui-text-input>
+    </div>
+    <div class="min-w-0">
+      <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
+        editor.record.form.field.contactDetails.firstName
+      </h3>
+      <gn-ui-text-input
+        class="block w-full"
+        extraClass="w-full"
+        [(value)]="contact.firstName"
+        (valueChange)="emitContactChange()"
+        [placeholder]="
+          'editor.record.form.field.contactDetails.firstName.placeholder'
+            | translate
+        "
+        data-test="contactDetailsFirstName"
+      ></gn-ui-text-input>
+    </div>
+  </div>
+  <div>
+    <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
+      editor.record.form.field.contactDetails.email
+    </h3>
+    <gn-ui-text-input
+      class="block w-full"
+      extraClass="w-full"
+      [value]="contact.organization?.email ?? ''"
+      (valueChange)="handleOrganizationChange({ email: $event })"
+      [placeholder]="
+        'editor.record.form.field.contactDetails.email.placeholder' | translate
+      "
+      data-test="contactDetailsEmail"
+    ></gn-ui-text-input>
+  </div>
+  <div>
+    <h3 class="text-[16px] font-bold text-main mb-[12px]" translate>
+      editor.record.form.field.contactDetails.organization
+    </h3>
+    <gn-ui-text-input
+      class="block w-full"
+      extraClass="w-full"
+      [value]="contact.organization?.name ?? ''"
+      (valueChange)="handleOrganizationChange({ name: $event })"
+      [placeholder]="
+        'editor.record.form.field.contactDetails.organization.placeholder'
+          | translate
+      "
+      data-test="contactDetailsOrganization"
+    ></gn-ui-text-input>
+  </div>
+</div>

package/src/libs/feature/editor/src/lib/components/contact-details/contact-details-form.component.ts

@@ -0,0 +1,39 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+} from '@angular/core'
+import {
+  Individual,
+  Organization,
+} from '../../../../../../../libs/common/domain/src/lib/model/record'
+import { TextInputComponent } from '../../../../../../../libs/ui/inputs/src'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
+
+@Component({
+  selector: 'gn-ui-contact-details-form',
+  templateUrl: './contact-details-form.component.html',
+  styleUrls: ['./contact-details-form.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [TextInputComponent, TranslateDirective, TranslatePipe],
+})
+export class ContactDetailsFormComponent {
+  @Input() contact: Individual
+  @Output() contactChange = new EventEmitter<Individual>()
+
+  emitContactChange() {
+    this.contactChange.emit(this.contact)
+  }
+
+  handleOrganizationChange(change: Partial<Organization>) {
+    this.contact.organization = {
+      ...(this.contact.organization ?? ({} as Organization)),
+      ...change,
+    } as Organization
+
+    this.emitContactChange()
+  }
+}