From 832a55a78e691117497241370b8645127ed834f9 Mon Sep 17 00:00:00 2001
From: Miguel Cabrerizo <30386061+doncicuto@users.noreply.github.com>
Date: Mon, 15 Jul 2024 17:16:36 +0200
Subject: [PATCH] feat(console): note about function names must match in action
 dialog (#8294)

# Which Problems Are Solved

- A note should be added to the ZITADEL management console showing that
the name and function in the javascript have to be the same

# How the Problems Are Solved

- A new cnsl-info-section is added to the create/update action dialog

# Additional Context

Here's a screenshot showing the note:

![Captura desde 2024-07-12
13-08-35](https://github.com/user-attachments/assets/62de5491-1895-4101-8bcf-1c8433661fd2)

- Closes #7874

Co-authored-by: Fabi <fabienne@zitadel.com>
---
 .../actions/add-action-dialog/add-action-dialog.component.html | 2 ++
 console/src/assets/i18n/bg.json                                | 3 ++-
 console/src/assets/i18n/cs.json                                | 3 ++-
 console/src/assets/i18n/de.json                                | 3 ++-
 console/src/assets/i18n/en.json                                | 3 ++-
 console/src/assets/i18n/es.json                                | 3 ++-
 console/src/assets/i18n/fr.json                                | 3 ++-
 console/src/assets/i18n/it.json                                | 3 ++-
 console/src/assets/i18n/ja.json                                | 3 ++-
 console/src/assets/i18n/mk.json                                | 3 ++-
 console/src/assets/i18n/nl.json                                | 3 ++-
 console/src/assets/i18n/pl.json                                | 3 ++-
 console/src/assets/i18n/pt.json                                | 3 ++-
 console/src/assets/i18n/ru.json                                | 3 ++-
 console/src/assets/i18n/sv.json                                | 3 ++-
 console/src/assets/i18n/zh.json                                | 3 ++-
 16 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/console/src/app/pages/actions/add-action-dialog/add-action-dialog.component.html b/console/src/app/pages/actions/add-action-dialog/add-action-dialog.component.html
index 4fbce57fce..4e8a9027f2 100644
--- a/console/src/app/pages/actions/add-action-dialog/add-action-dialog.component.html
+++ b/console/src/app/pages/actions/add-action-dialog/add-action-dialog.component.html
@@ -8,6 +8,8 @@
       <input cnslInput formControlName="name" />
     </cnsl-form-field>
 
+    <cnsl-info-section>{{ 'FLOWS.DIALOG.ABOUTNAME' | translate }}</cnsl-info-section>
+
     <ngx-codemirror
       *ngIf="opened$ | async"
       formControlName="script"
diff --git a/console/src/assets/i18n/bg.json b/console/src/assets/i18n/bg.json
index 07af07af19..41ab47c595 100644
--- a/console/src/assets/i18n/bg.json
+++ b/console/src/assets/i18n/bg.json
@@ -1085,7 +1085,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Изтриване на избраните действия?",
         "DESCRIPTION": "Сигурни ли сте, че искате да изтриете избраните действия от потока?"
-      }
+      },
+      "ABOUTNAME": "Името на действието и името на функцията в javascript трябва да са еднакви"
     },
     "TOAST": {
       "ACTIONSSET": "Набор от действия",
diff --git a/console/src/assets/i18n/cs.json b/console/src/assets/i18n/cs.json
index e0a828289c..ae672d9a40 100644
--- a/console/src/assets/i18n/cs.json
+++ b/console/src/assets/i18n/cs.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Smazat vybrané akce?",
         "DESCRIPTION": "Jste si jisti, že chcete smazat vybrané akce z toku?"
-      }
+      },
+      "ABOUTNAME": "Název akce a název funkce v javascriptu musí být stejný"
     },
     "TOAST": {
       "ACTIONSSET": "Akce nastaveny",
diff --git a/console/src/assets/i18n/de.json b/console/src/assets/i18n/de.json
index 7d10110849..372e02fb64 100644
--- a/console/src/assets/i18n/de.json
+++ b/console/src/assets/i18n/de.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Ausgewählte Aktionen löschen?",
         "DESCRIPTION": "Wollen Sie die gewählten Aktionen wirklich löschen?"
-      }
+      },
+      "ABOUTNAME": "Der Name der Aktion und der Name der Funktion im Javascript müssen identisch sein"
     },
     "TOAST": {
       "ACTIONSSET": "Aktionen gesetzt",
diff --git a/console/src/assets/i18n/en.json b/console/src/assets/i18n/en.json
index aa0497e4f3..34db03013f 100644
--- a/console/src/assets/i18n/en.json
+++ b/console/src/assets/i18n/en.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Delete selected Actions?",
         "DESCRIPTION": "Are you sure you want to delete the selected actions from the flow?"
-      }
+      },
+      "ABOUTNAME": "The name of the action and the name of the function in the javascript have to be the same"
     },
     "TOAST": {
       "ACTIONSSET": "Actions set",
diff --git a/console/src/assets/i18n/es.json b/console/src/assets/i18n/es.json
index 5110fcc17b..d79b0b3191 100644
--- a/console/src/assets/i18n/es.json
+++ b/console/src/assets/i18n/es.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "¿Borrar acciones seleccionadas?",
         "DESCRIPTION": "¿Estás seguro que quieres borrar las acciones seleccionadas del flujo?"
-      }
+      },
+      "ABOUTNAME": "El nombre de la acción y el nombre de la función en javascript tienen que ser el mismo"
     },
     "TOAST": {
       "ACTIONSSET": "Acciones establecidas",
diff --git a/console/src/assets/i18n/fr.json b/console/src/assets/i18n/fr.json
index 5e744e01fc..6620e42c5f 100644
--- a/console/src/assets/i18n/fr.json
+++ b/console/src/assets/i18n/fr.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Supprimer les actions sélectionnées ?",
         "DESCRIPTION": "Voulez-vous vraiment supprimer les actions sélectionnées du flux ?"
-      }
+      },
+      "ABOUTNAME": "Le nom de l'action et le nom de la fonction dans le javascript doivent être identiques"
     },
     "TOAST": {
       "ACTIONSSET": "Actions définies",
diff --git a/console/src/assets/i18n/it.json b/console/src/assets/i18n/it.json
index a4963e68d1..91de0b01e2 100644
--- a/console/src/assets/i18n/it.json
+++ b/console/src/assets/i18n/it.json
@@ -1085,7 +1085,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Elimina le azioni selezionate?",
         "DESCRIPTION": "Sei sicuro di voler eliminare le azioni selezionate dal processo?"
-      }
+      },
+      "ABOUTNAME": "Il nome dell'azione e il nome della funzione nel javascript devono essere gli stessi"
     },
     "TOAST": {
       "ACTIONSSET": "Azioni salvate!",
diff --git a/console/src/assets/i18n/ja.json b/console/src/assets/i18n/ja.json
index 64513d5604..3dc157e9b5 100644
--- a/console/src/assets/i18n/ja.json
+++ b/console/src/assets/i18n/ja.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "選択したアクションの削除",
         "DESCRIPTION": "フローから選択したアクションを削除してよろしいですか？"
-      }
+      },
+      "ABOUTNAME": "アクションの名前とJavaScript内の関数の名前は同じである必要があります"
     },
     "TOAST": {
       "ACTIONSSET": "アクションセット",
diff --git a/console/src/assets/i18n/mk.json b/console/src/assets/i18n/mk.json
index c4649f79de..cff3550607 100644
--- a/console/src/assets/i18n/mk.json
+++ b/console/src/assets/i18n/mk.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Избриши ги избраните акции?",
         "DESCRIPTION": "Дали сте сигурни дека сакате да ги избришете избраните акции од Flow?"
-      }
+      },
+      "ABOUTNAME": "Името на дејството и името на функцијата во javascript треба да бидат исти"
     },
     "TOAST": {
       "ACTIONSSET": "Акциите се поставени",
diff --git a/console/src/assets/i18n/nl.json b/console/src/assets/i18n/nl.json
index 01b912d74e..ec6e2288cd 100644
--- a/console/src/assets/i18n/nl.json
+++ b/console/src/assets/i18n/nl.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Geselecteerde acties verwijderen?",
         "DESCRIPTION": "Weet u zeker dat u de geselecteerde acties uit de flow wilt verwijderen?"
-      }
+      },
+      "ABOUTNAME": "De naam van de actie en de naam van de functie in het javascript moeten hetzelfde zijn"
     },
     "TOAST": {
       "ACTIONSSET": "Acties ingesteld",
diff --git a/console/src/assets/i18n/pl.json b/console/src/assets/i18n/pl.json
index da45d4851a..44ae4f900a 100644
--- a/console/src/assets/i18n/pl.json
+++ b/console/src/assets/i18n/pl.json
@@ -1085,7 +1085,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Usunąć wybrane działanie?",
         "DESCRIPTION": "Czy na pewno chcesz usunąć wybrane działania z przepływu?"
-      }
+      },
+      "ABOUTNAME": "Nazwa akcji i nazwa funkcji w JavaScript muszą być takie same"
     },
     "TOAST": {
       "ACTIONSSET": "Ustawiono działanie",
diff --git a/console/src/assets/i18n/pt.json b/console/src/assets/i18n/pt.json
index 5ea5f0fc8c..c52114b5af 100644
--- a/console/src/assets/i18n/pt.json
+++ b/console/src/assets/i18n/pt.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Excluir Ações Selecionadas?",
         "DESCRIPTION": "Tem certeza de que deseja excluir as ações selecionadas do fluxo?"
-      }
+      },
+      "ABOUTNAME": "O nome da ação e o nome da função no javascript devem ser iguais"
     },
     "TOAST": {
       "ACTIONSSET": "Ações definidas",
diff --git a/console/src/assets/i18n/ru.json b/console/src/assets/i18n/ru.json
index 1c500d7a9b..9586bf924c 100644
--- a/console/src/assets/i18n/ru.json
+++ b/console/src/assets/i18n/ru.json
@@ -1111,7 +1111,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Удалить выбранные действия?",
         "DESCRIPTION": "Вы уверены, что хотите удалить выбранные действия из процесса?"
-      }
+      },
+      "ABOUTNAME": "Имя действия и имя функции в javascript должны быть одинаковыми."
     },
     "TOAST": {
       "ACTIONSSET": "Набор действий",
diff --git a/console/src/assets/i18n/sv.json b/console/src/assets/i18n/sv.json
index 111c66dff9..6a0238a0ea 100644
--- a/console/src/assets/i18n/sv.json
+++ b/console/src/assets/i18n/sv.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "Radera valda åtgärder?",
         "DESCRIPTION": "Är du säker på att du vill radera de valda åtgärderna från flödet?"
-      }
+      },
+      "ABOUTNAME": "Namnet på åtgärden och namnet på funktionen i javascriptet måste vara detsamma"
     },
     "TOAST": {
       "ACTIONSSET": "Åtgärder sparade",
diff --git a/console/src/assets/i18n/zh.json b/console/src/assets/i18n/zh.json
index b7ecd91594..e746a06d14 100644
--- a/console/src/assets/i18n/zh.json
+++ b/console/src/assets/i18n/zh.json
@@ -1086,7 +1086,8 @@
       "REMOVEACTIONSLIST": {
         "TITLE": "删除选定的操作？",
         "DESCRIPTION": "您确定要从流中删除选定的操作吗？"
-      }
+      },
+      "ABOUTNAME": "javascript 中的操作名称和函数名称必须相同"
     },
     "TOAST": {
       "ACTIONSSET": "动作设置",