restriction to upload more files with same name in FileUploadAsync

src/components/FormField/components/FileuploadAsync/index.js

@@ -13,6 +13,8 @@ import { FileUpload } from 'primereact/fileupload';
 import { Tag } from 'primereact/tag';
 import { Button } from 'primereact/button';
 import { head, isEmpty } from 'ramda';
+import { Messages } from 'primereact/messages';
+        
 
 import { defaultMaxFileSize, mimeTypes } from '../../../../configData';
 import getFormatedFileSizeText from '../../../../helpers/getFormatedFileSizeText';
@@ -42,24 +44,50 @@ const FileuploadAsync = ({
     const [acceptFormats, setAcceptFormats] = useState('');
     const [formatsForInput, setFormatsForInput] = useState('');
     const inputRef = useRef();
+    const messagesRef = useRef(null);
 
     const customBase64Uploader = (event) => {
         const formData = new FormData()
+        const filesToUpload = [];
+        const uploadedFiles = inputRef.current ? inputRef.current.getUploadedFiles() : [];
+        const currentFiles = stateFieldData;
+
         for (const file of event.files) {
-            formData.append('file', file)
+            const isDuplicate = [...uploadedFiles, ...currentFiles].some(
+                (uploadedFile)=>uploadedFile.name === file.name
+            );
+
+            if(isDuplicate){
+                messagesRef.current.show({
+                    severity: 'error',
+                    summary: __('Attenzione', 'gepafin'),
+                    detail: `Il file con nome "${file.name}" è già stato caricato.`,
+                    life: 10000
+                });
+                
+            } else {
+                formData.append('file', file)
+                filesToUpload.push(file);
+            }
+            
         }
-        FileUploadService.uploadFile(sourceId, formData, callback, errorCallback, [
-            ['documentType', doctype.toUpperCase()],
-            ['sourceType', source.toUpperCase()]
-        ]);
+        if(filesToUpload.length > 0){
+            FileUploadService.uploadFile(sourceId, formData, callback, errorCallback, [
+                ['documentType', doctype.toUpperCase()],
+                ['sourceType', source.toUpperCase()]
+            ]);
+        } 
     };
 
-    const callback = (data) => {
+    const callback = (data, uploadedFiles) => {
         if (data.status === 'SUCCESS') {
-            setStateFieldData(data.data);
-            const uploadedFiles = inputRef.current.getUploadedFiles();
-            setDataFn(fieldName, [...uploadedFiles, ...data.data], { shouldValidate: true });
+            setStateFieldData(prevState => [...prevState, ...data.data]);
+            const currentUploadedFiles = inputRef.current.getUploadedFiles() || [];
+            
+            inputRef.current.setUploadedFiles([...currentUploadedFiles, ...data.data]);
             inputRef.current.setFiles([]);
+            
+            setDataFn(fieldName, [...currentUploadedFiles, ...data.data], { shouldValidate: true });
         }
     }
 
@@ -160,7 +188,7 @@ const FileuploadAsync = ({
 
     useEffect(() => {
         if (inputRef.current) {
-            inputRef.current.setUploadedFiles(defaultValue);
+            inputRef.current.setUploadedFiles(defaultValue);     
         }
         setStateFieldData(defaultValue);
     }, [defaultValue]);
@@ -186,6 +214,7 @@ const FileuploadAsync = ({
     return (
         sourceId && sourceId !== 0
             ? <>
+                <Messages ref={messagesRef} /> 
                 <label htmlFor={fieldName} className={classNames({ 'p-error': errors[fieldName] })}>
                     {label}{config.required ? '*' : null}
                     {acceptFormats ? ' (' + getPropeMimeLabels(accept) + ')' : null}