@muhgholy/next-drive 3.2.0 → 3.2.1

package/dist/client/components/drive/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../src/client/components/drive/upload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AA8G7D,eAAO,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,sBAgQD,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../src/client/components/drive/upload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AA8G7D,eAAO,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,sBAoQD,CAAC"}

package/dist/client/hooks/useUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUpload.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useUpload.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAYxD,eAAO,MAAM,SAAS,GAAI,aAAa,MAAM,EAAE,iBAAiB,MAAM,GAAG,IAAI,EAAE,kBAAiB,OAAe,EAAE,mBAAmB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;;yBAgKrG,IAAI,EAAE,YAAY,MAAM,GAAG,IAAI;uBAuB9D,MAAM;;CA+CxB,CAAC"}
+{"version":3,"file":"useUpload.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useUpload.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAYxD,eAAO,MAAM,SAAS,GAAI,aAAa,MAAM,EAAE,iBAAiB,MAAM,GAAG,IAAI,EAAE,kBAAiB,OAAe,EAAE,mBAAmB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;;yBAiKrG,IAAI,EAAE,YAAY,MAAM,GAAG,IAAI;uBAuB9D,MAAM;;CA+CxB,CAAC"}

package/dist/client/index.js

@@ -304,8 +304,9 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
     try {
       const headers = {};
       if (activeAccountId) headers["x-drive-account"] = activeAccountId;
-      addLog(uploadId, "info", `Sending chunk to ${apiEndpoint}?action=upload`);
-      const response = await fetch(`${apiEndpoint}?action=upload`, {
+      const url = `${apiEndpoint.replace(/\/$/, "")}?action=upload`;
+      addLog(uploadId, "info", `Sending chunk to ${url}`);
+      const response = await fetch(url, {
         method: "POST",
         body: formData,
         headers,
@@ -440,7 +441,7 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
       }
       const upload = uploads.find((u) => u.id === id);
       if (upload?.driveId) {
-        fetch(`${apiEndpoint}?action=cancel&id=${upload.driveId}`, {
+        fetch(`${apiEndpoint.replace(/\/$/, "")}?action=cancel&id=${upload.driveId}`, {
           method: "POST",
           credentials: withCredentials ? "include" : "same-origin"
         }).catch(() => {
@@ -2125,6 +2126,8 @@ var DriveUpload = (props) => {
   const [isDragging, setIsDragging] = useState(false);
   const [showUploadsDialog, setShowUploadsDialog] = useState(false);
   const [logViewerUpload, setLogViewerUpload] = useState(null);
+  const [manuallyOpened, setManuallyOpened] = useState(false);
+  const hasAutoClosedRef = useRef(false);
   const inputRef = useRef(null);
   const { currentFolderId, setItems, apiEndpoint, activeAccountId, withCredentials, fetchItems, isLoading } = useDrive();
   const { uploads, uploadFiles, cancelUpload, cancelAllUploads } = useUpload(apiEndpoint, activeAccountId, withCredentials, (uploadedItem) => {
@@ -2134,17 +2137,18 @@ var DriveUpload = (props) => {
     onComplete?.(uploadedItem);
   });
   React3__default.useEffect(() => {
-    if (!showUploadsDialog || uploads.length === 0) return;
+    if (!showUploadsDialog || uploads.length === 0 || manuallyOpened || hasAutoClosedRef.current) return;
     const allFinished = uploads.every(
       (u) => ["complete", "error", "cancelled"].includes(u.status)
     );
     if (allFinished) {
       const timer = setTimeout(() => {
         setShowUploadsDialog(false);
+        hasAutoClosedRef.current = true;
       }, 2e3);
       return () => clearTimeout(timer);
     }
-  }, [uploads, showUploadsDialog]);
+  }, [uploads, showUploadsDialog, manuallyOpened]);
   const filterFiles = useCallback((files) => {
     if (!accept) return files;
     return files.filter((file) => matchesMimeFilter(file.type, false, accept));
@@ -2154,6 +2158,7 @@ var DriveUpload = (props) => {
     const filteredFiles = filterFiles(Array.from(files));
     if (filteredFiles.length === 0) return;
     uploadFiles(filteredFiles, currentFolderId);
+    setManuallyOpened(false);
     setShowUploadsDialog(true);
   }, [uploadFiles, currentFolderId, filterFiles]);
   const handleDrag = useCallback((e, dragging) => {
@@ -2300,7 +2305,10 @@ var DriveUpload = (props) => {
             type: "button",
             variant: "outline",
             size: "sm",
-            onClick: () => setShowUploadsDialog(true),
+            onClick: () => {
+              setManuallyOpened(true);
+              setShowUploadsDialog(true);
+            },
             children: [
               activeUploads.length > 0 ? /* @__PURE__ */ jsx(Loader2, { className: "!size-4 shrink-0 animate-spin" }) : /* @__PURE__ */ jsx(CheckCircle2, { className: "!size-4 shrink-0" }),
               /* @__PURE__ */ jsx("span", { children: activeUploads.length > 0 ? `(${activeUploads.length})` : "Status" })
@@ -2350,7 +2358,10 @@ var DriveUpload = (props) => {
         ]
       }
     ),
-    hasUploadsInProgress && /* @__PURE__ */ jsx("div", { className: "mt-4 text-center", children: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => setShowUploadsDialog(true), children: "View Upload Progress" }) }),
+    hasUploadsInProgress && /* @__PURE__ */ jsx("div", { className: "mt-4 text-center", children: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => {
+      setManuallyOpened(true);
+      setShowUploadsDialog(true);
+    }, children: "View Upload Progress" }) }),
     renderDialog(),
     logViewerUpload && /* @__PURE__ */ jsx(
       LogViewerDialog,