From 83424d883a7b58db1f2295f863aad59afcc5e0d4 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Mon, 3 Feb 2025 10:39:06 +0100
Subject: [PATCH 01/21] fix: content edit

---
 frontend/src/components/contents/ContentDialog.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/contents/ContentDialog.tsx b/frontend/src/components/contents/ContentDialog.tsx
index 164e69aa..199e7cfa 100644
--- a/frontend/src/components/contents/ContentDialog.tsx
+++ b/frontend/src/components/contents/ContentDialog.tsx
@@ -6,7 +6,6 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-
 import LinkIcon from "@mui/icons-material/Link";
 import {
   Dialog,
@@ -238,7 +237,9 @@ export const ContentDialog: FC<ContentDialogProps> = ({
                   name={contentField.name}
                   control={control}
                   defaultValue={
-                    content ? content["dynamicFields"][contentField.name] : null
+                    content && content["dynamicFields"]
+                      ? content["dynamicFields"][contentField.name]
+                      : null
                   }
                   rules={
                     contentField.name === "title"

From 02c50d76a19c92777714694fef348d6afb5e9d61 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Tue, 4 Feb 2025 14:51:27 +0100
Subject: [PATCH 02/21] fix: update dynamicfields default values

---
 api/src/cms/schemas/content.schema.ts              | 4 ++--
 frontend/src/components/contents/ContentDialog.tsx | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/api/src/cms/schemas/content.schema.ts b/api/src/cms/schemas/content.schema.ts
index bcfa7908..9c98d6f3 100644
--- a/api/src/cms/schemas/content.schema.ts
+++ b/api/src/cms/schemas/content.schema.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright © 2024 Hexastack. All rights reserved.
+ * Copyright © 2025 Hexastack. All rights reserved.
  *
  * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
  * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
@@ -43,7 +43,7 @@ export class ContentStub extends BaseSchema {
   @Prop({ type: Boolean, default: true })
   status: boolean;
 
-  @Prop({ type: mongoose.Schema.Types.Mixed })
+  @Prop({ type: mongoose.Schema.Types.Mixed, default: {} })
   dynamicFields: Record<string, any>;
 
   @Prop({ type: String })
diff --git a/frontend/src/components/contents/ContentDialog.tsx b/frontend/src/components/contents/ContentDialog.tsx
index 199e7cfa..4bd93b07 100644
--- a/frontend/src/components/contents/ContentDialog.tsx
+++ b/frontend/src/components/contents/ContentDialog.tsx
@@ -237,9 +237,7 @@ export const ContentDialog: FC<ContentDialogProps> = ({
                   name={contentField.name}
                   control={control}
                   defaultValue={
-                    content && content["dynamicFields"]
-                      ? content["dynamicFields"][contentField.name]
-                      : null
+                    content ? content["dynamicFields"][contentField.name] : null
                   }
                   rules={
                     contentField.name === "title"

From 8112b80f94cb32e742e246619f4b5b07542588b1 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Tue, 4 Feb 2025 14:53:22 +0100
Subject: [PATCH 03/21] fix: includes the dynamic fields in creation form

---
 .../content-types/ContentTypeDialog.tsx       | 110 +++++++++++-------
 1 file changed, 68 insertions(+), 42 deletions(-)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index ebe33bb7..854e4735 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -1,14 +1,16 @@
 /*
- * Copyright © 2024 Hexastack. All rights reserved.
+ * Copyright © 2025 Hexastack. All rights reserved.
  *
  * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
  * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-import { Dialog, DialogActions, DialogContent } from "@mui/material";
+
+import AddIcon from "@mui/icons-material/Add";
+import { Button, Dialog, DialogActions, DialogContent } from "@mui/material";
 import { FC, useEffect } from "react";
-import { useForm } from "react-hook-form";
+import { useFieldArray, useForm } from "react-hook-form";
 
 import DialogButtons from "@/app-components/buttons/DialogButtons";
 import { DialogTitle } from "@/app-components/dialogs/DialogTitle";
@@ -21,10 +23,10 @@ import { DialogControlProps } from "@/hooks/useDialog";
 import { useToast } from "@/hooks/useToast";
 import { useTranslate } from "@/hooks/useTranslate";
 import { EntityType } from "@/services/types";
-import {
-  IContentType,
-  IContentTypeAttributes,
-} from "@/types/content-type.types";
+import { ContentFieldType, IContentType } from "@/types/content-type.types";
+
+import { FieldInput } from "./components/FieldInput";
+import { FIELDS_FORM_DEFAULT_VALUES, READ_ONLY_FIELDS } from "./constants";
 
 export type ContentTypeDialogProps = DialogControlProps<IContentType>;
 export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
@@ -37,15 +39,32 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
   const {
     handleSubmit,
     register,
+    control,
     reset,
+    setValue,
     formState: { errors },
-  } = useForm<IContentTypeAttributes>({
-    defaultValues: { name: data?.name || "" },
+  } = useForm<Partial<IContentType>>({
+    defaultValues: {
+      name: data?.name || "",
+      fields: data?.fields || FIELDS_FORM_DEFAULT_VALUES,
+    },
   });
-  const CloseAndReset = () => {
-    closeDialog();
-    reset();
-  };
+  const { append, fields, remove } = useFieldArray({
+    name: "fields",
+    control,
+  });
+
+  useEffect(() => {
+    if (data) {
+      reset({
+        name: data.name,
+        fields: data.fields,
+      });
+    } else {
+      reset();
+    }
+  }, [data, reset]);
+
   const { mutateAsync: createContentType } = useCreate(
     EntityType.CONTENT_TYPE,
     {
@@ -70,40 +89,18 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
       },
     },
   );
-  const validationRules = {
-    name: {
-      required: t("message.name_is_required"),
-    },
-  };
-  const onSubmitForm = async (params: IContentTypeAttributes) => {
+  const onSubmitForm = async (params) => {
     if (data) {
-      updateContentType({
-        id: data.id,
-        params,
-      });
+      updateContentType({ id: data.id, params });
     } else {
-      createContentType(params);
+      createContentType({ ...params, name: params.name || "" });
     }
   };
 
-  useEffect(() => {
-    if (open) reset();
-  }, [open, reset]);
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        name: data.name,
-      });
-    } else {
-      reset();
-    }
-  }, [data, reset]);
-
   return (
-    <Dialog open={open} fullWidth onClose={CloseAndReset}>
+    <Dialog open={open} fullWidth onClose={closeDialog}>
       <form onSubmit={handleSubmit(onSubmitForm)}>
-        <DialogTitle onClose={CloseAndReset}>
+        <DialogTitle onClose={closeDialog}>
           {data ? t("title.edit_content_type") : t("title.new_content_type")}
         </DialogTitle>
         <DialogContent>
@@ -112,12 +109,41 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
               <Input
                 label={t("label.name")}
                 error={!!errors.name}
-                {...register("name", validationRules.name)}
-                helperText={errors.name ? errors.name.message : null}
+                {...register("name", {
+                  required: t("message.name_is_required"),
+                })}
                 required
                 autoFocus
               />
             </ContentItem>
+
+            {fields.map((f, index) => (
+              <ContentItem
+                key={f.id}
+                display="flex"
+                justifyContent="space-between"
+                gap={2}
+              >
+                <FieldInput
+                  setValue={setValue}
+                  control={control}
+                  remove={remove}
+                  index={index}
+                  disabled={READ_ONLY_FIELDS.includes(f.label as any)}
+                />
+              </ContentItem>
+            ))}
+            <ContentItem>
+              <Button
+                startIcon={<AddIcon />}
+                variant="contained"
+                onClick={() =>
+                  append({ label: "", name: "", type: ContentFieldType.TEXT })
+                }
+              >
+                {t("button.add")}
+              </Button>
+            </ContentItem>
           </ContentContainer>
         </DialogContent>
         <DialogActions>

From 9e029674e1fa49221946024f223f1f779172ee54 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Tue, 4 Feb 2025 16:21:31 +0100
Subject: [PATCH 04/21] fix: reset form

---
 .../content-types/ContentTypeDialog.tsx       | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index 854e4735..ca4bfacc 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -6,7 +6,6 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-
 import AddIcon from "@mui/icons-material/Add";
 import { Button, Dialog, DialogActions, DialogContent } from "@mui/material";
 import { FC, useEffect } from "react";
@@ -53,30 +52,34 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
     name: "fields",
     control,
   });
+  const CloseAndReset = () => {
+    closeDialog();
+    reset();
+  };
+
+  useEffect(() => {
+    if (open) reset();
+  }, [open, reset]);
 
   useEffect(() => {
     if (data) {
       reset({
         name: data.name,
-        fields: data.fields,
       });
     } else {
       reset();
     }
   }, [data, reset]);
 
-  const { mutateAsync: createContentType } = useCreate(
-    EntityType.CONTENT_TYPE,
-    {
-      onError: (error) => {
-        toast.error(error);
-      },
-      onSuccess: () => {
-        closeDialog();
-        toast.success(t("message.success_save"));
-      },
+  const { mutate: createContentType } = useCreate(EntityType.CONTENT_TYPE, {
+    onError: (error) => {
+      toast.error(error);
     },
-  );
+    onSuccess: () => {
+      closeDialog();
+      toast.success(t("message.success_save"));
+    },
+  });
   const { mutateAsync: updateContentType } = useUpdate(
     EntityType.CONTENT_TYPE,
     {
@@ -98,9 +101,9 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
   };
 
   return (
-    <Dialog open={open} fullWidth onClose={closeDialog}>
+    <Dialog open={open} fullWidth onClose={CloseAndReset}>
       <form onSubmit={handleSubmit(onSubmitForm)}>
-        <DialogTitle onClose={closeDialog}>
+        <DialogTitle onClose={CloseAndReset}>
           {data ? t("title.edit_content_type") : t("title.new_content_type")}
         </DialogTitle>
         <DialogContent>

From 044ce6e7250b78c00c6aee942ad1cbf9cd2465da Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Tue, 4 Feb 2025 17:07:13 +0100
Subject: [PATCH 05/21] fix: revert accidentally removed snippet

---
 frontend/src/components/content-types/ContentTypeDialog.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index ca4bfacc..c8d05703 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -115,6 +115,7 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
                 {...register("name", {
                   required: t("message.name_is_required"),
                 })}
+                helperText={errors.name ? errors.name.message : null}
                 required
                 autoFocus
               />

From fe13e43b6693ecf951cb77e6461e4043e6219809 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Tue, 4 Feb 2025 18:46:16 +0100
Subject: [PATCH 06/21] fix: minor

---
 .../content-types/ContentTypeDialog.tsx       | 31 +++++++++----------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index c8d05703..c53a093e 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -56,21 +56,6 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
     closeDialog();
     reset();
   };
-
-  useEffect(() => {
-    if (open) reset();
-  }, [open, reset]);
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        name: data.name,
-      });
-    } else {
-      reset();
-    }
-  }, [data, reset]);
-
   const { mutate: createContentType } = useCreate(EntityType.CONTENT_TYPE, {
     onError: (error) => {
       toast.error(error);
@@ -96,10 +81,24 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
     if (data) {
       updateContentType({ id: data.id, params });
     } else {
-      createContentType({ ...params, name: params.name || "" });
+      createContentType(params);
     }
   };
 
+  useEffect(() => {
+    if (open) reset();
+  }, [open, reset]);
+
+  useEffect(() => {
+    if (data) {
+      reset({
+        name: data.name,
+      });
+    } else {
+      reset();
+    }
+  }, [data, reset]);
+
   return (
     <Dialog open={open} fullWidth onClose={CloseAndReset}>
       <form onSubmit={handleSubmit(onSubmitForm)}>

From 06906c4fcd407342037a38d5368ae781233da0ce Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Wed, 5 Feb 2025 10:50:16 +0100
Subject: [PATCH 07/21] feat: use single dialog component for both add and edit
 content type

---
 frontend/public/locales/en/translation.json   |   1 -
 frontend/public/locales/fr/translation.json   |   1 -
 .../content-types/ContentTypeDialog.tsx       |   1 +
 .../EditContentTypeFieldsDialog.tsx           | 219 ------------------
 .../src/components/content-types/index.tsx    |   6 +-
 5 files changed, 4 insertions(+), 224 deletions(-)
 delete mode 100644 frontend/src/components/content-types/EditContentTypeFieldsDialog.tsx

diff --git a/frontend/public/locales/en/translation.json b/frontend/public/locales/en/translation.json
index dd9bad2a..c094ede1 100644
--- a/frontend/public/locales/en/translation.json
+++ b/frontend/public/locales/en/translation.json
@@ -189,7 +189,6 @@
     "entities": "Content Types",
     "new_content_type": "New Content Type",
     "edit_content_type": "Edit Content Type",
-    "manage_fields": "Manage Fields",
     "nodes": "Content",
     "new_node": "New Content",
     "edit_node": "Edit Content",
diff --git a/frontend/public/locales/fr/translation.json b/frontend/public/locales/fr/translation.json
index 7ce2c0dd..881393a0 100644
--- a/frontend/public/locales/fr/translation.json
+++ b/frontend/public/locales/fr/translation.json
@@ -189,7 +189,6 @@
     "entities": "Types de contenu",
     "new_content_type": "Nouveau type de contenu",
     "edit_content_type": "Modifier le type de contenu",
-    "manage_fields": "Gérer les champs",
     "nodes": "Contenu",
     "new_node": "Nouveau contenu",
     "edit_node": "Modifier le contenu",
diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index c53a093e..0d4bcbd9 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -93,6 +93,7 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
     if (data) {
       reset({
         name: data.name,
+        fields: data.fields || [],
       });
     } else {
       reset();
diff --git a/frontend/src/components/content-types/EditContentTypeFieldsDialog.tsx b/frontend/src/components/content-types/EditContentTypeFieldsDialog.tsx
deleted file mode 100644
index a2437e75..00000000
--- a/frontend/src/components/content-types/EditContentTypeFieldsDialog.tsx
+++ /dev/null
@@ -1,219 +0,0 @@
-/*
- * Copyright © 2024 Hexastack. All rights reserved.
- *
- * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
- * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
- * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
- */
-
-import AddIcon from "@mui/icons-material/Add";
-import {
-  Button,
-  CircularProgress,
-  Dialog,
-  DialogActions,
-  DialogContent,
-  Stack,
-} from "@mui/material";
-import { useEffect } from "react";
-import { useFieldArray, useForm } from "react-hook-form";
-
-import DialogButtons from "@/app-components/buttons/DialogButtons";
-import {
-  DialogTitle,
-  ContentContainer,
-  ContentItem,
-} from "@/app-components/dialogs";
-import { Input } from "@/app-components/inputs/Input";
-import { useGet } from "@/hooks/crud/useGet";
-import { useUpdate } from "@/hooks/crud/useUpdate";
-import { DialogControlProps } from "@/hooks/useDialog";
-import { useToast } from "@/hooks/useToast";
-import { useTranslate } from "@/hooks/useTranslate";
-import { EntityType } from "@/services/types";
-import { ContentFieldType, IContentType } from "@/types/content-type.types";
-
-import { FieldInput } from "./components/FieldInput";
-import { FIELDS_FORM_DEFAULT_VALUES, READ_ONLY_FIELDS } from "./constants";
-
-export type EditContentTypeDialogFieldsProps = DialogControlProps<IContentType>;
-
-export const EditContentTypeFieldsDialog = ({
-  data: contentType,
-  closeDialog,
-  open,
-}: EditContentTypeDialogFieldsProps) => {
-  const { t } = useTranslate();
-  const { isLoading, data, refetch } = useGet(contentType?.id || "", {
-    entity: EntityType.CONTENT_TYPE,
-  });
-  const { toast } = useToast();
-  const {
-    handleSubmit,
-    control,
-    reset,
-    setValue,
-    register,
-    formState: { errors },
-  } = useForm<Partial<IContentType>>({
-    mode: "onChange",
-    values: {
-      fields: data?.fields,
-      name: data?.name,
-    },
-    defaultValues: {
-      fields: FIELDS_FORM_DEFAULT_VALUES,
-      name: data?.name,
-    },
-  });
-  const { append, fields, replace, remove } = useFieldArray<
-    Pick<IContentType, "fields">,
-    "fields"
-  >({
-    name: "fields",
-    control,
-    keyName: "id",
-    rules: {
-      required: true,
-    },
-  });
-  const validationRules = {
-    name: {
-      required: t("message.name_is_required"),
-    },
-  };
-
-  useEffect(() => {
-    register("fields");
-  }, [register]);
-
-  useEffect(() => {
-    if (data?.fields) {
-      replace(data.fields);
-    }
-  }, [data, replace]);
-
-  useEffect(() => {
-    if (!open) {
-      reset();
-    }
-    if (open) {
-      refetch();
-    }
-  }, [open, reset]);
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        name: data.name,
-        fields: data.fields,
-      });
-    } else {
-      reset();
-    }
-  }, [data, reset]);
-
-  function handleClose() {
-    closeDialog();
-  }
-
-  const { mutateAsync: updateContentType } = useUpdate(
-    EntityType.CONTENT_TYPE,
-    {
-      onError: (error) => {
-        toast.error(`${t("message.internal_server_error")}: ${error}`);
-      },
-      onSuccess: () => {
-        toast.success(t("message.success_save"));
-      },
-    },
-  );
-
-  return (
-    <Dialog
-      open={open}
-      fullWidth
-      maxWidth="xl"
-      sx={{ width: "fit-content", mx: "auto", minWidth: "600px" }}
-      onClose={handleClose}
-    >
-      <DialogTitle onClose={handleClose}>
-        {t("title.manage_fields")}
-      </DialogTitle>
-      <form
-        onSubmit={handleSubmit(async ({ name, fields }) => {
-          if (!!contentType)
-            await updateContentType({
-              id: contentType.id,
-              params: {
-                name,
-                fields,
-              },
-            });
-          handleClose();
-        })}
-      >
-        <DialogContent>
-          <ContentContainer>
-            <ContentItem>
-              <Input
-                label={t("label.name")}
-                error={!!errors.name}
-                {...register("name", validationRules.name)}
-                helperText={errors.name ? errors.name.message : null}
-                required
-                autoFocus
-              />
-            </ContentItem>
-            {!isLoading
-              ? fields.map((f, index) => (
-                  <ContentItem
-                    key={f.id}
-                    justifyContent="space-between"
-                    alignItems="center"
-                    gap={2}
-                    display="flex"
-                  >
-                    <FieldInput
-                      setValue={setValue}
-                      control={control}
-                      remove={remove}
-                      index={index}
-                      disabled={READ_ONLY_FIELDS.includes(f.label as any)}
-                    />
-                  </ContentItem>
-                ))
-              : null}
-            {isLoading ? (
-              <ContentItem>
-                <Stack sx={{ alignItems: "center", placeContent: "center" }}>
-                  <CircularProgress sx={{ color: "primary.main" }} />
-                </Stack>
-              </ContentItem>
-            ) : null}
-            <ContentItem>
-              <Button
-                startIcon={<AddIcon />}
-                variant="contained"
-                onClick={() =>
-                  append({
-                    label: "",
-                    name: "",
-                    type: ContentFieldType.TEXT,
-                  })
-                }
-                disabled={isLoading}
-                sx={{ mx: "auto" }}
-              >
-                {t("button.add")}
-              </Button>
-            </ContentItem>
-          </ContentContainer>
-        </DialogContent>
-        <DialogActions>
-          <DialogButtons closeDialog={closeDialog} />
-        </DialogActions>
-      </form>
-    </Dialog>
-  );
-};
diff --git a/frontend/src/components/content-types/index.tsx b/frontend/src/components/content-types/index.tsx
index 84cf93c0..46ef5638 100644
--- a/frontend/src/components/content-types/index.tsx
+++ b/frontend/src/components/content-types/index.tsx
@@ -1,11 +1,12 @@
 /*
- * Copyright © 2024 Hexastack. All rights reserved.
+ * Copyright © 2025 Hexastack. All rights reserved.
  *
  * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
  * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
+
 import { faAlignLeft } from "@fortawesome/free-solid-svg-icons";
 import AddIcon from "@mui/icons-material/Add";
 import { Button, Grid, Paper } from "@mui/material";
@@ -33,7 +34,6 @@ import { PermissionAction } from "@/types/permission.types";
 import { getDateTimeFormatter } from "@/utils/date";
 
 import { ContentTypeDialog } from "./ContentTypeDialog";
-import { EditContentTypeFieldsDialog } from "./EditContentTypeFieldsDialog";
 
 export const ContentTypes = () => {
   const { t } = useTranslate();
@@ -125,7 +125,7 @@ export const ContentTypes = () => {
                 deleteContentType(deleteDialogCtl.data);
             }}
           />
-          <EditContentTypeFieldsDialog {...fieldsDialogCtl} />
+          <ContentTypeDialog {...getDisplayDialogs(fieldsDialogCtl)} />
           <Grid padding={2} container>
             <Grid item width="100%">
               <DataGrid

From c9e846e834a5d3c610c8dcd375cb931d9679cfb8 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Wed, 5 Feb 2025 11:41:23 +0100
Subject: [PATCH 08/21] fix: minor

---
 .../content-types/ContentTypeDialog.tsx       | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index 0d4bcbd9..fa7bae18 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -65,18 +65,15 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
       toast.success(t("message.success_save"));
     },
   });
-  const { mutateAsync: updateContentType } = useUpdate(
-    EntityType.CONTENT_TYPE,
-    {
-      onError: () => {
-        toast.error(t("message.internal_server_error"));
-      },
-      onSuccess: () => {
-        closeDialog();
-        toast.success(t("message.success_save"));
-      },
+  const { mutate: updateContentType } = useUpdate(EntityType.CONTENT_TYPE, {
+    onError: () => {
+      toast.error(t("message.internal_server_error"));
     },
-  );
+    onSuccess: () => {
+      closeDialog();
+      toast.success(t("message.success_save"));
+    },
+  });
   const onSubmitForm = async (params) => {
     if (data) {
       updateContentType({ id: data.id, params });
@@ -93,7 +90,7 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
     if (data) {
       reset({
         name: data.name,
-        fields: data.fields || [],
+        fields: data.fields || FIELDS_FORM_DEFAULT_VALUES,
       });
     } else {
       reset();

From 1b455c9e05e900196e531a3cb5b3ac4aded0a114 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Wed, 5 Feb 2025 15:36:22 +0100
Subject: [PATCH 09/21] fix: error message

---
 frontend/src/components/content-types/ContentTypeDialog.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index fa7bae18..5dd9c0f3 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -58,7 +58,7 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
   };
   const { mutate: createContentType } = useCreate(EntityType.CONTENT_TYPE, {
     onError: (error) => {
-      toast.error(error);
+      toast.error(error.message || t("message.internal_server_error"));
     },
     onSuccess: () => {
       closeDialog();
@@ -66,8 +66,8 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
     },
   });
   const { mutate: updateContentType } = useUpdate(EntityType.CONTENT_TYPE, {
-    onError: () => {
-      toast.error(t("message.internal_server_error"));
+    onError: (error) => {
+      toast.error(error.message || t("message.internal_server_error"));
     },
     onSuccess: () => {
       closeDialog();

From 23888c51da7fab37b972439b0352b4ca0e92756c Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Wed, 5 Feb 2025 17:03:18 +0100
Subject: [PATCH 10/21] fix: reset form

---
 frontend/src/components/content-types/ContentTypeDialog.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index 5dd9c0f3..3c248040 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -25,7 +25,7 @@ import { EntityType } from "@/services/types";
 import { ContentFieldType, IContentType } from "@/types/content-type.types";
 
 import { FieldInput } from "./components/FieldInput";
-import { FIELDS_FORM_DEFAULT_VALUES, READ_ONLY_FIELDS } from "./constants";
+import { READ_ONLY_FIELDS } from "./constants";
 
 export type ContentTypeDialogProps = DialogControlProps<IContentType>;
 export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
@@ -45,7 +45,7 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
   } = useForm<Partial<IContentType>>({
     defaultValues: {
       name: data?.name || "",
-      fields: data?.fields || FIELDS_FORM_DEFAULT_VALUES,
+      fields: data?.fields || [],
     },
   });
   const { append, fields, remove } = useFieldArray({
@@ -90,7 +90,7 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
     if (data) {
       reset({
         name: data.name,
-        fields: data.fields || FIELDS_FORM_DEFAULT_VALUES,
+        fields: data.fields || [],
       });
     } else {
       reset();

From 0253fe5d2d7d43a09c0d25881e92489230d5ab14 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Wed, 5 Feb 2025 17:34:26 +0100
Subject: [PATCH 11/21] fix(frontend): add language missing translations

---
 frontend/public/locales/en/translation.json | 2 ++
 frontend/public/locales/fr/translation.json | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/frontend/public/locales/en/translation.json b/frontend/public/locales/en/translation.json
index 5d2a42a6..0de85850 100644
--- a/frontend/public/locales/en/translation.json
+++ b/frontend/public/locales/en/translation.json
@@ -198,6 +198,8 @@
     "import": "Bulk Import",
     "media_library": "Media Library",
     "languages": "Languages",
+    "new_language": "Add Language",
+    "edit_language": "Edit Language",
     "translations": "Translations",
     "update_translation": "Update Translation",
     "broadcast": "Broadcast",
diff --git a/frontend/public/locales/fr/translation.json b/frontend/public/locales/fr/translation.json
index 741e1168..dc47019a 100644
--- a/frontend/public/locales/fr/translation.json
+++ b/frontend/public/locales/fr/translation.json
@@ -198,6 +198,8 @@
     "import": "Importation en masse",
     "media_library": "Bibliothéque Media",
     "languages": "Langues",
+    "new_language": "Nouvelle Langue",
+    "edit_language": "Modifier Langue",
     "translations": "Traductions",
     "update_translation": "Mettre à jour la traduction",
     "broadcast": "Diffusion",

From 48a03500d8af84ccc056a5ae529f9359a8edb201 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Wed, 5 Feb 2025 17:35:36 +0100
Subject: [PATCH 12/21] refactor(frontend): update language dialogs

---
 .../components/languages/LanguageDialog.tsx   | 150 ------------------
 .../src/components/languages/LanguageForm.tsx | 127 +++++++++++++++
 .../languages/LanguageFormDialog.tsx          |  37 +++++
 frontend/src/components/languages/index.tsx   |  31 ++--
 4 files changed, 177 insertions(+), 168 deletions(-)
 delete mode 100644 frontend/src/components/languages/LanguageDialog.tsx
 create mode 100644 frontend/src/components/languages/LanguageForm.tsx
 create mode 100644 frontend/src/components/languages/LanguageFormDialog.tsx

diff --git a/frontend/src/components/languages/LanguageDialog.tsx b/frontend/src/components/languages/LanguageDialog.tsx
deleted file mode 100644
index 14012bc9..00000000
--- a/frontend/src/components/languages/LanguageDialog.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-/*
- * Copyright © 2024 Hexastack. All rights reserved.
- *
- * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
- * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
- * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
- */
-
-import {
-  Dialog,
-  DialogActions,
-  DialogContent,
-  FormControlLabel,
-  Switch,
-} from "@mui/material";
-import { FC, useEffect } from "react";
-import { Controller, useForm } from "react-hook-form";
-
-import DialogButtons from "@/app-components/buttons/DialogButtons";
-import { DialogTitle } from "@/app-components/dialogs/DialogTitle";
-import { ContentContainer } from "@/app-components/dialogs/layouts/ContentContainer";
-import { ContentItem } from "@/app-components/dialogs/layouts/ContentItem";
-import { Input } from "@/app-components/inputs/Input";
-import { useCreate } from "@/hooks/crud/useCreate";
-import { useUpdate } from "@/hooks/crud/useUpdate";
-import { DialogControlProps } from "@/hooks/useDialog";
-import { useToast } from "@/hooks/useToast";
-import { useTranslate } from "@/hooks/useTranslate";
-import { EntityType } from "@/services/types";
-import { ILanguage, ILanguageAttributes } from "@/types/language.types";
-
-export type LanguageDialogProps = DialogControlProps<ILanguage>;
-export const LanguageDialog: FC<LanguageDialogProps> = ({
-  open,
-  data,
-  closeDialog,
-  ...rest
-}) => {
-  const { t } = useTranslate();
-  const { toast } = useToast();
-  const { mutateAsync: createLanguage } = useCreate(EntityType.LANGUAGE, {
-    onError: () => {
-      toast.error(t("message.internal_server_error"));
-    },
-    onSuccess() {
-      closeDialog();
-      toast.success(t("message.success_save"));
-    },
-  });
-  const { mutateAsync: updateLanguage } = useUpdate(EntityType.LANGUAGE, {
-    onError: () => {
-      toast.error(t("message.internal_server_error"));
-    },
-    onSuccess() {
-      closeDialog();
-      toast.success(t("message.success_save"));
-    },
-  });
-  const {
-    reset,
-    register,
-    formState: { errors },
-    handleSubmit,
-    control,
-  } = useForm<ILanguageAttributes>({
-    defaultValues: {
-      title: data?.title || "",
-      code: data?.code || "",
-      isRTL: data?.isRTL || false,
-    },
-  });
-  const validationRules = {
-    title: {
-      required: t("message.title_is_required"),
-    },
-    code: {
-      required: t("message.code_is_required"),
-    },
-  };
-  const onSubmitForm = async (params: ILanguageAttributes) => {
-    if (data) {
-      updateLanguage({ id: data.id, params });
-    } else {
-      createLanguage(params);
-    }
-  };
-
-  useEffect(() => {
-    if (open) reset();
-  }, [open, reset]);
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        title: data.title,
-        code: data.code,
-        isRTL: data.isRTL,
-      });
-    } else {
-      reset();
-    }
-  }, [data, reset]);
-
-  return (
-    <Dialog open={open} fullWidth onClose={closeDialog} {...rest}>
-      <form onSubmit={handleSubmit(onSubmitForm)}>
-        <DialogTitle onClose={closeDialog}>
-          {data ? t("title.edit_label") : t("title.new_label")}
-        </DialogTitle>
-        <DialogContent>
-          <ContentContainer>
-            <ContentItem>
-              <Input
-                label={t("label.title")}
-                error={!!errors.title}
-                {...register("title", validationRules.title)}
-                helperText={errors.title ? errors.title.message : null}
-                multiline={true}
-              />
-            </ContentItem>
-            <ContentItem>
-              <Input
-                label={t("label.code")}
-                error={!!errors.code}
-                {...register("code", validationRules.code)}
-                helperText={errors.code ? errors.code.message : null}
-                multiline={true}
-              />
-            </ContentItem>
-            <ContentItem>
-              <Controller
-                name="isRTL"
-                control={control}
-                render={({ field }) => (
-                  <FormControlLabel
-                    control={<Switch {...field} checked={field.value} />}
-                    label={t("label.is_rtl")}
-                  />
-                )}
-              />
-            </ContentItem>
-          </ContentContainer>
-        </DialogContent>
-        <DialogActions>
-          <DialogButtons closeDialog={closeDialog} />
-        </DialogActions>
-      </form>
-    </Dialog>
-  );
-};
diff --git a/frontend/src/components/languages/LanguageForm.tsx b/frontend/src/components/languages/LanguageForm.tsx
new file mode 100644
index 00000000..3f42f074
--- /dev/null
+++ b/frontend/src/components/languages/LanguageForm.tsx
@@ -0,0 +1,127 @@
+/*
+ * Copyright © 2025 Hexastack. All rights reserved.
+ *
+ * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
+ * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
+ * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
+ */
+
+import { FormControlLabel, Switch } from "@mui/material";
+import { FC, Fragment, useEffect } from "react";
+import { Controller, useForm } from "react-hook-form";
+
+import { ContentContainer, ContentItem } from "@/app-components/dialogs/";
+import { Input } from "@/app-components/inputs/Input";
+import { useCreate } from "@/hooks/crud/useCreate";
+import { useUpdate } from "@/hooks/crud/useUpdate";
+import { useToast } from "@/hooks/useToast";
+import { useTranslate } from "@/hooks/useTranslate";
+import { EntityType } from "@/services/types";
+import { ComponentFormProps } from "@/types/common/dialogs.types";
+import { ILanguage, ILanguageAttributes } from "@/types/language.types";
+
+export const LanguageForm: FC<ComponentFormProps<ILanguage>> = ({
+  data,
+  Wrapper = Fragment,
+  WrapperProps,
+  ...rest
+}) => {
+  const { t } = useTranslate();
+  const { toast } = useToast();
+  const options = {
+    onError: () => {
+      rest.onError?.();
+      toast.error(t("message.internal_server_error"));
+    },
+    onSuccess() {
+      rest.onSuccess?.();
+      toast.success(t("message.success_save"));
+    },
+  };
+  const { mutate: createLanguage } = useCreate(EntityType.LANGUAGE, options);
+  const { mutate: updateLanguage } = useUpdate(EntityType.LANGUAGE, options);
+  const {
+    reset,
+    register,
+    formState: { errors },
+    handleSubmit,
+    control,
+  } = useForm<ILanguageAttributes>({
+    defaultValues: {
+      title: data?.title || "",
+      code: data?.code || "",
+      isRTL: data?.isRTL || false,
+    },
+  });
+  const validationRules = {
+    title: {
+      required: t("message.title_is_required"),
+    },
+    code: {
+      required: t("message.code_is_required"),
+    },
+  };
+  const onSubmitForm = (params: ILanguageAttributes) => {
+    if (data) {
+      updateLanguage({ id: data.id, params });
+    } else {
+      createLanguage(params);
+    }
+  };
+
+  useEffect(() => {
+    if (data) {
+      reset({
+        title: data.title,
+        code: data.code,
+        isRTL: data.isRTL,
+      });
+    } else {
+      reset();
+    }
+  }, [data, reset]);
+
+  return (
+    <Wrapper
+      open={!!WrapperProps?.open}
+      onSubmit={handleSubmit(onSubmitForm)}
+      {...WrapperProps}
+    >
+      <form onSubmit={handleSubmit(onSubmitForm)}>
+        <ContentContainer>
+          <ContentItem>
+            <Input
+              label={t("label.title")}
+              error={!!errors.title}
+              {...register("title", validationRules.title)}
+              multiline={true}
+              autoFocus
+              helperText={errors.title ? errors.title.message : null}
+            />
+          </ContentItem>
+          <ContentItem>
+            <Input
+              label={t("label.code")}
+              error={!!errors.code}
+              {...register("code", validationRules.code)}
+              multiline={true}
+              helperText={errors.code ? errors.code.message : null}
+            />
+          </ContentItem>
+          <ContentItem>
+            <Controller
+              name="isRTL"
+              control={control}
+              render={({ field }) => (
+                <FormControlLabel
+                  control={<Switch {...field} checked={field.value} />}
+                  label={t("label.is_rtl")}
+                />
+              )}
+            />
+          </ContentItem>
+        </ContentContainer>
+      </form>
+    </Wrapper>
+  );
+};
diff --git a/frontend/src/components/languages/LanguageFormDialog.tsx b/frontend/src/components/languages/LanguageFormDialog.tsx
new file mode 100644
index 00000000..007544ba
--- /dev/null
+++ b/frontend/src/components/languages/LanguageFormDialog.tsx
@@ -0,0 +1,37 @@
+/*
+ * Copyright © 2025 Hexastack. All rights reserved.
+ *
+ * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
+ * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
+ * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
+ */
+
+import { FC } from "react";
+
+import { FormDialog } from "@/app-components/dialogs";
+import { useTranslate } from "@/hooks/useTranslate";
+import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
+import { ILanguage } from "@/types/language.types";
+
+import { LanguageForm } from "./LanguageForm";
+
+export const LanguageFormDialog: FC<ComponentFormDialogProps<ILanguage>> = ({
+  payload,
+  ...rest
+}) => {
+  const { t } = useTranslate();
+
+  return (
+    <LanguageForm
+      data={payload}
+      onSuccess={() => {
+        rest.onClose(true);
+      }}
+      Wrapper={FormDialog}
+      WrapperProps={{
+        title: payload ? t("title.edit_language") : t("title.new_language"),
+        ...rest,
+      }}
+    />
+  );
+};
diff --git a/frontend/src/components/languages/index.tsx b/frontend/src/components/languages/index.tsx
index 2b59a49e..1d914634 100644
--- a/frontend/src/components/languages/index.tsx
+++ b/frontend/src/components/languages/index.tsx
@@ -12,7 +12,7 @@ import { Button, Grid, Paper, Switch } from "@mui/material";
 import { GridColDef } from "@mui/x-data-grid";
 import { useQueryClient } from "react-query";
 
-import { DeleteDialog } from "@/app-components/dialogs/DeleteDialog";
+import { ConfirmDialogBody } from "@/app-components/dialogs";
 import { FilterTextfield } from "@/app-components/inputs/FilterTextfield";
 import {
   ActionColumnLabel,
@@ -24,7 +24,7 @@ import { isSameEntity } from "@/hooks/crud/helpers";
 import { useDelete } from "@/hooks/crud/useDelete";
 import { useFind } from "@/hooks/crud/useFind";
 import { useUpdate } from "@/hooks/crud/useUpdate";
-import { getDisplayDialogs, useDialog } from "@/hooks/useDialog";
+import { useDialogs } from "@/hooks/useDialogs";
 import { useHasPermission } from "@/hooks/useHasPermission";
 import { useSearch } from "@/hooks/useSearch";
 import { useToast } from "@/hooks/useToast";
@@ -35,14 +35,12 @@ import { ILanguage } from "@/types/language.types";
 import { PermissionAction } from "@/types/permission.types";
 import { getDateTimeFormatter } from "@/utils/date";
 
-import { LanguageDialog } from "./LanguageDialog";
+import { LanguageFormDialog } from "./LanguageFormDialog";
 
 export const Languages = () => {
   const { t } = useTranslate();
   const { toast } = useToast();
-  const addDialogCtl = useDialog<ILanguage>(false);
-  const editDialogCtl = useDialog<ILanguage>(false);
-  const deleteDialogCtl = useDialog<string>(false);
+  const dialogs = useDialogs();
   const queryClient = useQueryClient();
   const hasPermission = useHasPermission();
   const { onSearch, searchPayload } = useSearch<ILanguage>({
@@ -75,7 +73,6 @@ export const Languages = () => {
           return isSameEntity(qEntity, EntityType.NLP_SAMPLE);
         },
       });
-      deleteDialogCtl.closeDialog();
       toast.success(t("message.item_delete_success"));
     },
   });
@@ -94,12 +91,18 @@ export const Languages = () => {
     [
       {
         label: ActionColumnLabel.Edit,
-        action: (row) => editDialogCtl.openDialog(row),
+        action: (row) => dialogs.open(LanguageFormDialog, row),
         requires: [PermissionAction.UPDATE],
       },
       {
         label: ActionColumnLabel.Delete,
-        action: (row) => deleteDialogCtl.openDialog(row.id),
+        action: async ({ id }) => {
+          const isConfirmed = await dialogs.confirm(ConfirmDialogBody);
+
+          if (isConfirmed) {
+            deleteLanguage(id);
+          }
+        },
         requires: [PermissionAction.DELETE],
         isDisabled: (row) => row.isDefault,
       },
@@ -182,14 +185,6 @@ export const Languages = () => {
 
   return (
     <Grid container gap={3} flexDirection="column">
-      <LanguageDialog {...getDisplayDialogs(addDialogCtl)} />
-      <LanguageDialog {...getDisplayDialogs(editDialogCtl)} />
-      <DeleteDialog
-        {...deleteDialogCtl}
-        callback={() => {
-          if (deleteDialogCtl?.data) deleteLanguage(deleteDialogCtl.data);
-        }}
-      />
       <PageHeader icon={Flag} title={t("title.languages")}>
         <Grid
           justifyContent="flex-end"
@@ -208,7 +203,7 @@ export const Languages = () => {
                 startIcon={<AddIcon />}
                 variant="contained"
                 sx={{ float: "right" }}
-                onClick={() => addDialogCtl.openDialog()}
+                onClick={() => dialogs.open(LanguageFormDialog, null)}
               >
                 {t("button.add")}
               </Button>

From 708906352490f5bd75e1b49c596f9865ed5310a0 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Wed, 5 Feb 2025 17:41:59 +0100
Subject: [PATCH 13/21] fix(frontend): lowercase fr language translations

---
 frontend/public/locales/fr/translation.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/public/locales/fr/translation.json b/frontend/public/locales/fr/translation.json
index dc47019a..5de5b964 100644
--- a/frontend/public/locales/fr/translation.json
+++ b/frontend/public/locales/fr/translation.json
@@ -198,8 +198,8 @@
     "import": "Importation en masse",
     "media_library": "Bibliothéque Media",
     "languages": "Langues",
-    "new_language": "Nouvelle Langue",
-    "edit_language": "Modifier Langue",
+    "new_language": "Nouvelle langue",
+    "edit_language": "Modifier langue",
     "translations": "Traductions",
     "update_translation": "Mettre à jour la traduction",
     "broadcast": "Diffusion",

From e0ce9b06d267c081e61a82fe9bd33634cdb65a3c Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Wed, 5 Feb 2025 17:49:09 +0100
Subject: [PATCH 14/21] fix(frontend): edit fr language translations

---
 frontend/public/locales/fr/translation.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/public/locales/fr/translation.json b/frontend/public/locales/fr/translation.json
index 5de5b964..68cbc21d 100644
--- a/frontend/public/locales/fr/translation.json
+++ b/frontend/public/locales/fr/translation.json
@@ -199,7 +199,7 @@
     "media_library": "Bibliothéque Media",
     "languages": "Langues",
     "new_language": "Nouvelle langue",
-    "edit_language": "Modifier langue",
+    "edit_language": "Modifier la langue",
     "translations": "Traductions",
     "update_translation": "Mettre à jour la traduction",
     "broadcast": "Diffusion",

From 9c30e3ebd70e3b58f13a77e2a1f621f1e59330db Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Wed, 5 Feb 2025 18:42:13 +0100
Subject: [PATCH 15/21] fix: reset form

---
 .../content-types/ContentTypeDialog.tsx        | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index 3c248040..91547560 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -25,7 +25,7 @@ import { EntityType } from "@/services/types";
 import { ContentFieldType, IContentType } from "@/types/content-type.types";
 
 import { FieldInput } from "./components/FieldInput";
-import { READ_ONLY_FIELDS } from "./constants";
+import { FIELDS_FORM_DEFAULT_VALUES, READ_ONLY_FIELDS } from "./constants";
 
 export type ContentTypeDialogProps = DialogControlProps<IContentType>;
 export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
@@ -45,16 +45,20 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
   } = useForm<Partial<IContentType>>({
     defaultValues: {
       name: data?.name || "",
-      fields: data?.fields || [],
+      fields: data?.fields || FIELDS_FORM_DEFAULT_VALUES,
     },
   });
-  const { append, fields, remove } = useFieldArray({
+  const { append, fields, remove, replace } = useFieldArray({
     name: "fields",
     control,
   });
   const CloseAndReset = () => {
     closeDialog();
-    reset();
+    reset({
+      name: "",
+      fields: FIELDS_FORM_DEFAULT_VALUES,
+    });
+    replace(FIELDS_FORM_DEFAULT_VALUES);
   };
   const { mutate: createContentType } = useCreate(EntityType.CONTENT_TYPE, {
     onError: (error) => {
@@ -92,10 +96,12 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
         name: data.name,
         fields: data.fields || [],
       });
+      replace(data.fields || FIELDS_FORM_DEFAULT_VALUES);
     } else {
-      reset();
+      reset({ name: "", fields: FIELDS_FORM_DEFAULT_VALUES });
+      replace(FIELDS_FORM_DEFAULT_VALUES);
     }
-  }, [data, reset]);
+  }, [open, data, reset, replace]);
 
   return (
     <Dialog open={open} fullWidth onClose={CloseAndReset}>

From 9cf9847457824a8fd34fec6688e0e931e3435b0a Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Thu, 6 Feb 2025 00:39:48 +0100
Subject: [PATCH 16/21] refactor(frontend): update language formDialog

---
 .../languages/LanguageFormDialog.tsx          | 35 ++++++-------------
 1 file changed, 11 insertions(+), 24 deletions(-)

diff --git a/frontend/src/components/languages/LanguageFormDialog.tsx b/frontend/src/components/languages/LanguageFormDialog.tsx
index 007544ba..631202ce 100644
--- a/frontend/src/components/languages/LanguageFormDialog.tsx
+++ b/frontend/src/components/languages/LanguageFormDialog.tsx
@@ -6,32 +6,19 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-import { FC } from "react";
-
-import { FormDialog } from "@/app-components/dialogs";
-import { useTranslate } from "@/hooks/useTranslate";
+import { GenericFormDialog } from "@/app-components/dialogs";
 import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
 import { ILanguage } from "@/types/language.types";
 
 import { LanguageForm } from "./LanguageForm";
 
-export const LanguageFormDialog: FC<ComponentFormDialogProps<ILanguage>> = ({
-  payload,
-  ...rest
-}) => {
-  const { t } = useTranslate();
-
-  return (
-    <LanguageForm
-      data={payload}
-      onSuccess={() => {
-        rest.onClose(true);
-      }}
-      Wrapper={FormDialog}
-      WrapperProps={{
-        title: payload ? t("title.edit_language") : t("title.new_language"),
-        ...rest,
-      }}
-    />
-  );
-};
+export const LanguageFormDialog = <T extends ILanguage = ILanguage>(
+  props: ComponentFormDialogProps<T>,
+) => (
+  <GenericFormDialog<T>
+    Form={LanguageForm}
+    addText="title.new_language"
+    editText="title.edit_language"
+    {...props}
+  />
+);

From f27034ec5864e4ebb84488f4d9d58f489e2ade3d Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Thu, 6 Feb 2025 00:57:22 +0100
Subject: [PATCH 17/21] refactor(frontend): update nlpEntity formDialog

---
 .../src/components/nlp/NlpEntityDialog.tsx    | 163 ------------------
 .../components/nlp/components/NlpEntity.tsx   |  99 +++++------
 .../nlp/components/NlpEntityForm.tsx          | 141 +++++++++++++++
 .../nlp/components/NlpEntityFormDialog.tsx    |  24 +++
 4 files changed, 211 insertions(+), 216 deletions(-)
 delete mode 100644 frontend/src/components/nlp/NlpEntityDialog.tsx
 create mode 100644 frontend/src/components/nlp/components/NlpEntityForm.tsx
 create mode 100644 frontend/src/components/nlp/components/NlpEntityFormDialog.tsx

diff --git a/frontend/src/components/nlp/NlpEntityDialog.tsx b/frontend/src/components/nlp/NlpEntityDialog.tsx
deleted file mode 100644
index f330588a..00000000
--- a/frontend/src/components/nlp/NlpEntityDialog.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-/*
- * Copyright © 2024 Hexastack. All rights reserved.
- *
- * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
- * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
- * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
- */
-
-import {
-  Dialog,
-  FormControl,
-  FormControlLabel,
-  FormLabel,
-  Radio,
-  RadioGroup,
-  DialogContent,
-  DialogActions,
-} from "@mui/material";
-import { FC, useEffect } from "react";
-import { useForm } from "react-hook-form";
-
-import DialogButtons from "@/app-components/buttons/DialogButtons";
-import { DialogTitle } from "@/app-components/dialogs/DialogTitle";
-import { ContentContainer } from "@/app-components/dialogs/layouts/ContentContainer";
-import { ContentItem } from "@/app-components/dialogs/layouts/ContentItem";
-import { Input } from "@/app-components/inputs/Input";
-import { useCreate } from "@/hooks/crud/useCreate";
-import { useUpdate } from "@/hooks/crud/useUpdate";
-import { DialogControlProps } from "@/hooks/useDialog";
-import { useToast } from "@/hooks/useToast";
-import { useTranslate } from "@/hooks/useTranslate";
-import { EntityType } from "@/services/types";
-import {
-  INlpEntity,
-  INlpEntityAttributes,
-  NlpLookups,
-} from "@/types/nlp-entity.types";
-
-export type NlpEntityDialogProps = DialogControlProps<INlpEntity>;
-export const NlpEntityDialog: FC<NlpEntityDialogProps> = ({
-  open,
-  closeDialog,
-  data,
-  ...rest
-}) => {
-  const { t } = useTranslate();
-  const { toast } = useToast();
-  const { mutateAsync: createNlpEntity } = useCreate(EntityType.NLP_ENTITY, {
-    onError: () => {
-      toast.error(t("message.internal_server_error"));
-    },
-    onSuccess: () => {
-      closeDialog();
-      toast.success(t("message.success_save"));
-    },
-  });
-  const { mutateAsync: updateNlpEntity } = useUpdate(EntityType.NLP_ENTITY, {
-    onError: () => {
-      toast.error(t("message.internal_server_error"));
-    },
-    onSuccess: () => {
-      closeDialog();
-      toast.success(t("message.success_save"));
-    },
-  });
-  const {
-    reset,
-    register,
-    formState: { errors },
-    handleSubmit,
-  } = useForm<INlpEntityAttributes>({
-    defaultValues: {
-      name: data?.name || "",
-      doc: data?.doc || "",
-      lookups: data?.lookups || ["keywords"],
-    },
-  });
-  const validationRules = {
-    name: {
-      required: t("message.name_is_required"),
-    },
-    lookups: {},
-    isChecked: {},
-  };
-  const onSubmitForm = async (params: INlpEntityAttributes) => {
-    if (data) {
-      updateNlpEntity({ id: data.id, params });
-    } else {
-      createNlpEntity(params);
-    }
-  };
-
-  useEffect(() => {
-    if (open) reset();
-  }, [open, reset]);
-
-  useEffect(() => {
-    if (data) {
-      reset({
-        name: data.name,
-        doc: data.doc,
-      });
-    } else {
-      reset();
-    }
-  }, [data, reset]);
-
-  return (
-    <Dialog open={open} fullWidth onClose={closeDialog} {...rest}>
-      <form onSubmit={handleSubmit(onSubmitForm)}>
-        <DialogTitle onClose={closeDialog}>
-          {data ? t("title.edit_nlp_entity") : t("title.new_nlp_entity")}
-        </DialogTitle>
-        <DialogContent>
-          <ContentContainer>
-            {!data ? (
-              <ContentItem>
-                <FormControl>
-                  <FormLabel>{t("label.lookup_strategies")}</FormLabel>
-                  <RadioGroup
-                    row
-                    {...register("lookups")}
-                    defaultValue="keywords"
-                  >
-                    {Object.values(NlpLookups).map((nlpLookup, index) => (
-                      <FormControlLabel
-                        key={index}
-                        value={nlpLookup}
-                        control={<Radio {...register("lookups.0")} />}
-                        label={nlpLookup}
-                      />
-                    ))}
-                  </RadioGroup>
-                </FormControl>
-              </ContentItem>
-            ) : null}
-            <ContentItem>
-              <Input
-                label={t("label.name")}
-                error={!!errors.name}
-                {...register("name", validationRules.name)}
-                required
-                autoFocus
-                helperText={errors.name ? errors.name.message : null}
-              />
-            </ContentItem>
-
-            <ContentItem>
-              <Input
-                label={t("label.doc")}
-                {...register("doc")}
-                multiline={true}
-              />
-            </ContentItem>
-          </ContentContainer>
-        </DialogContent>
-        <DialogActions>
-          <DialogButtons closeDialog={closeDialog} />
-        </DialogActions>
-      </form>
-    </Dialog>
-  );
-};
diff --git a/frontend/src/components/nlp/components/NlpEntity.tsx b/frontend/src/components/nlp/components/NlpEntity.tsx
index 4ae9c969..71ef8119 100644
--- a/frontend/src/components/nlp/components/NlpEntity.tsx
+++ b/frontend/src/components/nlp/components/NlpEntity.tsx
@@ -1,11 +1,12 @@
 /*
- * Copyright © 2024 Hexastack. All rights reserved.
+ * Copyright © 2025 Hexastack. All rights reserved.
  *
  * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
  * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
+
 import AddIcon from "@mui/icons-material/Add";
 import DeleteIcon from "@mui/icons-material/Delete";
 import { Button, Chip, Grid } from "@mui/material";
@@ -13,7 +14,7 @@ import { GridColDef, GridRowSelectionModel } from "@mui/x-data-grid";
 import { useRouter } from "next/router";
 import { useState } from "react";
 
-import { DeleteDialog } from "@/app-components/dialogs";
+import { ConfirmDialogBody } from "@/app-components/dialogs";
 import { FilterTextfield } from "@/app-components/inputs/FilterTextfield";
 import {
   ActionColumnLabel,
@@ -24,7 +25,7 @@ import { DataGrid } from "@/app-components/tables/DataGrid";
 import { useDelete } from "@/hooks/crud/useDelete";
 import { useDeleteMany } from "@/hooks/crud/useDeleteMany";
 import { useFind } from "@/hooks/crud/useFind";
-import { getDisplayDialogs, useDialog } from "@/hooks/useDialog";
+import { useDialogs } from "@/hooks/useDialogs";
 import { useHasPermission } from "@/hooks/useHasPermission";
 import { useSearch } from "@/hooks/useSearch";
 import { useToast } from "@/hooks/useToast";
@@ -34,39 +35,32 @@ import { INlpEntity } from "@/types/nlp-entity.types";
 import { PermissionAction } from "@/types/permission.types";
 import { getDateTimeFormatter } from "@/utils/date";
 
-import { NlpEntityDialog } from "../NlpEntityDialog";
+import { NlpEntityFormDialog } from "./NlpEntityFormDialog";
 
 const NlpEntity = () => {
+  const { t } = useTranslate();
+  const { toast } = useToast();
+  const dialogs = useDialogs();
   const router = useRouter();
-  const deleteEntityDialogCtl = useDialog<string>(false);
   const hasPermission = useHasPermission();
-  const editEntityDialogCtl = useDialog<INlpEntity>(false);
-  const { mutateAsync: deleteNlpEntity } = useDelete(EntityType.NLP_ENTITY, {
+  const { mutate: deleteNlpEntity } = useDelete(EntityType.NLP_ENTITY, {
     onError: () => {
       toast.error(t("message.internal_server_error"));
     },
     onSuccess() {
-      deleteEntityDialogCtl.closeDialog();
       toast.success(t("message.item_delete_success"));
     },
   });
-  const { mutateAsync: deleteNlpEntities } = useDeleteMany(
-    EntityType.NLP_ENTITY,
-    {
-      onError: (error) => {
-        toast.error(error);
-      },
-      onSuccess: () => {
-        deleteEntityDialogCtl.closeDialog();
-        setSelectedNlpEntities([]);
-        toast.success(t("message.item_delete_success"));
-      },
+  const { mutate: deleteNlpEntities } = useDeleteMany(EntityType.NLP_ENTITY, {
+    onError: (error) => {
+      toast.error(error);
     },
-  );
+    onSuccess: () => {
+      setSelectedNlpEntities([]);
+      toast.success(t("message.item_delete_success"));
+    },
+  });
   const [selectedNlpEntities, setSelectedNlpEntities] = useState<string[]>([]);
-  const addDialogCtl = useDialog<INlpEntity>(false);
-  const { t } = useTranslate();
-  const { toast } = useToast();
   const { onSearch, searchPayload } = useSearch<INlpEntity>({
     $or: ["name", "doc"],
   });
@@ -100,12 +94,18 @@ const NlpEntity = () => {
       },
       {
         label: ActionColumnLabel.Edit,
-        action: (row) => editEntityDialogCtl.openDialog(row),
+        action: (row) => dialogs.open(NlpEntityFormDialog, row),
         requires: [PermissionAction.UPDATE],
       },
       {
         label: ActionColumnLabel.Delete,
-        action: (row) => deleteEntityDialogCtl.openDialog(row.id),
+        action: async ({ id }) => {
+          const isConfirmed = await dialogs.confirm(ConfirmDialogBody);
+
+          if (isConfirmed) {
+            deleteNlpEntity(id);
+          }
+        },
         requires: [PermissionAction.DELETE],
       },
     ],
@@ -177,21 +177,6 @@ const NlpEntity = () => {
 
   return (
     <Grid item xs={12}>
-      <NlpEntityDialog {...getDisplayDialogs(addDialogCtl)} />
-      <NlpEntityDialog {...editEntityDialogCtl} />
-      <DeleteDialog
-        {...deleteEntityDialogCtl}
-        callback={() => {
-          if (selectedNlpEntities.length > 0) {
-            deleteNlpEntities(selectedNlpEntities);
-            setSelectedNlpEntities([]);
-            deleteEntityDialogCtl.closeDialog();
-          } else if (deleteEntityDialogCtl.data) {
-            deleteNlpEntity(deleteEntityDialogCtl.data);
-          }
-        }}
-      />
-
       <Grid
         justifyContent="flex-end"
         gap={1}
@@ -209,24 +194,32 @@ const NlpEntity = () => {
               startIcon={<AddIcon />}
               variant="contained"
               sx={{ float: "right" }}
-              onClick={() => addDialogCtl.openDialog()}
+              onClick={() => dialogs.open(NlpEntityFormDialog, null)}
             >
               {t("button.add")}
             </Button>
           </Grid>
         ) : null}
-        {selectedNlpEntities.length > 0 && (
-          <Grid item>
-            <Button
-              startIcon={<DeleteIcon />}
-              variant="contained"
-              color="error"
-              onClick={() => deleteEntityDialogCtl.openDialog(undefined)}
-            >
-              {t("button.delete")}
-            </Button>
-          </Grid>
-        )}
+        <Grid item>
+          <Button
+            startIcon={<DeleteIcon />}
+            variant="contained"
+            color="error"
+            onClick={async () => {
+              const isConfirmed = await dialogs.confirm(ConfirmDialogBody, {
+                mode: "selection",
+                count: selectedNlpEntities.length,
+              });
+
+              if (isConfirmed) {
+                deleteNlpEntities(selectedNlpEntities);
+              }
+            }}
+            disabled={!selectedNlpEntities.length}
+          >
+            {t("button.delete")}
+          </Button>
+        </Grid>
       </Grid>
 
       <Grid mt={3}>
diff --git a/frontend/src/components/nlp/components/NlpEntityForm.tsx b/frontend/src/components/nlp/components/NlpEntityForm.tsx
new file mode 100644
index 00000000..ada67efd
--- /dev/null
+++ b/frontend/src/components/nlp/components/NlpEntityForm.tsx
@@ -0,0 +1,141 @@
+/*
+ * Copyright © 2025 Hexastack. All rights reserved.
+ *
+ * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
+ * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
+ * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
+ */
+
+import {
+  FormControl,
+  FormControlLabel,
+  FormLabel,
+  Radio,
+  RadioGroup,
+} from "@mui/material";
+import { FC, Fragment, useEffect } from "react";
+import { useForm } from "react-hook-form";
+
+import { ContentContainer, ContentItem } from "@/app-components/dialogs/";
+import { Input } from "@/app-components/inputs/Input";
+import { useCreate } from "@/hooks/crud/useCreate";
+import { useUpdate } from "@/hooks/crud/useUpdate";
+import { useToast } from "@/hooks/useToast";
+import { useTranslate } from "@/hooks/useTranslate";
+import { EntityType } from "@/services/types";
+import { ComponentFormProps } from "@/types/common/dialogs.types";
+import {
+  INlpEntity,
+  INlpEntityAttributes,
+  NlpLookups,
+} from "@/types/nlp-entity.types";
+
+export const NlpEntityVarForm: FC<ComponentFormProps<INlpEntity>> = ({
+  data,
+  Wrapper = Fragment,
+  WrapperProps,
+  ...rest
+}) => {
+  const { t } = useTranslate();
+  const { toast } = useToast();
+  const options = {
+    onError: (error: Error) => {
+      rest.onError?.();
+      toast.error(error.message || t("message.internal_server_error"));
+    },
+    onSuccess: () => {
+      rest.onSuccess?.();
+      toast.success(t("message.success_save"));
+    },
+  };
+  const { mutate: createNlpEntity } = useCreate(EntityType.NLP_ENTITY, options);
+  const { mutate: updateNlpEntity } = useUpdate(EntityType.NLP_ENTITY, options);
+  const {
+    reset,
+    register,
+    formState: { errors },
+    handleSubmit,
+  } = useForm<INlpEntityAttributes>({
+    defaultValues: {
+      name: data?.name || "",
+      doc: data?.doc || "",
+      lookups: data?.lookups || ["keywords"],
+    },
+  });
+  const validationRules = {
+    name: {
+      required: t("message.name_is_required"),
+    },
+    lookups: {},
+    isChecked: {},
+  };
+  const onSubmitForm = (params: INlpEntityAttributes) => {
+    if (data) {
+      updateNlpEntity({ id: data.id, params });
+    } else {
+      createNlpEntity(params);
+    }
+  };
+
+  useEffect(() => {
+    if (data) {
+      reset({
+        name: data.name,
+        doc: data.doc,
+      });
+    } else {
+      reset();
+    }
+  }, [data, reset]);
+
+  return (
+    <Wrapper
+      open={!!WrapperProps?.open}
+      onSubmit={handleSubmit(onSubmitForm)}
+      {...WrapperProps}
+    >
+      <form onSubmit={handleSubmit(onSubmitForm)}>
+        <ContentContainer>
+          {!data ? (
+            <ContentItem>
+              <FormControl>
+                <FormLabel>{t("label.lookup_strategies")}</FormLabel>
+                <RadioGroup
+                  row
+                  {...register("lookups")}
+                  defaultValue="keywords"
+                >
+                  {Object.values(NlpLookups).map((nlpLookup, index) => (
+                    <FormControlLabel
+                      key={index}
+                      value={nlpLookup}
+                      control={<Radio {...register("lookups.0")} />}
+                      label={nlpLookup}
+                    />
+                  ))}
+                </RadioGroup>
+              </FormControl>
+            </ContentItem>
+          ) : null}
+          <ContentItem>
+            <Input
+              label={t("label.name")}
+              error={!!errors.name}
+              {...register("name", validationRules.name)}
+              required
+              autoFocus
+              helperText={errors.name ? errors.name.message : null}
+            />
+          </ContentItem>
+          <ContentItem>
+            <Input
+              label={t("label.doc")}
+              {...register("doc")}
+              multiline={true}
+            />
+          </ContentItem>
+        </ContentContainer>
+      </form>
+    </Wrapper>
+  );
+};
diff --git a/frontend/src/components/nlp/components/NlpEntityFormDialog.tsx b/frontend/src/components/nlp/components/NlpEntityFormDialog.tsx
new file mode 100644
index 00000000..79d53b1d
--- /dev/null
+++ b/frontend/src/components/nlp/components/NlpEntityFormDialog.tsx
@@ -0,0 +1,24 @@
+/*
+ * Copyright © 2025 Hexastack. All rights reserved.
+ *
+ * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
+ * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
+ * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
+ */
+
+import { GenericFormDialog } from "@/app-components/dialogs";
+import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
+import { INlpEntity } from "@/types/nlp-entity.types";
+
+import { NlpEntityVarForm } from "./NlpEntityForm";
+
+export const NlpEntityFormDialog = <T extends INlpEntity = INlpEntity>(
+  props: ComponentFormDialogProps<T>,
+) => (
+  <GenericFormDialog<T>
+    Form={NlpEntityVarForm}
+    addText="title.new_context_var"
+    editText="title.edit_context_var"
+    {...props}
+  />
+);

From d563530ccfb8004e18d4bf8a8937ad3e82f9b1a6 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Thu, 6 Feb 2025 10:36:09 +0100
Subject: [PATCH 18/21] fix: duplicate and empty fields value and typo

---
 frontend/public/locales/en/translation.json   |  3 ++-
 frontend/public/locales/fr/translation.json   |  3 ++-
 .../content-types/ContentTypeDialog.tsx       | 25 ++++++++++++++++---
 .../content-types/components/FieldInput.tsx   |  8 ++++--
 4 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/frontend/public/locales/en/translation.json b/frontend/public/locales/en/translation.json
index 7474b471..5a762558 100644
--- a/frontend/public/locales/en/translation.json
+++ b/frontend/public/locales/en/translation.json
@@ -112,7 +112,8 @@
     "text_is_required": "Text is required",
     "invalid_file_type": "Invalid file type. Please select a file in the supported format.",
     "select_category": "Select a flow",
-    "logout_failed": "Something went wrong during logout"
+    "logout_failed": "Something went wrong during logout",
+    "duplicate_labels_not_allowed": "Duplicate labels are not allowed"
   },
   "menu": {
     "terms": "Terms of Use",
diff --git a/frontend/public/locales/fr/translation.json b/frontend/public/locales/fr/translation.json
index 2bb48ec8..aadde707 100644
--- a/frontend/public/locales/fr/translation.json
+++ b/frontend/public/locales/fr/translation.json
@@ -112,7 +112,8 @@
     "text_is_required": "Texte requis",
     "invalid_file_type": "Type de fichier invalide. Veuillez choisir un fichier dans un format pris en charge.",
     "select_category": "Sélectionner une catégorie",
-    "logout_failed": "Une erreur s'est produite lors de la déconnexion"
+    "logout_failed": "Une erreur s'est produite lors de la déconnexion",
+    "duplicate_labels_not_allowed": "Les étiquettes en double ne sont pas autorisées"
   },
   "menu": {
     "terms": "Conditions d'utilisation",
diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index 91547560..9dada742 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -52,7 +52,7 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
     name: "fields",
     control,
   });
-  const CloseAndReset = () => {
+  const closeAndReset = () => {
     closeDialog();
     reset({
       name: "",
@@ -79,6 +79,25 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
     },
   });
   const onSubmitForm = async (params) => {
+    const labelCounts: Record<string, number> = params.fields.reduce(
+      (acc, field) => {
+        if (!field.label.trim()) return acc;
+        acc[field.label] = (acc[field.label] || 0) + 1;
+
+        return acc;
+      },
+      {} as Record<string, number>,
+    );
+    const hasDuplicates = Object.values(labelCounts).some(
+      (count: number) => count > 1,
+    );
+
+    if (hasDuplicates) {
+      toast.error(t("message.duplicate_labels_not_allowed"));
+
+      return;
+    }
+
     if (data) {
       updateContentType({ id: data.id, params });
     } else {
@@ -104,9 +123,9 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
   }, [open, data, reset, replace]);
 
   return (
-    <Dialog open={open} fullWidth onClose={CloseAndReset}>
+    <Dialog open={open} fullWidth onClose={closeAndReset}>
       <form onSubmit={handleSubmit(onSubmitForm)}>
-        <DialogTitle onClose={CloseAndReset}>
+        <DialogTitle onClose={closeAndReset}>
           {data ? t("title.edit_content_type") : t("title.new_content_type")}
         </DialogTitle>
         <DialogContent>
diff --git a/frontend/src/components/content-types/components/FieldInput.tsx b/frontend/src/components/content-types/components/FieldInput.tsx
index 5d5d5b3c..74455ac4 100644
--- a/frontend/src/components/content-types/components/FieldInput.tsx
+++ b/frontend/src/components/content-types/components/FieldInput.tsx
@@ -1,11 +1,12 @@
 /*
- * Copyright © 2024 Hexastack. All rights reserved.
+ * Copyright © 2025 Hexastack. All rights reserved.
  *
  * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
  * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
+
 import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
 import { MenuItem } from "@mui/material";
 import { useEffect } from "react";
@@ -59,11 +60,14 @@ export const FieldInput = ({
       <Controller
         control={props.control}
         name={`fields.${index}.label`}
-        render={({ field }) => (
+        rules={{ required: t("message.label_is_required") }}
+        render={({ field, fieldState }) => (
           <Input
             disabled={props.disabled}
             {...field}
             label={t("label.label")}
+            error={!!fieldState.error}
+            helperText={fieldState.error?.message}
           />
         )}
       />

From 89d8fae6132e2c822ad7c94bce51af86ddc2c663 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Thu, 6 Feb 2025 11:50:31 +0100
Subject: [PATCH 19/21] fix: reset onclose

---
 .../src/components/content-types/ContentTypeDialog.tsx    | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index 9dada742..5d362829 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -110,12 +110,14 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
   }, [open, reset]);
 
   useEffect(() => {
+    if (!open) return;
+
     if (data) {
       reset({
         name: data.name,
-        fields: data.fields || [],
+        fields: data.fields?.length ? data.fields : FIELDS_FORM_DEFAULT_VALUES,
       });
-      replace(data.fields || FIELDS_FORM_DEFAULT_VALUES);
+      replace(data.fields?.length ? data.fields : FIELDS_FORM_DEFAULT_VALUES);
     } else {
       reset({ name: "", fields: FIELDS_FORM_DEFAULT_VALUES });
       replace(FIELDS_FORM_DEFAULT_VALUES);
@@ -173,7 +175,7 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
           </ContentContainer>
         </DialogContent>
         <DialogActions>
-          <DialogButtons closeDialog={closeDialog} />
+          <DialogButtons closeDialog={closeAndReset} />
         </DialogActions>
       </form>
     </Dialog>

From fe2405325f523fdd95015a1dbd8ea364d10a89dc Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Thu, 6 Feb 2025 16:25:08 +0100
Subject: [PATCH 20/21] fix(frontend): replace translations

---
 .../src/components/nlp/components/NlpEntityFormDialog.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/nlp/components/NlpEntityFormDialog.tsx b/frontend/src/components/nlp/components/NlpEntityFormDialog.tsx
index 79d53b1d..edf37b5c 100644
--- a/frontend/src/components/nlp/components/NlpEntityFormDialog.tsx
+++ b/frontend/src/components/nlp/components/NlpEntityFormDialog.tsx
@@ -17,8 +17,8 @@ export const NlpEntityFormDialog = <T extends INlpEntity = INlpEntity>(
 ) => (
   <GenericFormDialog<T>
     Form={NlpEntityVarForm}
-    addText="title.new_context_var"
-    editText="title.edit_context_var"
+    addText="title.new_nlp_entity"
+    editText="title.edit_nlp_entity"
     {...props}
   />
 );

From dd367faeee23b92fbef1d188ba8974d288bc38f8 Mon Sep 17 00:00:00 2001
From: hexastack <talebhassan.ikbel@gmail.com>
Date: Fri, 7 Feb 2025 08:20:38 +0100
Subject: [PATCH 21/21] revert: undo unnecassary changes

---
 .../components/content-types/ContentTypeDialog.tsx    | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/content-types/ContentTypeDialog.tsx b/frontend/src/components/content-types/ContentTypeDialog.tsx
index 5d362829..735496da 100644
--- a/frontend/src/components/content-types/ContentTypeDialog.tsx
+++ b/frontend/src/components/content-types/ContentTypeDialog.tsx
@@ -48,7 +48,7 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
       fields: data?.fields || FIELDS_FORM_DEFAULT_VALUES,
     },
   });
-  const { append, fields, remove, replace } = useFieldArray({
+  const { append, fields, remove } = useFieldArray({
     name: "fields",
     control,
   });
@@ -58,7 +58,6 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
       name: "",
       fields: FIELDS_FORM_DEFAULT_VALUES,
     });
-    replace(FIELDS_FORM_DEFAULT_VALUES);
   };
   const { mutate: createContentType } = useCreate(EntityType.CONTENT_TYPE, {
     onError: (error) => {
@@ -110,19 +109,15 @@ export const ContentTypeDialog: FC<ContentTypeDialogProps> = ({
   }, [open, reset]);
 
   useEffect(() => {
-    if (!open) return;
-
     if (data) {
       reset({
         name: data.name,
-        fields: data.fields?.length ? data.fields : FIELDS_FORM_DEFAULT_VALUES,
+        fields: data.fields || FIELDS_FORM_DEFAULT_VALUES,
       });
-      replace(data.fields?.length ? data.fields : FIELDS_FORM_DEFAULT_VALUES);
     } else {
       reset({ name: "", fields: FIELDS_FORM_DEFAULT_VALUES });
-      replace(FIELDS_FORM_DEFAULT_VALUES);
     }
-  }, [open, data, reset, replace]);
+  }, [data, reset]);
 
   return (
     <Dialog open={open} fullWidth onClose={closeAndReset}>