@groupeactual/ui-kit 1.7.0-beta.7 → 1.7.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groupeactual/ui-kit",
-  "version": "1.7.0-beta.7",
+  "version": "1.7.0-beta.8",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "devDependencies": {
@@ -57,7 +57,7 @@
     "react-dom": "^18.3.1",
     "react-google-picker": "^0.1.0",
     "react-dropzone": "^14.3.5",
-    "@groupeactual/design-tokens": "1.7.0-beta.7"
+    "@groupeactual/design-tokens": "1.7.0-beta.8"
   },
   "scripts": {
     "build": "rollup -c",

package/src/components/UploadDocument/FileUploader.tsx

@@ -103,6 +103,7 @@ const FileUploader = ({
   const [uploadFileError, setUploadFileError] = useState<string | boolean>(
     false,
   );
+  const [isInitialized, setIsInitialized] = useState<boolean>(false);
 
   // * Refs
   const fileInputRef = useRef<HTMLInputElement | null>(null);
@@ -322,25 +323,29 @@ const FileUploader = ({
       url: file.url,
     }));
 
-    const initialFiles = FilesDataDto.map(
-      (fileData) =>
-        new File(
-          [new Blob([`Dummy content for ${fileData.name}`])],
-          fileData.name,
-          {
+    const initializeFiles = async () => {
+      const initialFiles = await Promise.all(
+        FilesDataDto.map(async (fileData) => {
+          const response = await fetch(fileData.url);
+          const blob = await response.blob();
+
+          return new File([blob], fileData.name, {
             type: fileData.type,
-          },
-        ),
-    );
+          });
+        }),
+      );
+
+      setCurrentFiles(initialFiles); // Now files is a File[] array
+    };
 
-    setCurrentFiles(initialFiles);
+    initializeFiles();
     setFilesData(FilesDataDto);
-  }, []);
+  }, [files]);
 
   useEffect(() => {
     // * Notify parent component
     onFilesDataChange?.(filesData, currentFiles);
-  }, [filesData]);
+  }, [filesData, currentFiles]);
 
   useEffect(() => {
     return () => {