@muhgholy/next-drive 4.23.7 → 4.23.8

package/dist/client/index.cjs

@@ -92,9 +92,15 @@ var DriveProvider = (props) => {
         headers,
         credentials: withCredentials ? "include" : "same-origin"
       });
-      return await res.json();
+      try {
+        return await res.json();
+      } catch (parseErr) {
+        const detail = parseErr instanceof Error ? parseErr.message : String(parseErr);
+        return { status: res.status || 0, message: `Could not read the server response for "${action}" (${detail})` };
+      }
     } catch (err) {
-      return { status: 0, message: err instanceof Error ? err.message : "Network error \u2014 please check your connection" };
+      const detail = err instanceof Error ? err.message : String(err);
+      return { status: 0, message: `Network request failed for "${action}" (${detail})` };
     }
   }, [apiEndpoint, activeAccountId, withCredentials]);
   const fetchItems = React3.useCallback(async () => {
@@ -369,9 +375,9 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
       addLog(uploadId, "success", `Chunk uploaded successfully`);
       return [true, data.data, false];
     } catch (error) {
-      const errorMsg = error instanceof Error ? error.message : "Network error during upload";
-      addLog(uploadId, "error", `Network/Fetch error: ${errorMsg}`);
-      return [false, errorMsg, true];
+      const detail = error instanceof Error ? error.message : String(error);
+      addLog(uploadId, "error", `Network/Fetch error: ${detail}`);
+      return [false, `Upload connection failed: ${detail}`, true];
     }
   };
   const processItem = async (item, file, folderId) => {
@@ -1057,7 +1063,7 @@ function Label2({
     }
   );
 }
-var DialogConfirmation = (props) => {
+var DriveConfirm = (props) => {
   const { title, description, onConfirm, disableEscapeKeyDown, inputs, onClose, open } = props;
   const [error, setError] = React3.useState(null);
   const [isLoading, setIsLoading] = React3.useState(false);
@@ -1154,11 +1160,29 @@ var DialogConfirmation = (props) => {
           )
         ] }, input.id)) }),
         /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleClose, disabled: isLoading, children: "Cancel" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
-              onClick: handleConfirm,
+              type: "button",
+              variant: "outline",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleClose();
+              },
+              disabled: isLoading,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                void handleConfirm();
+              },
               disabled: isLoading || !isFormValid(),
               children: "Confirm"
             }
@@ -1168,7 +1192,7 @@ var DialogConfirmation = (props) => {
     }
   ) });
 };
-var RenameAccountDialog = (props) => {
+var DriveAccountRename = (props) => {
   const { open, onClose, account, onConfirm } = props;
   const {
     register,
@@ -1229,52 +1253,65 @@ var RenameAccountDialog = (props) => {
           e.preventDefault();
         }
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Rename Account" }),
-          /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a new display name for this storage account." })
-        ] }),
-        errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-account-input", children: "Account name" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Input,
-            {
-              id: "rename-account-input",
-              ...register("name", {
-                required: "Account name is required",
-                validate: (value) => {
-                  const trimmed = value.trim();
-                  if (!trimmed) return "Account name cannot be empty";
-                  if (trimmed.length > 255)
-                    return "Account name is too long";
-                  return true;
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.stopPropagation();
+            void handleSubmit(handleFormSubmit)(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Rename Account" }),
+              /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a new display name for this storage account." })
+            ] }),
+            errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-account-input", children: "Account name" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  id: "rename-account-input",
+                  ...register("name", {
+                    required: "Account name is required",
+                    validate: (value) => {
+                      const trimmed = value.trim();
+                      if (!trimmed) return "Account name cannot be empty";
+                      if (trimmed.length > 255)
+                        return "Account name is too long";
+                      return true;
+                    }
+                  }),
+                  placeholder: "Enter account name",
+                  disabled: isSubmitting,
+                  autoComplete: "off"
                 }
-              }),
-              placeholder: "Enter account name",
-              disabled: isSubmitting,
-              autoComplete: "off"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handleClose,
-              disabled: isSubmitting,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : "Save" })
-        ] })
-      ] })
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClose();
+                  },
+                  disabled: isSubmitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : "Save" })
+            ] })
+          ]
+        }
+      )
     }
   ) });
 };
@@ -1495,7 +1532,7 @@ var ContextMenuSeparator = React3__namespace.forwardRef(({ className, ...props }
   }
 ));
 ContextMenuSeparator.displayName = ContextMenuPrimitive__namespace.Separator.displayName;
-var CreateFolderDialog = (props) => {
+var DriveFolderCreate = (props) => {
   const { open, onClose, onConfirm } = props;
   const {
     register,
@@ -1547,56 +1584,69 @@ var CreateFolderDialog = (props) => {
           e.preventDefault();
         }
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Create New Folder" }),
-          /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a name for the new folder" })
-        ] }),
-        errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "folder-name", children: "Folder name" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Input,
-            {
-              id: "folder-name",
-              ...register("name", {
-                required: "Folder name is required",
-                validate: (value) => {
-                  const trimmed = value.trim();
-                  if (!trimmed) return "Folder name cannot be empty";
-                  if (trimmed.length > 255)
-                    return "Folder name is too long";
-                  return true;
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.stopPropagation();
+            void handleSubmit(handleFormSubmit)(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Create New Folder" }),
+              /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a name for the new folder" })
+            ] }),
+            errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "folder-name", children: "Folder name" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  id: "folder-name",
+                  ...register("name", {
+                    required: "Folder name is required",
+                    validate: (value) => {
+                      const trimmed = value.trim();
+                      if (!trimmed) return "Folder name cannot be empty";
+                      if (trimmed.length > 255)
+                        return "Folder name is too long";
+                      return true;
+                    }
+                  }),
+                  placeholder: "Enter folder name",
+                  disabled: isSubmitting,
+                  autoComplete: "off"
                 }
-              }),
-              placeholder: "Enter folder name",
-              disabled: isSubmitting,
-              autoComplete: "off"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handleClose,
-              disabled: isSubmitting,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Creating..." : "Create" })
-        ] })
-      ] })
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClose();
+                  },
+                  disabled: isSubmitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Creating..." : "Create" })
+            ] })
+          ]
+        }
+      )
     }
   ) });
 };
-var RenameDialog = (props) => {
+var DriveItemRename = (props) => {
   const { open, onClose, item, onConfirm } = props;
   const {
     register,
@@ -1656,57 +1706,70 @@ var RenameDialog = (props) => {
           e.preventDefault();
         }
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { children: [
-            "Rename ",
-            itemType
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
-            "Enter a new name for this ",
-            itemType.toLowerCase()
-          ] })
-        ] }),
-        errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
-          /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-input", children: "Name" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Input,
-            {
-              id: "rename-input",
-              ...register("name", {
-                required: "Name is required",
-                validate: (value) => {
-                  const trimmed = value.trim();
-                  if (!trimmed) return "Name cannot be empty";
-                  if (trimmed.length > 255) return "Name is too long";
-                  return true;
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.stopPropagation();
+            void handleSubmit(handleFormSubmit)(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { children: [
+                "Rename ",
+                itemType
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
+                "Enter a new name for this ",
+                itemType.toLowerCase()
+              ] })
+            ] }),
+            errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-input", children: "Name" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  id: "rename-input",
+                  ...register("name", {
+                    required: "Name is required",
+                    validate: (value) => {
+                      const trimmed = value.trim();
+                      if (!trimmed) return "Name cannot be empty";
+                      if (trimmed.length > 255) return "Name is too long";
+                      return true;
+                    }
+                  }),
+                  placeholder: "Enter name",
+                  disabled: isSubmitting,
+                  autoComplete: "off"
                 }
-              }),
-              placeholder: "Enter name",
-              disabled: isSubmitting,
-              autoComplete: "off"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: handleClose,
-              disabled: isSubmitting,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Renaming..." : "Rename" })
-        ] })
-      ] })
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handleClose();
+                  },
+                  disabled: isSubmitting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Renaming..." : "Rename" })
+            ] })
+          ]
+        }
+      )
     }
   ) });
 };
@@ -1988,7 +2051,7 @@ var DriveFileGrid = (props) => {
       hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: observerTarget, className: "nd:flex nd:justify-center nd:py-6", children: isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-6 nd:animate-spin nd:text-muted-foreground" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      CreateFolderDialog,
+      DriveFolderCreate,
       {
         open: dialogs.newFolder,
         onClose: () => setDialogs((prev) => ({ ...prev, newFolder: false })),
@@ -1998,7 +2061,7 @@ var DriveFileGrid = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      RenameDialog,
+      DriveItemRename,
       {
         open: dialogs.rename,
         onClose: () => {
@@ -2013,7 +2076,7 @@ var DriveFileGrid = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.delete,
         onClose: () => {
@@ -2274,7 +2337,7 @@ var DriveHeader = ({ className }) => {
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.delete,
         onClose: () => setDialogs((prev) => ({ ...prev, delete: false })),
@@ -2290,7 +2353,7 @@ var DriveHeader = ({ className }) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.emptyTrash,
         onClose: () => setDialogs((prev) => ({ ...prev, emptyTrash: false })),
@@ -2304,7 +2367,7 @@ var DriveHeader = ({ className }) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      CreateFolderDialog,
+      DriveFolderCreate,
       {
         open: dialogs.newFolder,
         onClose: () => setDialogs((prev) => ({ ...prev, newFolder: false })),
@@ -3014,7 +3077,7 @@ var ChooserSidebar = (props) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:p-2.5 nd:border-t nd:border-border/50 nd:bg-background/50 nd:dark:bg-background/30", children: /* @__PURE__ */ jsxRuntime.jsx(DriveStorageIndicator, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      RenameAccountDialog,
+      DriveAccountRename,
       {
         open: renameDialog.open,
         onClose: () => setRenameDialog({ open: false, account: null }),
@@ -3023,7 +3086,7 @@ var ChooserSidebar = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: deleteDialog.open,
         onClose: () => setDeleteDialog({ open: false, account: null }),
@@ -3451,7 +3514,7 @@ var SidebarContent = (props) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:p-2.5 nd:border-t nd:border-border/50 nd:bg-background/50 nd:dark:bg-background/30", children: /* @__PURE__ */ jsxRuntime.jsx(DriveStorageIndicator, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      RenameAccountDialog,
+      DriveAccountRename,
       {
         open: renameDialog.open,
         onClose: () => setRenameDialog({ open: false, account: null }),
@@ -3460,7 +3523,7 @@ var SidebarContent = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: deleteDialog.open,
         onClose: () => setDeleteDialog({ open: false, account: null }),
@@ -3820,7 +3883,7 @@ var DriveExplorer = (props) => {
       ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:px-2 nd:py-6 nd:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground", children: "No actions available" }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      CreateFolderDialog,
+      DriveFolderCreate,
       {
         open: dialogs.newFolder,
         onClose: () => setDialogs((prev) => ({ ...prev, newFolder: false })),
@@ -3830,7 +3893,7 @@ var DriveExplorer = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      RenameDialog,
+      DriveItemRename,
       {
         open: dialogs.rename,
         onClose: () => {
@@ -3845,7 +3908,7 @@ var DriveExplorer = (props) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DialogConfirmation,
+      DriveConfirm,
       {
         open: dialogs.delete,
         onClose: () => {