From 472c601a3dc173bd0e30e8db8eb1fcde56840a52 Mon Sep 17 00:00:00 2001
From: Sylvain Jermini <sylvain.jermini@syjer.com>
Date: Mon, 20 Jan 2025 17:54:39 +0100
Subject: [PATCH] better handling with form field name with dot

---
 .../src/app/additional-field/additional-field.component.ts  | 6 +++---
 .../public/src/app/shared/invalid-feedback.directive.ts     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/projects/public/src/app/additional-field/additional-field.component.ts b/frontend/projects/public/src/app/additional-field/additional-field.component.ts
index 599d7b73f1..57a1071f6d 100644
--- a/frontend/projects/public/src/app/additional-field/additional-field.component.ts
+++ b/frontend/projects/public/src/app/additional-field/additional-field.component.ts
@@ -51,7 +51,7 @@ export class AdditionalFieldComponent implements OnInit, OnDestroy {
         this.yesterday = new Date(new Date().getTime() - 24 * 60 * 60 * 1000)
           .toISOString()
           .substring(0, 10);
-        this.subscriptions.push(this.form.get(this.field.name).valueChanges
+        this.subscriptions.push(this.form.get([this.field.name]).valueChanges
           .subscribe(() => this.selectedDateDescription = this.localizedSelectedDate()));
       }
       this.dateFormat = new Intl.DateTimeFormat(this.translate.currentLang, {
@@ -100,7 +100,7 @@ export class AdditionalFieldComponent implements OnInit, OnDestroy {
   }
 
   selectedCheckBox(index: number, value: string, checked: boolean) {
-    const fa = this.form.get(this.field.name) as UntypedFormArray;
+    const fa = this.form.get([this.field.name]) as UntypedFormArray;
     fa.controls[index].setValue(checked ? value : null, {emitEvent: false, emitViewToModelChange: false});
   }
 
@@ -114,7 +114,7 @@ export class AdditionalFieldComponent implements OnInit, OnDestroy {
 
   private localizedSelectedDate(): string {
     try {
-      const value = (this.form.get(this.field.name) as UntypedFormArray).at(0)?.value;
+      const value = (this.form.get([this.field.name]) as UntypedFormArray).at(0)?.value;
       if (value != null && value.trim() !== '') {
         return this.dateFormat.format(Date.parse(value));
       }
diff --git a/frontend/projects/public/src/app/shared/invalid-feedback.directive.ts b/frontend/projects/public/src/app/shared/invalid-feedback.directive.ts
index b24fbbf183..705c91ebc9 100644
--- a/frontend/projects/public/src/app/shared/invalid-feedback.directive.ts
+++ b/frontend/projects/public/src/app/shared/invalid-feedback.directive.ts
@@ -29,7 +29,7 @@ export class InvalidFeedbackDirective implements OnInit, OnDestroy {
   ngOnInit(): void {
 
     if (this.control == null && this.invalidFeedbackForm != null && this.invalidFeedbackFieldName != null) {
-      this.targetControl = this.invalidFeedbackForm.get(this.invalidFeedbackFieldName);
+      this.targetControl = this.invalidFeedbackForm.get([this.invalidFeedbackFieldName]);
       this.targetControl.statusChanges.subscribe(e => {
         this.checkValidation();
       });