@muhgholy/next-drive 4.23.8 → 4.23.10

package/dist/client/file-chooser.d.ts

@@ -10,5 +10,6 @@ export declare const DriveFileChooser: (props: Readonly<{
     disabled?: boolean;
     error?: boolean;
     helperText?: string;
+    allowUnauthenticated?: boolean;
 }>) => React.JSX.Element;
 //# sourceMappingURL=file-chooser.d.ts.map

package/dist/client/file-chooser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-chooser.d.ts","sourceRoot":"","sources":["../../src/client/file-chooser.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAwWjD,eAAO,MAAM,gBAAgB,GAAI,OAAO,QAAQ,CAAC;IAC7C,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,sBA0LD,CAAC"}
+{"version":3,"file":"file-chooser.d.ts","sourceRoot":"","sources":["../../src/client/file-chooser.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA0WjD,eAAO,MAAM,gBAAgB,GAAI,OAAO,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC,sBAiQD,CAAC"}

package/dist/client/hooks/use-upload.d.ts

@@ -1,5 +1,5 @@
 import type { TDriveUploadState } from '../../types/client';
-export declare const useUpload: (apiEndpoint: string, activeAccountId: string | null, withCredentials?: boolean, onUploadComplete?: (item: unknown) => void) => {
+export declare const useUpload: (apiEndpoint: string, activeAccountId: string | null, withCredentials?: boolean, onUploadComplete?: (item: unknown) => void, unauthenticated?: boolean) => {
     uploads: TDriveUploadState[];
     uploadFiles: (files: File[], folderId: string | null) => Promise<void>;
     cancelUpload: (id: string) => Promise<void>;

package/dist/client/hooks/use-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-upload.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/use-upload.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,OAAO,KAAK,IAAI;;yBAkKzG,IAAI,EAAE,YAAY,MAAM,GAAG,IAAI;uBAuB9D,MAAM;;CA+CxB,CAAC"}
+{"version":3,"file":"use-upload.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/use-upload.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,OAAO,KAAK,IAAI,EAAE,kBAAiB,OAAe;;yBAmK3I,IAAI,EAAE,YAAY,MAAM,GAAG,IAAI;uBAuB9D,MAAM;;CA+CxB,CAAC"}

package/dist/client/index.cjs

@@ -6,6 +6,7 @@ var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
+var ProgressPrimitive = require('@radix-ui/react-progress');
 var SheetPrimitive = require('@radix-ui/react-dialog');
 var lucideReact = require('lucide-react');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
@@ -13,7 +14,6 @@ var LabelPrimitive = require('@radix-ui/react-label');
 var reactHookForm = require('react-hook-form');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
-var ProgressPrimitive = require('@radix-ui/react-progress');
 var dateFns = require('date-fns');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 var utilities = require('@dnd-kit/utilities');
@@ -37,10 +37,10 @@ function _interopNamespace(e) {
 }
 
 var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
 var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
 
 var DriveContext = React3.createContext(null);
@@ -322,7 +322,7 @@ var getChunkSize = (fileSize) => {
   if (fileSize < 1024 * 1024 * 1024) return 8 * 1024 * 1024;
   return 16 * 1024 * 1024;
 };
-var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUploadComplete) => {
+var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUploadComplete, unauthenticated = false) => {
   const [uploads, setUploads] = React3.useState([]);
   const abortControllers = React3.useRef(/* @__PURE__ */ new Map());
   const filesRef = React3.useRef(/* @__PURE__ */ new Map());
@@ -406,6 +406,7 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
         formData.append("fileType", file.type);
         formData.append("folderId", folderId || "root");
         if (driveId) formData.append("driveId", driveId);
+        if (unauthenticated) formData.append("unauthenticated", "true");
         let attempts = 0;
         let success = false;
         while (!success && attempts < 3 && !controller.signal.aborted) {
@@ -565,6 +566,39 @@ function Button({
     }
   );
 }
+function Progress({
+  className,
+  value,
+  indicatorClassName,
+  indeterminate = false,
+  ...props
+}) {
+  const isIndeterminate = indeterminate || value === void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    {
+      "data-slot": "progress",
+      className: chunkHQTC3554_cjs.cn(
+        "nd:bg-primary/20 nd:relative nd:h-2 nd:w-full nd:overflow-hidden nd:rounded-full",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: chunkHQTC3554_cjs.cn(
+            "nd:bg-primary nd:h-full nd:flex-1 nd:transition-all",
+            isIndeterminate && "nd:w-1/3 nd:animate-[indeterminate_1.5s_ease-in-out_infinite]",
+            !isIndeterminate && "nd:w-full",
+            indicatorClassName
+          ),
+          style: isIndeterminate ? void 0 : { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
 function Dialog2({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Root, { "data-slot": "dialog2", ...props });
 }
@@ -1388,39 +1422,6 @@ var DriveDndProvider = (props) => {
     }
   ) : children });
 };
-function Progress({
-  className,
-  value,
-  indicatorClassName,
-  indeterminate = false,
-  ...props
-}) {
-  const isIndeterminate = indeterminate || value === void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ProgressPrimitive__namespace.Root,
-    {
-      "data-slot": "progress",
-      className: chunkHQTC3554_cjs.cn(
-        "nd:bg-primary/20 nd:relative nd:h-2 nd:w-full nd:overflow-hidden nd:rounded-full",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        ProgressPrimitive__namespace.Indicator,
-        {
-          "data-slot": "progress-indicator",
-          className: chunkHQTC3554_cjs.cn(
-            "nd:bg-primary nd:h-full nd:flex-1 nd:transition-all",
-            isIndeterminate && "nd:w-1/3 nd:animate-[indeterminate_1.5s_ease-in-out_infinite]",
-            !isIndeterminate && "nd:w-full",
-            indicatorClassName
-          ),
-          style: isIndeterminate ? void 0 : { transform: `translateX(-${100 - (value || 0)}%)` }
-        }
-      )
-    }
-  );
-}
 var ContextMenu = ContextMenuPrimitive__namespace.Root;
 var ContextMenuTrigger = ContextMenuPrimitive__namespace.Trigger;
 var ContextMenuSubTrigger = React3__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3126,11 +3127,46 @@ var DriveFileChooser = (props) => {
     className,
     disabled = false,
     error,
-    helperText
+    helperText,
+    allowUnauthenticated = false
   } = props;
-  const { items, selectedFileIds, setSelectedFileIds, createUrl, triggerFetch } = useDrive();
+  const { items, selectedFileIds, setSelectedFileIds, createUrl, triggerFetch, apiEndpoint, activeAccountId, withCredentials, callAPI } = useDrive();
   useStyleInjector();
   const [isOpen, setIsOpen] = React3.useState(false);
+  const fileInputRef = React3.useRef(null);
+  const valueRef = React3.useRef(value);
+  valueRef.current = value;
+  const [authed, setAuthed] = React3.useState(allowUnauthenticated ? null : true);
+  React3.useEffect(() => {
+    if (!allowUnauthenticated) return;
+    callAPI("information").then((res) => setAuthed(res.status === 200 ? !!res.data?.authenticated : false));
+  }, [allowUnauthenticated, callAPI]);
+  const unauthenticatedMode = allowUnauthenticated && authed === false;
+  const handleUploaded = React3.useCallback((item) => {
+    const isFile = item?.information?.type === "FILE";
+    const uploaded = {
+      id: item.id,
+      file: { name: item.name, mime: isFile ? item.information.mime : "", size: isFile ? item.information.sizeInBytes : 0 }
+    };
+    const current = valueRef.current;
+    if (multiple) {
+      const arr = Array.isArray(current) ? current : current ? [current] : [];
+      onChange([...arr, uploaded]);
+    } else {
+      onChange(uploaded);
+    }
+  }, [multiple, onChange]);
+  const { uploads, uploadFiles } = useUpload(apiEndpoint, activeAccountId, withCredentials, handleUploaded, unauthenticatedMode);
+  const openPicker = React3.useCallback(() => {
+    if (unauthenticatedMode) fileInputRef.current?.click();
+    else setIsOpen(true);
+  }, [unauthenticatedMode]);
+  const handleFilePick = React3.useCallback((e) => {
+    const picked = Array.from(e.target.files ?? []);
+    if (picked.length) uploadFiles(multiple ? picked : [picked[0]], null);
+    e.target.value = "";
+  }, [uploadFiles, multiple]);
+  const activeUploads = unauthenticatedMode ? uploads.filter((u) => ["queued", "uploading", "error"].includes(u.status)) : [];
   React3.useEffect(() => {
     if (isOpen) {
       triggerFetch();
@@ -3164,8 +3200,8 @@ var DriveFileChooser = (props) => {
       {
         type: "button",
         variant: "outline",
-        onClick: () => setIsOpen(true),
-        disabled,
+        onClick: openPicker,
+        disabled: disabled || allowUnauthenticated && authed === null,
         className: chunkHQTC3554_cjs.cn(
           "nd:w-full nd:h-auto nd:justify-start nd:gap-3 nd:px-3 nd:py-2.5 nd:border-dashed",
           error && "nd:border-destructive"
@@ -3194,7 +3230,7 @@ var DriveFileChooser = (props) => {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-1 nd:shrink-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setIsOpen(true), disabled, children: "Change" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: openPicker, disabled, children: "Change" }),
             !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "nd:size-8", onClick: () => handleRemove(displayFiles[0].id), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-4" }) })
           ] })
         ] }),
@@ -3207,7 +3243,7 @@ var DriveFileChooser = (props) => {
               " selected"
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs", onClick: () => setIsOpen(true), disabled, children: "Add more" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs", onClick: openPicker, disabled, children: "Add more" }),
               !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs nd:text-muted-foreground", onClick: () => onChange([]), children: "Clear" })
             ] })
           ] }),
@@ -3226,6 +3262,16 @@ var DriveFileChooser = (props) => {
       ] })
     ),
     error && helperText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-destructive nd:mt-1.5", children: helperText }),
+    unauthenticatedMode && /* @__PURE__ */ jsxRuntime.jsx("input", { ref: fileInputRef, type: "file", accept, multiple, className: "nd:hidden", onChange: handleFilePick }),
+    activeUploads.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:mt-2 nd:space-y-2", children: activeUploads.map((u) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:rounded-lg nd:border nd:px-3 nd:py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-2", children: [
+        u.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-4 nd:text-destructive nd:shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-4 nd:animate-spin nd:text-muted-foreground nd:shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-sm nd:truncate nd:flex-1", children: u.name }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-xs nd:text-muted-foreground nd:shrink-0", children: u.status === "error" ? "Failed" : `${Math.round(u.currentChunk / Math.max(1, u.totalChunks) * 100)}%` })
+      ] }),
+      u.status !== "error" && /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: Math.round(u.currentChunk / Math.max(1, u.totalChunks) * 100), className: "nd:mt-1.5" }),
+      u.status === "error" && u.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-destructive nd:mt-1", children: u.error })
+    ] }, u.id)) }),
     /* @__PURE__ */ jsxRuntime.jsx(Dialog2, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Content, { showCloseButton: false, className: "nd-drive-root", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Header, { className: "nd:gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(MobileSidebarSheet, {}),