@uploadista/react 0.0.15-beta.4 → 0.0.15

package/src/contexts/flow-manager-context.tsx

@@ -1,8 +1,11 @@
-import type { UploadistaEvent } from "@uploadista/client-browser";
+import type {
+  BrowserUploadInput,
+  FlowUploadOptions,
+  UploadistaEvent,
+} from "@uploadista/client-browser";
 import {
   FlowManager,
   type FlowManagerCallbacks,
-  type FlowUploadState,
 } from "@uploadista/client-core";
 import { EventType, type FlowEvent } from "@uploadista/core/flow";
 import { UploadEventType } from "@uploadista/core/types";
@@ -15,7 +18,6 @@ import {
   useRef,
 } from "react";
 import { useUploadistaContext } from "../components/uploadista-provider";
-import type { FlowUploadOptions } from "@uploadista/client-browser";
 
 /**
  * Type guard to check if an event is a flow event
@@ -37,8 +39,8 @@ function isFlowEvent(event: UploadistaEvent): event is FlowEvent {
 /**
  * Internal manager registry entry with ref counting
  */
-interface ManagerEntry<TOutput> {
-  manager: FlowManager<unknown, TOutput>;
+interface ManagerEntry {
+  manager: FlowManager<unknown>;
   refCount: number;
   flowId: string;
 }
@@ -56,11 +58,11 @@ interface FlowManagerContextValue {
    * @param options - Flow configuration options
    * @returns FlowManager instance
    */
-  getManager: <TOutput = unknown>(
+  getManager: (
     flowId: string,
-    callbacks: FlowManagerCallbacks<TOutput>,
-    options: FlowUploadOptions<TOutput>,
-  ) => FlowManager<unknown, TOutput>;
+    callbacks: FlowManagerCallbacks,
+    options: FlowUploadOptions,
+  ) => FlowManager<unknown>;
 
   /**
    * Release a flow manager reference.
@@ -101,9 +103,7 @@ interface FlowManagerProviderProps {
  */
 export function FlowManagerProvider({ children }: FlowManagerProviderProps) {
   const { client, subscribeToEvents } = useUploadistaContext();
-  const managersRef = useRef(
-    new Map<string, ManagerEntry<unknown>>(),
-  );
+  const managersRef = useRef(new Map<string, ManagerEntry>());
 
   // Subscribe to all events and route to appropriate managers
   useEffect(() => {
@@ -122,15 +122,11 @@ export function FlowManagerProvider({ children }: FlowManagerProviderProps) {
         event.type === UploadEventType.UPLOAD_PROGRESS &&
         "data" in event
       ) {
-        const uploadEvent = event as {
-          type: UploadEventType;
-          uploadId: string;
-          data: { progress: number; total: number | null };
-        };
+        const uploadEvent = event;
 
         for (const entry of managersRef.current.values()) {
           entry.manager.handleUploadProgress(
-            uploadEvent.uploadId,
+            uploadEvent.data.id,
             uploadEvent.data.progress,
             uploadEvent.data.total,
           );
@@ -142,36 +138,27 @@ export function FlowManagerProvider({ children }: FlowManagerProviderProps) {
   }, [subscribeToEvents]);
 
   const getManager = useCallback(
-    <TOutput,>(
+    (
       flowId: string,
-      callbacks: FlowManagerCallbacks<TOutput>,
-      options: FlowUploadOptions<TOutput>,
-    ): FlowManager<unknown, TOutput> => {
+      callbacks: FlowManagerCallbacks,
+      options: FlowUploadOptions,
+    ): FlowManager<unknown> => {
       const existing = managersRef.current.get(flowId);
 
       if (existing) {
         // Increment ref count for existing manager
         existing.refCount++;
-        return existing.manager as FlowManager<unknown, TOutput>;
+        return existing.manager;
       }
 
-      // Create new manager using client from hook scope
-      const flowUploadFn = (
-        input: unknown,
-        flowConfig: FlowUploadOptions<TOutput>["flowConfig"],
-        internalOptions: unknown,
-      ) => {
-        return client.uploadWithFlow(input, flowConfig, internalOptions);
-      };
-
-      const manager = new FlowManager<unknown, TOutput>(
-        flowUploadFn,
+      const manager = new FlowManager<BrowserUploadInput>(
+        client.uploadWithFlow,
         callbacks,
         options,
       );
 
       managersRef.current.set(flowId, {
-        manager: manager as FlowManager<unknown, unknown>,
+        manager,
         refCount: 1,
         flowId,
       });

package/src/hooks/use-flow-upload.ts

@@ -1,11 +1,10 @@
 import type { FlowUploadOptions } from "@uploadista/client-browser";
-import {
-  type FlowManager,
-  type FlowUploadState,
-  type FlowUploadStatus,
+import type {
+  FlowManager,
+  FlowUploadState,
+  FlowUploadStatus,
 } from "@uploadista/client-core";
 import type { TypedOutput } from "@uploadista/core/flow";
-import type { UploadFile } from "@uploadista/core/types";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useFlowManagerContext } from "../contexts/flow-manager-context";
 
@@ -15,8 +14,6 @@ export type { FlowUploadState, FlowUploadStatus };
 /**
  * Return value from the useFlowUpload hook with upload control methods and state.
  *
- * @template TOutput - Type of the final output from the flow (defaults to UploadFile)
- *
  * @property state - Complete flow upload state with progress and outputs
  * @property upload - Function to initiate file upload through the flow
  * @property abort - Cancel the current upload and flow execution
@@ -26,11 +23,11 @@ export type { FlowUploadState, FlowUploadStatus };
  * @property isUploadingFile - True only during file upload phase
  * @property isProcessing - True only during flow processing phase
  */
-export interface UseFlowUploadReturn<TOutput = UploadFile> {
+export interface UseFlowUploadReturn {
   /**
    * Current upload state
    */
-  state: FlowUploadState<TOutput>;
+  state: FlowUploadState;
 
   /**
    * Upload a file through the flow
@@ -74,7 +71,6 @@ const initialState: FlowUploadState = {
   bytesUploaded: 0,
   totalBytes: null,
   error: null,
-  result: null,
   jobId: null,
   flowStarted: false,
   currentNodeName: null,
@@ -93,7 +89,6 @@ const initialState: FlowUploadState = {
  * Must be used within FlowManagerProvider (which must be within UploadistaProvider).
  * Flow events are automatically routed by the provider to the appropriate manager.
  *
- * @template TOutput - Type of the final result from the flow (defaults to UploadFile)
  * @param options - Flow upload configuration including flow ID and event handlers
  * @returns Flow upload state and control methods
  *
@@ -105,14 +100,16 @@ const initialState: FlowUploadState = {
  *     flowConfig: {
  *       flowId: "image-optimization-flow",
  *       storageId: "s3-images",
- *       outputNodeId: "optimized-output", // Optional: specify which output to use
  *     },
- *     onSuccess: (result) => {
- *       console.log("Image optimized and saved:", result);
+ *     onSuccess: (outputs) => {
+ *       console.log("Flow outputs:", outputs);
+ *       // Access all outputs from the flow
+ *       for (const output of outputs) {
+ *         console.log(`${output.nodeId}:`, output.data);
+ *       }
  *     },
  *     onFlowComplete: (outputs) => {
  *       console.log("All flow outputs:", outputs);
- *       // outputs might include: { thumbnail: {...}, optimized: {...}, original: {...} }
  *     },
  *     onError: (error) => {
  *       console.error("Upload or processing failed:", error);
@@ -146,8 +143,12 @@ const initialState: FlowUploadState = {
  *       {flowUpload.state.status === "success" && (
  *         <div>
  *           <p>Upload complete!</p>
- *           {flowUpload.state.result && (
- *             <img src={flowUpload.state.result.url} alt="Uploaded" />
+ *           {flowUpload.state.flowOutputs && (
+ *             <div>
+ *               {flowUpload.state.flowOutputs.map((output) => (
+ *                 <div key={output.nodeId}>{output.nodeId}: {JSON.stringify(output.data)}</div>
+ *               ))}
+ *             </div>
  *           )}
  *         </div>
  *       )}
@@ -170,14 +171,10 @@ const initialState: FlowUploadState = {
  * @see {@link useMultiFlowUpload} for uploading multiple files through a flow
  * @see {@link useUpload} for simple uploads without flow processing
  */
-export function useFlowUpload<TOutput = UploadFile>(
-  options: FlowUploadOptions<TOutput>,
-): UseFlowUploadReturn<TOutput> {
+export function useFlowUpload(options: FlowUploadOptions): UseFlowUploadReturn {
   const { getManager, releaseManager } = useFlowManagerContext();
-  const [state, setState] = useState<FlowUploadState<TOutput>>(
-    initialState as FlowUploadState<TOutput>,
-  );
-  const managerRef = useRef<FlowManager<unknown, TOutput> | null>(null);
+  const [state, setState] = useState<FlowUploadState>(initialState);
+  const managerRef = useRef<FlowManager<unknown> | null>(null);
 
   // Store callbacks in refs so they can be updated without recreating the manager
   const callbacksRef = useRef(options);
@@ -195,17 +192,29 @@ export function useFlowUpload<TOutput = UploadFile>(
     // Create stable callback wrappers that call the latest callbacks via refs
     const stableCallbacks = {
       onStateChange: setState,
-      onProgress: (uploadId: string, bytesUploaded: number, totalBytes: number | null) => {
+      onProgress: (
+        uploadId: string,
+        bytesUploaded: number,
+        totalBytes: number | null,
+      ) => {
         callbacksRef.current.onProgress?.(uploadId, bytesUploaded, totalBytes);
       },
-      onChunkComplete: (chunkSize: number, bytesAccepted: number, bytesTotal: number | null) => {
-        callbacksRef.current.onChunkComplete?.(chunkSize, bytesAccepted, bytesTotal);
+      onChunkComplete: (
+        chunkSize: number,
+        bytesAccepted: number,
+        bytesTotal: number | null,
+      ) => {
+        callbacksRef.current.onChunkComplete?.(
+          chunkSize,
+          bytesAccepted,
+          bytesTotal,
+        );
       },
       onFlowComplete: (outputs: TypedOutput[]) => {
         callbacksRef.current.onFlowComplete?.(outputs);
       },
-      onSuccess: (result: TOutput) => {
-        callbacksRef.current.onSuccess?.(result);
+      onSuccess: (outputs: TypedOutput[]) => {
+        callbacksRef.current.onSuccess?.(outputs);
       },
       onError: (error: Error) => {
         callbacksRef.current.onError?.(error);
@@ -223,7 +232,13 @@ export function useFlowUpload<TOutput = UploadFile>(
       releaseManager(flowId);
       managerRef.current = null;
     };
-  }, [options.flowConfig.flowId, options.flowConfig.storageId, options.flowConfig.outputNodeId, getManager, releaseManager]);
+  }, [
+    options.flowConfig.flowId,
+    options.flowConfig.storageId,
+    options.flowConfig.outputNodeId,
+    getManager,
+    releaseManager,
+  ]);
 
   // Wrap manager methods with useCallback
   const upload = useCallback(async (file: File | Blob) => {

package/src/hooks/use-multi-flow-upload.ts

@@ -4,7 +4,6 @@ import type {
   MultiFlowUploadOptions,
   MultiFlowUploadState,
 } from "@uploadista/client-browser";
-import type { UploadFile } from "@uploadista/core/types";
 import { useCallback, useRef, useState } from "react";
 import { useUploadistaContext } from "../components/uploadista-provider";
 
@@ -271,11 +270,16 @@ export function useMultiFlowUpload(
               return updated;
             });
           },
-          onSuccess: (result: UploadFile) => {
+          onSuccess: (outputs) => {
             setItems((prev) => {
               const updated = prev.map((i) =>
                 i.id === itemId
-                  ? { ...i, status: "success" as const, result, progress: 100 }
+                  ? {
+                      ...i,
+                      status: "success" as const,
+                      result: outputs,
+                      progress: 100,
+                    }
                   : i,
               );
               const updatedItem = updated.find((i) => i.id === itemId);

package/src/hooks/use-upload-events.ts

@@ -151,41 +151,63 @@ export function useUploadEvents(options: UseUploadEventsOptions): void {
       if (!isUploadEvent(event)) return;
 
       // Route to appropriate callback based on event type
+      // Note: flow context is at the top level of the event, not inside data
+      const flowContext = "flow" in event ? event.flow : undefined;
+
       switch (event.type) {
         case UploadEventType.UPLOAD_STARTED:
-          options.onUploadStarted?.(
-            event.data as unknown as UploadFileEventData,
-          );
+          options.onUploadStarted?.({
+            ...(event.data as unknown as Omit<UploadFileEventData, "flow">),
+            flow: flowContext,
+          });
           break;
         case UploadEventType.UPLOAD_PROGRESS:
-          options.onUploadProgress?.(
-            event.data as unknown as UploadProgressEventData,
-          );
+          options.onUploadProgress?.({
+            ...(event.data as unknown as Omit<
+              UploadProgressEventData,
+              "flow"
+            >),
+            flow: flowContext,
+          });
           break;
         case UploadEventType.UPLOAD_COMPLETE:
-          options.onUploadComplete?.(
-            event.data as unknown as UploadFileEventData,
-          );
+          options.onUploadComplete?.({
+            ...(event.data as unknown as Omit<UploadFileEventData, "flow">),
+            flow: flowContext,
+          });
           break;
         case UploadEventType.UPLOAD_FAILED:
-          options.onUploadFailed?.(
-            event.data as unknown as UploadFailedEventData,
-          );
+          options.onUploadFailed?.({
+            ...(event.data as unknown as Omit<UploadFailedEventData, "flow">),
+            flow: flowContext,
+          });
           break;
         case UploadEventType.UPLOAD_VALIDATION_SUCCESS:
-          options.onUploadValidationSuccess?.(
-            event.data as unknown as UploadValidationSuccessEventData,
-          );
+          options.onUploadValidationSuccess?.({
+            ...(event.data as unknown as Omit<
+              UploadValidationSuccessEventData,
+              "flow"
+            >),
+            flow: flowContext,
+          });
           break;
         case UploadEventType.UPLOAD_VALIDATION_FAILED:
-          options.onUploadValidationFailed?.(
-            event.data as unknown as UploadValidationFailedEventData,
-          );
+          options.onUploadValidationFailed?.({
+            ...(event.data as unknown as Omit<
+              UploadValidationFailedEventData,
+              "flow"
+            >),
+            flow: flowContext,
+          });
           break;
         case UploadEventType.UPLOAD_VALIDATION_WARNING:
-          options.onUploadValidationWarning?.(
-            event.data as unknown as UploadValidationWarningEventData,
-          );
+          options.onUploadValidationWarning?.({
+            ...(event.data as unknown as Omit<
+              UploadValidationWarningEventData,
+              "flow"
+            >),
+            flow: flowContext,
+          });
           break;
       }
     });

package/src/hooks/use-uploadista-events.ts

@@ -1,4 +1,4 @@
-import type { UploadistaEvent } from "@uploadista/client-browser";
+import type { UploadistaEvent } from "@uploadista/client-core";
 import { useEffect } from "react";
 import { useUploadistaContext } from "../components/uploadista-provider";
 

package/dist/use-upload-DSYzF2Et.mjs

@@ -1,2 +0,0 @@
-import{EventType as e}from"@uploadista/core/flow";import{UploadEventType as t}from"@uploadista/core/types";import{createContext as n,useCallback as r,useContext as i,useEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{FlowManager as l,UploadManager as u}from"@uploadista/client-core";import{jsx as d}from"react/jsx-runtime";import{createUploadistaClient as f}from"@uploadista/client-browser";function p(t){let n=t;return n.eventType===e.FlowStart||n.eventType===e.FlowEnd||n.eventType===e.FlowError||n.eventType===e.NodeStart||n.eventType===e.NodeEnd||n.eventType===e.NodePause||n.eventType===e.NodeResume||n.eventType===e.NodeError}const m=n(void 0);function h({children:e}){let{client:n,subscribeToEvents:i}=b(),o=s(new Map);a(()=>i(e=>{if(p(e)){for(let t of o.current.values())t.manager.handleFlowEvent(e);return}if(`type`in e&&e.type===t.UPLOAD_PROGRESS&&`data`in e){let t=e;for(let e of o.current.values())e.manager.handleUploadProgress(t.uploadId,t.data.progress,t.data.total)}}),[i]);let c=r((e,t,r)=>{let i=o.current.get(e);if(i)return i.refCount++,i.manager;let a=new l((e,t,r)=>n.uploadWithFlow(e,t,r),t,r);return o.current.set(e,{manager:a,refCount:1,flowId:e}),a},[n]),u=r(e=>{let t=o.current.get(e);t&&(t.refCount--,t.refCount<=0&&(t.manager.cleanup(),o.current.delete(e)))},[]);return d(m.Provider,{value:{getManager:c,releaseManager:u},children:e})}function g(){let e=i(m);if(e===void 0)throw Error(`useFlowManagerContext must be used within a FlowManagerProvider. Make sure to wrap your component tree with <FlowManagerProvider>.`);return e}function _(e){let t=s(e);return t.current=e,{client:o(()=>(console.log(`[useUploadistaClient] Creating NEW client instance with onEvent:`,e.onEvent),f({baseUrl:e.baseUrl,storageId:e.storageId,uploadistaBasePath:e.uploadistaBasePath,chunkSize:e.chunkSize,storeFingerprintForResuming:e.storeFingerprintForResuming,retryDelays:e.retryDelays,parallelUploads:e.parallelUploads,parallelChunkSize:e.parallelChunkSize,uploadStrategy:e.uploadStrategy,smartChunking:e.smartChunking,networkMonitoring:e.networkMonitoring,uploadMetrics:e.uploadMetrics,connectionPooling:e.connectionPooling,auth:e.auth,onEvent:e.onEvent})),[e.baseUrl,e.storageId,e.uploadistaBasePath,e.chunkSize,e.storeFingerprintForResuming,e.retryDelays,e.parallelUploads,e.parallelChunkSize,e.uploadStrategy,e.smartChunking,e.networkMonitoring,e.uploadMetrics,e.connectionPooling,e.auth,e.onEvent]),config:e}}const v=n(null);function y({children:e,...t}){let n=s(new Set),i=r(e=>{n.current.forEach(t=>{try{t(e)}catch(e){console.error(`Error in event subscriber:`,e)}})},[]),a=_({...t,onEvent:i}),c=r(e=>(n.current.add(e),()=>{n.current.delete(e)}),[]),l=o(()=>({...a,subscribeToEvents:c}),[a,c]);return d(v.Provider,{value:l,children:d(h,{children:e})})}function b(){let e=i(v);if(e===null)throw Error(`useUploadistaContext must be used within an UploadistaProvider. Make sure to wrap your component tree with <UploadistaProvider>.`);return e}function x(e){let t=b(),[n,i]=c([]),a=s(new Map),o=s([]),l=s(0),u=e.maxConcurrent??3,d=r(e=>{if(e.length===0)return 0;let t=e.reduce((e,t)=>e+t.progress,0);return Math.round(t/e.length)},[]),f=r(async()=>{if(l.current>=u||o.current.length===0)return;let r=o.current.shift();if(!r)return;let s=n.find(e=>e.id===r);if(!s||s.status!==`pending`){f();return}l.current++,i(e=>e.map(e=>e.id===r?{...e,status:`uploading`}:e));try{let{abort:n,jobId:o}=await t.client.uploadWithFlow(s.file,e.flowConfig,{onJobStart:e=>{i(t=>t.map(t=>t.id===r?{...t,jobId:e}:t))},onProgress:(t,n,a)=>{let o=a?Math.round(n/a*100):0;i(t=>{let i=t.map(e=>e.id===r?{...e,progress:o,bytesUploaded:n,totalBytes:a||0}:e),s=i.find(e=>e.id===r);return s&&e.onItemProgress?.(s),i})},onSuccess:t=>{i(n=>{let i=n.map(e=>e.id===r?{...e,status:`success`,result:t,progress:100}:e),a=i.find(e=>e.id===r);return a&&e.onItemSuccess?.(a),i.every(e=>e.status===`success`||e.status===`error`||e.status===`aborted`)&&e.onComplete?.(i),i}),a.current.delete(r),l.current--,f()},onError:t=>{i(n=>{let i=n.map(e=>e.id===r?{...e,status:`error`,error:t}:e),a=i.find(e=>e.id===r);return a&&e.onItemError?.(a,t),i.every(e=>e.status===`success`||e.status===`error`||e.status===`aborted`)&&e.onComplete?.(i),i}),a.current.delete(r),l.current--,f()},onShouldRetry:e.onShouldRetry});a.current.set(r,n),i(e=>e.map(e=>e.id===r?{...e,jobId:o}:e))}catch(e){i(t=>t.map(t=>t.id===r?{...t,status:`error`,error:e}:t)),l.current--,f()}},[t,n,u,e]),p=r(e=>{let t=Array.from(e).map(e=>({id:`${Date.now()}-${Math.random().toString(36).substr(2,9)}`,file:e,status:`pending`,progress:0,bytesUploaded:0,totalBytes:e.size,error:null,result:null,jobId:null}));i(e=>[...e,...t])},[]),m=r(e=>{let t=a.current.get(e);t&&(t(),a.current.delete(e)),i(t=>t.filter(t=>t.id!==e)),o.current=o.current.filter(t=>t!==e)},[]),h=r(()=>{let e=n.filter(e=>e.status===`pending`);o.current.push(...e.map(e=>e.id));for(let e=0;e<u;e++)f()},[n,u,f]),g=r(e=>{let t=a.current.get(e);t&&(t(),a.current.delete(e),i(t=>t.map(t=>t.id===e?{...t,status:`aborted`}:t)),l.current--,f())},[f]),_=r(()=>{for(let e of a.current.values())e();a.current.clear(),o.current=[],l.current=0,i(e=>e.map(e=>e.status===`uploading`?{...e,status:`aborted`}:e))},[]),v=r(()=>{_(),i([])},[_]),y=r(e=>{i(t=>t.map(t=>t.id===e?{...t,status:`pending`,progress:0,bytesUploaded:0,error:null}:t)),o.current.push(e),f()},[f]),x={items:n,totalProgress:d(n),activeUploads:n.filter(e=>e.status===`uploading`).length,completedUploads:n.filter(e=>e.status===`success`).length,failedUploads:n.filter(e=>e.status===`error`).length};return{state:x,addFiles:p,removeFile:m,startUpload:h,abortUpload:g,abortAll:_,clear:v,retryUpload:y,isUploading:x.activeUploads>0}}const S={isDragging:!1,isOver:!1,isValid:!0,errors:[]};function C(e={}){let{accept:t,maxFiles:n,maxFileSize:i,multiple:a=!0,validator:o,onFilesReceived:l,onValidationError:u,onDragStateChange:d}=e,[f,p]=c(S),m=s(null),h=s(0),g=r(e=>{p(t=>({...t,...e}))},[]),_=r(e=>{let r=[];n&&e.length>n&&r.push(`Maximum ${n} files allowed. You selected ${e.length} files.`);for(let n of e){if(i&&n.size>i){let e=(i/(1024*1024)).toFixed(1),t=(n.size/(1024*1024)).toFixed(1);r.push(`File "${n.name}" (${t}MB) exceeds maximum size of ${e}MB.`)}t&&t.length>0&&(t.some(e=>{if(e.startsWith(`.`))return n.name.toLowerCase().endsWith(e.toLowerCase());if(e.endsWith(`/*`)){let t=e.slice(0,-2);return n.type.startsWith(t)}else return n.type===e})||r.push(`File "${n.name}" type "${n.type}" is not accepted. Accepted types: ${t.join(`, `)}.`))}if(o){let t=o(e);t&&r.push(...t)}return r},[t,n,i,o]),v=r(e=>{let t=Array.from(e),n=_(t);n.length>0?(g({errors:n,isValid:!1}),u?.(n)):(g({errors:[],isValid:!0}),l?.(t))},[_,g,l,u]),y=r(e=>{let t=[];if(e.items)for(let n=0;n<e.items.length;n++){let r=e.items[n];if(r&&r.kind===`file`){let e=r.getAsFile();e&&t.push(e)}}else for(let n=0;n<e.files.length;n++){let r=e.files[n];r&&t.push(r)}return t},[]),b=r(e=>{e.preventDefault(),e.stopPropagation(),h.current++,h.current===1&&(g({isDragging:!0,isOver:!0}),d?.(!0))},[g,d]),x=r(e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect=`copy`)},[]),C=r(e=>{e.preventDefault(),e.stopPropagation(),h.current--,h.current===0&&(g({isDragging:!1,isOver:!1,errors:[]}),d?.(!1))},[g,d]),w=r(e=>{if(e.preventDefault(),e.stopPropagation(),h.current=0,g({isDragging:!1,isOver:!1}),d?.(!1),e.dataTransfer){let t=y(e.dataTransfer);t.length>0&&v(t)}},[g,d,y,v]),T=r(()=>{m.current?.click()},[]),E=r(e=>{e.target.files&&e.target.files.length>0&&v(Array.from(e.target.files)),e.target.value=``},[v]),D=r(()=>{p(S),h.current=0},[]);return{state:f,dragHandlers:{onDragEnter:b,onDragOver:x,onDragLeave:C,onDrop:w},inputProps:{type:`file`,multiple:a,accept:t?.join(`, `),onChange:E,style:{display:`none`},ref:m},openFilePicker:T,processFiles:v,reset:D}}const w={status:`idle`,progress:0,bytesUploaded:0,totalBytes:null,error:null,result:null,jobId:null,flowStarted:!1,currentNodeName:null,currentNodeType:null,flowOutputs:null};function T(e){let{getManager:t,releaseManager:n}=g(),[i,o]=c(w),l=s(null),u=s(e);return a(()=>{u.current=e}),a(()=>{let r=e.flowConfig.flowId;return l.current=t(r,{onStateChange:o,onProgress:(e,t,n)=>{u.current.onProgress?.(e,t,n)},onChunkComplete:(e,t,n)=>{u.current.onChunkComplete?.(e,t,n)},onFlowComplete:e=>{u.current.onFlowComplete?.(e)},onSuccess:e=>{u.current.onSuccess?.(e)},onError:e=>{u.current.onError?.(e)},onAbort:()=>{u.current.onAbort?.()}},e),()=>{n(r),l.current=null}},[e.flowConfig.flowId,e.flowConfig.storageId,e.flowConfig.outputNodeId,t,n]),{state:i,upload:r(async e=>{await l.current?.upload(e)},[]),abort:r(()=>{l.current?.abort()},[]),pause:r(()=>{l.current?.pause()},[]),reset:r(()=>{l.current?.reset()},[]),isUploading:i.status===`uploading`||i.status===`processing`,isUploadingFile:i.status===`uploading`,isProcessing:i.status===`processing`}}function E(e={}){let t=b(),{maxConcurrent:n=3}=e,[i,a]=c([]),o=s([]),l=s(0),u=s(new Set),d=s(new Map);o.current=i;let f=r(()=>`upload-${Date.now()}-${l.current++}`,[]),p=r((e,t)=>{a(n=>{let r=n.map(n=>n.id===e?{...n,state:{...n.state,...t}}:n);return o.current=r,r})},[]),m=r(()=>{let t=o.current;if(t.every(e=>[`success`,`error`,`aborted`].includes(e.state.status))&&t.length>0){let n=t.filter(e=>e.state.status===`success`),r=t.filter(e=>[`error`,`aborted`].includes(e.state.status));e.onComplete?.({successful:n,failed:r,total:t.length})}},[e]),h=r(()=>{if(u.current.size>=n)return;let r=o.current.find(e=>e.state.status===`idle`&&!u.current.has(e.id));r&&(async()=>{u.current.add(r.id),e.onUploadStart?.(r),p(r.id,{status:`uploading`});try{let n=await t.client.upload(r.file,{metadata:e.metadata,uploadLengthDeferred:e.uploadLengthDeferred,uploadSize:e.uploadSize,onProgress:(t,n,i)=>{let a=i?Math.round(n/i*100):0;p(r.id,{progress:a,bytesUploaded:n,totalBytes:i}),e.onUploadProgress?.(r,a,n,i)},onChunkComplete:()=>{},onSuccess:t=>{p(r.id,{status:`success`,result:t,progress:100});let n={...r,state:{...r.state,status:`success`,result:t}};e.onUploadSuccess?.(n,t),u.current.delete(r.id),d.current.delete(r.id),h(),m()},onError:t=>{p(r.id,{status:`error`,error:t});let n={...r,state:{...r.state,status:`error`,error:t}};e.onUploadError?.(n,t),u.current.delete(r.id),d.current.delete(r.id),h(),m()},onShouldRetry:e.onShouldRetry});d.current.set(r.id,n)}catch(t){p(r.id,{status:`error`,error:t});let n={...r,state:{...r.state,status:`error`,error:t}};e.onUploadError?.(n,t),u.current.delete(r.id),d.current.delete(r.id),h(),m()}})()},[n,t,e,p,m]),g={total:i.length,completed:i.filter(e=>[`success`,`error`,`aborted`].includes(e.state.status)).length,successful:i.filter(e=>e.state.status===`success`).length,failed:i.filter(e=>[`error`,`aborted`].includes(e.state.status)).length,uploading:i.filter(e=>e.state.status===`uploading`).length,progress:i.length>0?Math.round(i.reduce((e,t)=>e+t.state.progress,0)/i.length):0,totalBytesUploaded:i.reduce((e,t)=>e+t.state.bytesUploaded,0),totalBytes:i.reduce((e,t)=>e+(t.state.totalBytes||0),0),isUploading:i.some(e=>e.state.status===`uploading`),isComplete:i.length>0&&i.every(e=>[`success`,`error`,`aborted`].includes(e.state.status))},_=r(e=>{let t=e.map(e=>({id:f(),file:e,state:{status:`idle`,progress:0,bytesUploaded:0,totalBytes:e instanceof File?e.size:null,error:null,result:null}}));console.log(`addFiles: Adding`,t.length,`files`);let n=[...o.current,...t];o.current=n,console.log(`addFiles: Updated itemsRef.current to`,n.length,`items`),a(n)},[f]),v=r(e=>{let t=o.current.find(t=>t.id===e);if(t&&t.state.status===`uploading`){let t=d.current.get(e);t&&(t.abort(),d.current.delete(e))}a(t=>{let n=t.filter(t=>t.id!==e);return o.current=n,n}),u.current.delete(e)},[]),y=r(e=>{let t=o.current.find(t=>t.id===e);if(t&&t.state.status===`uploading`){let t=d.current.get(e);t&&(t.abort(),d.current.delete(e)),u.current.delete(e),a(t=>{let n=t.map(t=>t.id===e?{...t,state:{...t.state,status:`aborted`}}:t);return o.current=n,n}),h()}},[h]),x=r(e=>{let t=o.current.find(t=>t.id===e);t&&[`error`,`aborted`].includes(t.state.status)&&(a(t=>{let n=t.map(t=>t.id===e?{...t,state:{...t.state,status:`idle`,error:null}}:t);return o.current=n,n}),setTimeout(()=>h(),0))},[h]),S=r(()=>{let e=o.current;console.log(`Starting all uploads`,e);let t=e.filter(e=>e.state.status===`idle`),r=n-u.current.size,i=t.slice(0,r);for(let e of i)console.log(`Starting next upload`,e),h()},[n,h]),C=r(()=>{o.current.filter(e=>e.state.status===`uploading`).forEach(e=>{let t=d.current.get(e.id);t&&(t.abort(),d.current.delete(e.id))}),u.current.clear(),a(e=>{let t=e.map(e=>e.state.status===`uploading`?{...e,state:{...e.state,status:`aborted`}}:e);return o.current=t,t})},[]);return{state:g,items:i,addFiles:_,removeItem:v,removeFile:v,startAll:S,abortUpload:y,abortAll:C,retryUpload:x,retryFailed:r(()=>{let e=o.current.filter(e=>[`error`,`aborted`].includes(e.state.status));e.length>0&&(a(t=>{let n=t.map(t=>e.some(e=>e.id===t.id)?{...t,state:{...t.state,status:`idle`,error:null}}:t);return o.current=n,n}),setTimeout(S,0))},[S]),clearCompleted:r(()=>{a(e=>{let t=e.filter(e=>![`success`,`error`,`aborted`].includes(e.state.status));return o.current=t,t})},[]),clearAll:r(()=>{C(),a([]),o.current=[],u.current.clear()},[C]),getItemsByStatus:r(e=>o.current.filter(t=>t.state.status===e),[]),metrics:{getInsights:()=>t.client.getChunkingInsights(),exportMetrics:()=>t.client.exportMetrics(),getNetworkMetrics:()=>t.client.getNetworkMetrics(),getNetworkCondition:()=>t.client.getNetworkCondition(),resetMetrics:()=>t.client.resetMetrics()}}}const D={status:`idle`,progress:0,bytesUploaded:0,totalBytes:null,error:null,result:null};function O(e={}){let t=b(),[n,i]=c(D),o=s(null);return a(()=>(o.current=new u((e,n)=>t.client.upload(e,n),{onStateChange:i,onProgress:e.onProgress,onChunkComplete:e.onChunkComplete,onSuccess:e.onSuccess,onError:e.onError,onAbort:e.onAbort},{metadata:e.metadata,uploadLengthDeferred:e.uploadLengthDeferred,uploadSize:e.uploadSize,onShouldRetry:e.onShouldRetry}),()=>{o.current?.cleanup()}),[t,e]),{state:n,upload:r(e=>{o.current?.upload(e)},[]),abort:r(()=>{o.current?.abort()},[]),reset:r(()=>{o.current?.reset()},[]),retry:r(()=>{o.current?.retry()},[]),isUploading:n.status===`uploading`,canRetry:o.current?.canRetry()??!1,metrics:{getInsights:()=>t.client.getChunkingInsights(),exportMetrics:()=>t.client.exportMetrics(),getNetworkMetrics:()=>t.client.getNetworkMetrics(),getNetworkCondition:()=>t.client.getNetworkCondition(),resetMetrics:()=>t.client.resetMetrics()}}}export{x as a,_ as c,C as i,h as l,E as n,y as o,T as r,b as s,O as t,g as u};
-//# sourceMappingURL=use-upload-DSYzF2Et.mjs.map