feat(Upload/Popup): close the popup automatically when the upload is successful

components/core/Upload/Popup.js

@@ -94,6 +94,7 @@ const useUploadPopup = ({ totalFilesSummary }) => {
   const totalFilesSummaryRef = React.useRef();
   totalFilesSummaryRef.current = totalFilesSummary;
   React.useEffect(() => {
+    clearTimeout(timeoutRef.current);
     if (!isFinished) return;
     //NOTE(amine): if all the upload items have been canceled, hide the upload popup
     if (totalFilesSummaryRef.current.total === 0) {
@@ -101,8 +102,16 @@ const useUploadPopup = ({ totalFilesSummary }) => {
       resetUploadState();
       return;
     }
-    clearTimeout(timeoutRef.current);
+
     expandUploadSummary();
+
+    //NOTE(amine): if the upload is successful, automatically close the popup
+    if (totalFilesSummaryRef.current.failed === 0) {
+      timeoutRef.current = setTimeout(() => {
+        hideUploadPopup();
+        resetUploadState();
+      }, 10000);
+    }
   }, [isFinished]);
 
   /**

components/core/Upload/Provider.js

@@ -83,6 +83,7 @@ const useUpload = () => {
             blob: file,
           },
         },
+        isFinished: false,
         totalFiles: prev.totalFiles + 1,
         totalBytes: prev.totalBytes + file.size,
       }));