@page-speed/forms 0.1.4 → 0.1.6

package/dist/upload.d.ts

@@ -0,0 +1,174 @@
+/**
+ * Upload progress information
+ */
+interface UploadProgress {
+    /**
+     * Bytes loaded
+     */
+    loaded: number;
+    /**
+     * Total bytes
+     */
+    total: number;
+    /**
+     * Progress percentage (0-100)
+     */
+    percent: number;
+    /**
+     * Upload speed in bytes per second
+     */
+    speed: number;
+    /**
+     * Estimated remaining time in seconds
+     */
+    remaining: number;
+    /**
+     * Current chunk being uploaded (for chunked uploads)
+     */
+    currentChunk?: number;
+    /**
+     * Total chunks (for chunked uploads)
+     */
+    totalChunks?: number;
+}
+/**
+ * Upload error information
+ */
+interface UploadError {
+    /**
+     * Error message
+     */
+    message: string;
+    /**
+     * HTTP status code
+     */
+    status?: number;
+    /**
+     * Error code
+     */
+    code?: string;
+    /**
+     * File that failed to upload
+     */
+    file: File;
+}
+/**
+ * Upload state
+ */
+type UploadState = "idle" | "uploading" | "paused" | "completed" | "error";
+/**
+ * Upload format for legacy compatibility
+ */
+type UploadFormat = "legacy" | "chunked" | "standard";
+/**
+ * Hook options
+ */
+interface UseFileUploadOptions {
+    /**
+     * Upload endpoint URL
+     */
+    endpoint: string;
+    /**
+     * Upload format for API compatibility
+     * - legacy: Rails DTFormBuilder format (FormData with contact_form_upload[])
+     * - chunked: Multi-part chunked upload with resume capability
+     * - standard: Simple FormData upload
+     * @default "standard"
+     */
+    format?: UploadFormat;
+    /**
+     * Chunk size in bytes (for chunked uploads)
+     * @default 1MB (1024 * 1024)
+     */
+    chunkSize?: number;
+    /**
+     * Maximum parallel chunk uploads
+     * @default 3
+     */
+    maxParallel?: number;
+    /**
+     * Enable resumable uploads (requires chunked format)
+     * @default false
+     */
+    resumable?: boolean;
+    /**
+     * Request headers
+     */
+    headers?: Record<string, string>;
+    /**
+     * Progress update callback
+     */
+    onProgress?: (progress: UploadProgress) => void;
+    /**
+     * Upload complete callback
+     * @param token - Upload token(s) returned by server
+     */
+    onComplete?: (token: string | string[]) => void;
+    /**
+     * Upload error callback
+     */
+    onError?: (error: UploadError) => void;
+}
+/**
+ * Upload result
+ */
+interface UploadResult {
+    /**
+     * Upload state
+     */
+    state: UploadState;
+    /**
+     * Upload progress
+     */
+    progress: UploadProgress;
+    /**
+     * Upload error
+     */
+    error: UploadError | null;
+    /**
+     * Upload token(s)
+     */
+    token: string | string[] | null;
+    /**
+     * Start upload
+     */
+    upload: (files: File | File[]) => Promise<void>;
+    /**
+     * Pause upload (chunked only)
+     */
+    pause: () => void;
+    /**
+     * Resume upload (chunked only)
+     */
+    resume: () => void;
+    /**
+     * Cancel upload
+     */
+    cancel: () => void;
+    /**
+     * Reset state
+     */
+    reset: () => void;
+}
+/**
+ * File upload hook with progress tracking and chunked upload support
+ *
+ * @example
+ * ```tsx
+ * const { upload, progress, state } = useFileUpload({
+ *   endpoint: "/api/uploads",
+ *   format: "legacy",
+ *   onComplete: (token) => {
+ *     form.setFieldValue("resumeToken", token);
+ *   },
+ * });
+ *
+ * const handleUpload = async () => {
+ *   await upload(files);
+ * };
+ * ```
+ */
+declare function useFileUpload({ endpoint, format, chunkSize, // 1MB
+maxParallel, resumable, headers, onProgress, onComplete, onError, }: UseFileUploadOptions): UploadResult;
+
+export { type UploadError, type UploadFormat, type UploadProgress, type UploadState, type UseFileUploadOptions, useFileUpload };

package/dist/upload.js

@@ -0,0 +1,326 @@
+import * as React from 'react';
+
+// src/upload/useFileUpload.ts
+function useFileUpload({
+  endpoint,
+  format = "standard",
+  chunkSize = 1024 * 1024,
+  // 1MB
+  maxParallel = 3,
+  resumable = false,
+  headers = {},
+  onProgress,
+  onComplete,
+  onError
+}) {
+  const [state, setState] = React.useState("idle");
+  const [progress, setProgress] = React.useState({
+    loaded: 0,
+    total: 0,
+    percent: 0,
+    speed: 0,
+    remaining: 0
+  });
+  const [error, setError] = React.useState(null);
+  const [token, setToken] = React.useState(null);
+  const abortControllerRef = React.useRef(null);
+  const pausedRef = React.useRef(false);
+  const startTimeRef = React.useRef(0);
+  const loadedAtStartRef = React.useRef(0);
+  const calculateProgress = React.useCallback(
+    (loaded, total) => {
+      const percent = total > 0 ? Math.round(loaded / total * 100) : 0;
+      const elapsedTime = (Date.now() - startTimeRef.current) / 1e3;
+      const loadedSinceStart = loaded - loadedAtStartRef.current;
+      const speed = elapsedTime > 0 ? loadedSinceStart / elapsedTime : 0;
+      const remaining = speed > 0 ? Math.ceil((total - loaded) / speed) : 0;
+      return {
+        loaded,
+        total,
+        percent,
+        speed,
+        remaining
+      };
+    },
+    []
+  );
+  const updateProgress = React.useCallback(
+    (loaded, total, chunkInfo) => {
+      const progressData = {
+        ...calculateProgress(loaded, total),
+        ...chunkInfo && {
+          currentChunk: chunkInfo.current,
+          totalChunks: chunkInfo.total
+        }
+      };
+      setProgress(progressData);
+      if (onProgress) {
+        onProgress(progressData);
+      }
+    },
+    [calculateProgress, onProgress]
+  );
+  const uploadLegacy = React.useCallback(
+    async (file) => {
+      const formData = new FormData();
+      formData.append("contact_form_upload[file]", file);
+      formData.append("contact_form_upload[file_type]", file.type);
+      formData.append("contact_form_upload[upload_name]", file.name);
+      const xhr = new XMLHttpRequest();
+      return new Promise((resolve, reject) => {
+        xhr.upload.addEventListener("progress", (e) => {
+          if (e.lengthComputable) {
+            updateProgress(e.loaded, e.total);
+          }
+        });
+        xhr.addEventListener("load", () => {
+          if (xhr.status >= 200 && xhr.status < 300) {
+            try {
+              const response = JSON.parse(xhr.responseText);
+              const uploadToken = response.contact_form_upload?.token;
+              if (uploadToken) {
+                resolve(uploadToken);
+              } else {
+                reject(new Error("No token in response"));
+              }
+            } catch (err) {
+              reject(new Error("Invalid JSON response"));
+            }
+          } else {
+            reject(new Error(`Upload failed with status ${xhr.status}`));
+          }
+        });
+        xhr.addEventListener("error", () => {
+          reject(new Error("Network error"));
+        });
+        xhr.addEventListener("abort", () => {
+          reject(new Error("Upload cancelled"));
+        });
+        xhr.open("POST", endpoint);
+        Object.entries(headers).forEach(([key, value]) => {
+          xhr.setRequestHeader(key, value);
+        });
+        xhr.send(formData);
+        abortControllerRef.current = {
+          abort: () => xhr.abort()
+        };
+      });
+    },
+    [endpoint, headers, updateProgress]
+  );
+  const uploadStandard = React.useCallback(
+    async (file) => {
+      const formData = new FormData();
+      formData.append("file", file);
+      const xhr = new XMLHttpRequest();
+      return new Promise((resolve, reject) => {
+        xhr.upload.addEventListener("progress", (e) => {
+          if (e.lengthComputable) {
+            updateProgress(e.loaded, e.total);
+          }
+        });
+        xhr.addEventListener("load", () => {
+          if (xhr.status >= 200 && xhr.status < 300) {
+            try {
+              const response = JSON.parse(xhr.responseText);
+              const uploadToken = response.token || response.id;
+              if (uploadToken) {
+                resolve(uploadToken);
+              } else {
+                reject(new Error("No token in response"));
+              }
+            } catch (err) {
+              reject(new Error("Invalid JSON response"));
+            }
+          } else {
+            reject(new Error(`Upload failed with status ${xhr.status}`));
+          }
+        });
+        xhr.addEventListener("error", () => {
+          reject(new Error("Network error"));
+        });
+        xhr.addEventListener("abort", () => {
+          reject(new Error("Upload cancelled"));
+        });
+        xhr.open("POST", endpoint);
+        Object.entries(headers).forEach(([key, value]) => {
+          xhr.setRequestHeader(key, value);
+        });
+        xhr.send(formData);
+        abortControllerRef.current = {
+          abort: () => xhr.abort()
+        };
+      });
+    },
+    [endpoint, headers, updateProgress]
+  );
+  const uploadChunked = React.useCallback(
+    async (file) => {
+      const totalChunks = Math.ceil(file.size / chunkSize);
+      let uploadedChunks = 0;
+      let totalLoaded = 0;
+      const uploadChunk = async (chunk, chunkIndex) => {
+        if (pausedRef.current) {
+          throw new Error("Upload paused");
+        }
+        const formData = new FormData();
+        formData.append("chunk", chunk);
+        formData.append("chunkIndex", chunkIndex.toString());
+        formData.append("totalChunks", totalChunks.toString());
+        formData.append("fileName", file.name);
+        formData.append("fileSize", file.size.toString());
+        const response = await fetch(endpoint, {
+          method: "POST",
+          headers,
+          body: formData,
+          signal: abortControllerRef.current?.signal
+        });
+        if (!response.ok) {
+          throw new Error(`Chunk ${chunkIndex} upload failed: ${response.status}`);
+        }
+        uploadedChunks++;
+        totalLoaded += chunk.size;
+        updateProgress(totalLoaded, file.size, {
+          current: uploadedChunks,
+          total: totalChunks
+        });
+      };
+      const chunks = [];
+      for (let i = 0; i < totalChunks; i++) {
+        const start = i * chunkSize;
+        const end = Math.min(start + chunkSize, file.size);
+        const chunk = file.slice(start, end);
+        chunks.push({ blob: chunk, index: i });
+      }
+      for (let i = 0; i < chunks.length; i += maxParallel) {
+        const batch = chunks.slice(i, i + maxParallel);
+        const batchPromises = batch.map(
+          (chunk) => uploadChunk(chunk.blob, chunk.index)
+        );
+        await Promise.all(batchPromises);
+      }
+      const finalizeResponse = await fetch(`${endpoint}/finalize`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          ...headers
+        },
+        body: JSON.stringify({
+          fileName: file.name,
+          totalChunks
+        }),
+        signal: abortControllerRef.current?.signal
+      });
+      if (!finalizeResponse.ok) {
+        throw new Error("Failed to finalize upload");
+      }
+      const result = await finalizeResponse.json();
+      return result.token || result.id;
+    },
+    [endpoint, chunkSize, maxParallel, headers, updateProgress]
+  );
+  const uploadFile = React.useCallback(
+    async (file) => {
+      if (format === "legacy") {
+        return uploadLegacy(file);
+      } else if (format === "chunked") {
+        return uploadChunked(file);
+      } else {
+        return uploadStandard(file);
+      }
+    },
+    [format, uploadLegacy, uploadChunked, uploadStandard]
+  );
+  const upload = React.useCallback(
+    async (files) => {
+      const fileArray = Array.isArray(files) ? files : [files];
+      if (fileArray.length === 0) {
+        return;
+      }
+      setState("uploading");
+      setError(null);
+      setToken(null);
+      pausedRef.current = false;
+      startTimeRef.current = Date.now();
+      loadedAtStartRef.current = 0;
+      abortControllerRef.current = new AbortController();
+      try {
+        const tokens = [];
+        for (const file of fileArray) {
+          const uploadToken = await uploadFile(file);
+          tokens.push(uploadToken);
+        }
+        setToken(tokens.length === 1 ? tokens[0] : tokens);
+        setState("completed");
+        if (onComplete) {
+          onComplete(tokens.length === 1 ? tokens[0] : tokens);
+        }
+      } catch (err) {
+        const uploadError = {
+          message: err instanceof Error ? err.message : "Upload failed",
+          file: fileArray[0]
+        };
+        setError(uploadError);
+        setState("error");
+        if (onError) {
+          onError(uploadError);
+        }
+      }
+    },
+    [uploadFile, onComplete, onError]
+  );
+  const pause = React.useCallback(() => {
+    if (state === "uploading" && format === "chunked" && resumable) {
+      pausedRef.current = true;
+      setState("paused");
+    }
+  }, [state, format, resumable]);
+  const resume = React.useCallback(() => {
+    if (state === "paused") {
+      pausedRef.current = false;
+      setState("uploading");
+    }
+  }, [state]);
+  const cancel = React.useCallback(() => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+      abortControllerRef.current = null;
+    }
+    setState("idle");
+    setProgress({
+      loaded: 0,
+      total: 0,
+      percent: 0,
+      speed: 0,
+      remaining: 0
+    });
+  }, []);
+  const reset = React.useCallback(() => {
+    setState("idle");
+    setProgress({
+      loaded: 0,
+      total: 0,
+      percent: 0,
+      speed: 0,
+      remaining: 0
+    });
+    setError(null);
+    setToken(null);
+    pausedRef.current = false;
+  }, []);
+  return {
+    state,
+    progress,
+    error,
+    token,
+    upload,
+    pause,
+    resume,
+    cancel,
+    reset
+  };
+}
+
+export { useFileUpload };
+//# sourceMappingURL=upload.js.map
+//# sourceMappingURL=upload.js.map

package/dist/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/upload/useFileUpload.ts"],"names":[],"mappings":";;;AA6MO,SAAS,aAAA,CAAc;AAAA,EAC5B,QAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,YAAY,IAAA,GAAO,IAAA;AAAA;AAAA,EACnB,WAAA,GAAc,CAAA;AAAA,EACd,SAAA,GAAY,KAAA;AAAA,EACZ,UAAU,EAAC;AAAA,EACX,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAuC;AACrC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAsB,MAAM,CAAA;AAC5D,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAU,KAAA,CAAA,QAAA,CAAyB;AAAA,IAC7D,MAAA,EAAQ,CAAA;AAAA,IACR,KAAA,EAAO,CAAA;AAAA,IACP,OAAA,EAAS,CAAA;AAAA,IACT,KAAA,EAAO,CAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACZ,CAAA;AACD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAA6B,IAAI,CAAA;AACjE,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAmC,IAAI,CAAA;AAEvE,EAAA,MAAM,kBAAA,GAA2B,aAA+B,IAAI,CAAA;AACpE,EAAA,MAAM,SAAA,GAAkB,aAAO,KAAK,CAAA;AACpC,EAAA,MAAM,YAAA,GAAqB,aAAe,CAAC,CAAA;AAC3C,EAAA,MAAM,gBAAA,GAAyB,aAAe,CAAC,CAAA;AAK/C,EAAA,MAAM,iBAAA,GAA0B,KAAA,CAAA,WAAA;AAAA,IAC9B,CAAC,QAAgB,KAAA,KAAkC;AACjD,MAAA,MAAM,OAAA,GAAU,QAAQ,CAAA,GAAI,IAAA,CAAK,MAAO,MAAA,GAAS,KAAA,GAAS,GAAG,CAAA,GAAI,CAAA;AACjE,MAAA,MAAM,WAAA,GAAA,CAAe,IAAA,CAAK,GAAA,EAAI,GAAI,aAAa,OAAA,IAAW,GAAA;AAC1D,MAAA,MAAM,gBAAA,GAAmB,SAAS,gBAAA,CAAiB,OAAA;AACnD,MAAA,MAAM,KAAA,GAAQ,WAAA,GAAc,CAAA,GAAI,gBAAA,GAAmB,WAAA,GAAc,CAAA;AACjE,MAAA,MAAM,SAAA,GACJ,QAAQ,CAAA,GAAI,IAAA,CAAK,MAAM,KAAA,GAAQ,MAAA,IAAU,KAAK,CAAA,GAAI,CAAA;AAEpD,MAAA,OAAO;AAAA,QACL,MAAA;AAAA,QACA,KAAA;AAAA,QACA,OAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA,OACF;AAAA,IACF,CAAA;AAAA,IACA;AAAC,GACH;AAKA,EAAA,MAAM,cAAA,GAAuB,KAAA,CAAA,WAAA;AAAA,IAC3B,CAAC,MAAA,EAAgB,KAAA,EAAe,SAAA,KAAmD;AACjF,MAAA,MAAM,YAAA,GAAe;AAAA,QACnB,GAAG,iBAAA,CAAkB,MAAA,EAAQ,KAAK,CAAA;AAAA,QAClC,GAAI,SAAA,IAAa;AAAA,UACf,cAAc,SAAA,CAAU,OAAA;AAAA,UACxB,aAAa,SAAA,CAAU;AAAA;AACzB,OACF;AAEA,MAAA,WAAA,CAAY,YAAY,CAAA;AAExB,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,UAAA,CAAW,YAAY,CAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,mBAAmB,UAAU;AAAA,GAChC;AAKA,EAAA,MAAM,YAAA,GAAqB,KAAA,CAAA,WAAA;AAAA,IACzB,OAAO,IAAA,KAAgC;AACrC,MAAA,MAAM,QAAA,GAAW,IAAI,QAAA,EAAS;AAC9B,MAAA,QAAA,CAAS,MAAA,CAAO,6BAA6B,IAAI,CAAA;AACjD,MAAA,QAAA,CAAS,MAAA,CAAO,gCAAA,EAAkC,IAAA,CAAK,IAAI,CAAA;AAC3D,MAAA,QAAA,CAAS,MAAA,CAAO,kCAAA,EAAoC,IAAA,CAAK,IAAI,CAAA;AAE7D,MAAA,MAAM,GAAA,GAAM,IAAI,cAAA,EAAe;AAE/B,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAA,KAAW;AACtC,QAAA,GAAA,CAAI,MAAA,CAAO,gBAAA,CAAiB,UAAA,EAAY,CAAC,CAAA,KAAM;AAC7C,UAAA,IAAI,EAAE,gBAAA,EAAkB;AACtB,YAAA,cAAA,CAAe,CAAA,CAAE,MAAA,EAAQ,CAAA,CAAE,KAAK,CAAA;AAAA,UAClC;AAAA,QACF,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,gBAAA,CAAiB,QAAQ,MAAM;AACjC,UAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AACzC,YAAA,IAAI;AACF,cAAA,MAAM,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,GAAA,CAAI,YAAY,CAAA;AAC5C,cAAA,MAAM,WAAA,GAAc,SAAS,mBAAA,EAAqB,KAAA;AAElD,cAAA,IAAI,WAAA,EAAa;AACf,gBAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,cACrB,CAAA,MAAO;AACL,gBAAA,MAAA,CAAO,IAAI,KAAA,CAAM,sBAAsB,CAAC,CAAA;AAAA,cAC1C;AAAA,YACF,SAAS,GAAA,EAAK;AACZ,cAAA,MAAA,CAAO,IAAI,KAAA,CAAM,uBAAuB,CAAC,CAAA;AAAA,YAC3C;AAAA,UACF,CAAA,MAAO;AACL,YAAA,MAAA,CAAO,IAAI,KAAA,CAAM,CAAA,0BAAA,EAA6B,GAAA,CAAI,MAAM,EAAE,CAAC,CAAA;AAAA,UAC7D;AAAA,QACF,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,gBAAA,CAAiB,SAAS,MAAM;AAClC,UAAA,MAAA,CAAO,IAAI,KAAA,CAAM,eAAe,CAAC,CAAA;AAAA,QACnC,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,gBAAA,CAAiB,SAAS,MAAM;AAClC,UAAA,MAAA,CAAO,IAAI,KAAA,CAAM,kBAAkB,CAAC,CAAA;AAAA,QACtC,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,IAAA,CAAK,QAAQ,QAAQ,CAAA;AAGzB,QAAA,MAAA,CAAO,OAAA,CAAQ,OAAO,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,KAAM;AAChD,UAAA,GAAA,CAAI,gBAAA,CAAiB,KAAK,KAAK,CAAA;AAAA,QACjC,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,KAAK,QAAQ,CAAA;AAGjB,QAAA,kBAAA,CAAmB,OAAA,GAAU;AAAA,UAC3B,KAAA,EAAO,MAAM,GAAA,CAAI,KAAA;AAAM,SACzB;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,OAAA,EAAS,cAAc;AAAA,GACpC;AAKA,EAAA,MAAM,cAAA,GAAuB,KAAA,CAAA,WAAA;AAAA,IAC3B,OAAO,IAAA,KAAgC;AACrC,MAAA,MAAM,QAAA,GAAW,IAAI,QAAA,EAAS;AAC9B,MAAA,QAAA,CAAS,MAAA,CAAO,QAAQ,IAAI,CAAA;AAE5B,MAAA,MAAM,GAAA,GAAM,IAAI,cAAA,EAAe;AAE/B,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAA,KAAW;AACtC,QAAA,GAAA,CAAI,MAAA,CAAO,gBAAA,CAAiB,UAAA,EAAY,CAAC,CAAA,KAAM;AAC7C,UAAA,IAAI,EAAE,gBAAA,EAAkB;AACtB,YAAA,cAAA,CAAe,CAAA,CAAE,MAAA,EAAQ,CAAA,CAAE,KAAK,CAAA;AAAA,UAClC;AAAA,QACF,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,gBAAA,CAAiB,QAAQ,MAAM;AACjC,UAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AACzC,YAAA,IAAI;AACF,cAAA,MAAM,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,GAAA,CAAI,YAAY,CAAA;AAC5C,cAAA,MAAM,WAAA,GAAc,QAAA,CAAS,KAAA,IAAS,QAAA,CAAS,EAAA;AAE/C,cAAA,IAAI,WAAA,EAAa;AACf,gBAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,cACrB,CAAA,MAAO;AACL,gBAAA,MAAA,CAAO,IAAI,KAAA,CAAM,sBAAsB,CAAC,CAAA;AAAA,cAC1C;AAAA,YACF,SAAS,GAAA,EAAK;AACZ,cAAA,MAAA,CAAO,IAAI,KAAA,CAAM,uBAAuB,CAAC,CAAA;AAAA,YAC3C;AAAA,UACF,CAAA,MAAO;AACL,YAAA,MAAA,CAAO,IAAI,KAAA,CAAM,CAAA,0BAAA,EAA6B,GAAA,CAAI,MAAM,EAAE,CAAC,CAAA;AAAA,UAC7D;AAAA,QACF,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,gBAAA,CAAiB,SAAS,MAAM;AAClC,UAAA,MAAA,CAAO,IAAI,KAAA,CAAM,eAAe,CAAC,CAAA;AAAA,QACnC,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,gBAAA,CAAiB,SAAS,MAAM;AAClC,UAAA,MAAA,CAAO,IAAI,KAAA,CAAM,kBAAkB,CAAC,CAAA;AAAA,QACtC,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,IAAA,CAAK,QAAQ,QAAQ,CAAA;AAGzB,QAAA,MAAA,CAAO,OAAA,CAAQ,OAAO,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,KAAM;AAChD,UAAA,GAAA,CAAI,gBAAA,CAAiB,KAAK,KAAK,CAAA;AAAA,QACjC,CAAC,CAAA;AAED,QAAA,GAAA,CAAI,KAAK,QAAQ,CAAA;AAGjB,QAAA,kBAAA,CAAmB,OAAA,GAAU;AAAA,UAC3B,KAAA,EAAO,MAAM,GAAA,CAAI,KAAA;AAAM,SACzB;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,OAAA,EAAS,cAAc;AAAA,GACpC;AAKA,EAAA,MAAM,aAAA,GAAsB,KAAA,CAAA,WAAA;AAAA,IAC1B,OAAO,IAAA,KAAgC;AACrC,MAAA,MAAM,WAAA,GAAc,IAAA,CAAK,IAAA,CAAK,IAAA,CAAK,OAAO,SAAS,CAAA;AACnD,MAAA,IAAI,cAAA,GAAiB,CAAA;AACrB,MAAA,IAAI,WAAA,GAAc,CAAA;AAGlB,MAAA,MAAM,WAAA,GAAc,OAClB,KAAA,EACA,UAAA,KACkB;AAClB,QAAA,IAAI,UAAU,OAAA,EAAS;AACrB,UAAA,MAAM,IAAI,MAAM,eAAe,CAAA;AAAA,QACjC;AAEA,QAAA,MAAM,QAAA,GAAW,IAAI,QAAA,EAAS;AAC9B,QAAA,QAAA,CAAS,MAAA,CAAO,SAAS,KAAK,CAAA;AAC9B,QAAA,QAAA,CAAS,MAAA,CAAO,YAAA,EAAc,UAAA,CAAW,QAAA,EAAU,CAAA;AACnD,QAAA,QAAA,CAAS,MAAA,CAAO,aAAA,EAAe,WAAA,CAAY,QAAA,EAAU,CAAA;AACrD,QAAA,QAAA,CAAS,MAAA,CAAO,UAAA,EAAY,IAAA,CAAK,IAAI,CAAA;AACrC,QAAA,QAAA,CAAS,MAAA,CAAO,UAAA,EAAY,IAAA,CAAK,IAAA,CAAK,UAAU,CAAA;AAEhD,QAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,QAAA,EAAU;AAAA,UACrC,MAAA,EAAQ,MAAA;AAAA,UACR,OAAA;AAAA,UACA,IAAA,EAAM,QAAA;AAAA,UACN,MAAA,EAAQ,mBAAmB,OAAA,EAAS;AAAA,SACrC,CAAA;AAED,QAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,UAAA,MAAM,IAAI,KAAA,CAAM,CAAA,MAAA,EAAS,UAAU,CAAA,gBAAA,EAAmB,QAAA,CAAS,MAAM,CAAA,CAAE,CAAA;AAAA,QACzE;AAEA,QAAA,cAAA,EAAA;AACA,QAAA,WAAA,IAAe,KAAA,CAAM,IAAA;AAErB,QAAA,cAAA,CAAe,WAAA,EAAa,KAAK,IAAA,EAAM;AAAA,UACrC,OAAA,EAAS,cAAA;AAAA,UACT,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,MACH,CAAA;AAGA,MAAA,MAAM,SAA+C,EAAC;AACtD,MAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,WAAA,EAAa,CAAA,EAAA,EAAK;AACpC,QAAA,MAAM,QAAQ,CAAA,GAAI,SAAA;AAClB,QAAA,MAAM,MAAM,IAAA,CAAK,GAAA,CAAI,KAAA,GAAQ,SAAA,EAAW,KAAK,IAAI,CAAA;AACjD,QAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,KAAA,EAAO,GAAG,CAAA;AACnC,QAAA,MAAA,CAAO,KAAK,EAAE,IAAA,EAAM,KAAA,EAAO,KAAA,EAAO,GAAG,CAAA;AAAA,MACvC;AAIA,MAAA,KAAA,IAAS,IAAI,CAAA,EAAG,CAAA,GAAI,MAAA,CAAO,MAAA,EAAQ,KAAK,WAAA,EAAa;AACnD,QAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,IAAI,WAAW,CAAA;AAC7C,QAAA,MAAM,gBAAgB,KAAA,CAAM,GAAA;AAAA,UAAI,CAAC,KAAA,KAC/B,WAAA,CAAY,KAAA,CAAM,IAAA,EAAM,MAAM,KAAK;AAAA,SACrC;AACA,QAAA,MAAM,OAAA,CAAQ,IAAI,aAAa,CAAA;AACK,MACtC;AAGA,MAAA,MAAM,gBAAA,GAAmB,MAAM,KAAA,CAAM,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAA,EAAa;AAAA,QAC3D,MAAA,EAAQ,MAAA;AAAA,QACR,OAAA,EAAS;AAAA,UACP,cAAA,EAAgB,kBAAA;AAAA,UAChB,GAAG;AAAA,SACL;AAAA,QACA,IAAA,EAAM,KAAK,SAAA,CAAU;AAAA,UACnB,UAAU,IAAA,CAAK,IAAA;AAAA,UACf;AAAA,SACD,CAAA;AAAA,QACD,MAAA,EAAQ,mBAAmB,OAAA,EAAS;AAAA,OACrC,CAAA;AAED,MAAA,IAAI,CAAC,iBAAiB,EAAA,EAAI;AACxB,QAAA,MAAM,IAAI,MAAM,2BAA2B,CAAA;AAAA,MAC7C;AAEA,MAAA,MAAM,MAAA,GAAS,MAAM,gBAAA,CAAiB,IAAA,EAAK;AAC3C,MAAA,OAAO,MAAA,CAAO,SAAS,MAAA,CAAO,EAAA;AAAA,IAChC,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,SAAA,EAAW,WAAA,EAAa,SAAS,cAAc;AAAA,GAC5D;AAKA,EAAA,MAAM,UAAA,GAAmB,KAAA,CAAA,WAAA;AAAA,IACvB,OAAO,IAAA,KAAgC;AAErC,MAAA,IAAI,WAAW,QAAA,EAAU;AACvB,QAAA,OAAO,aAAa,IAAI,CAAA;AAAA,MAC1B,CAAA,MAAA,IAAW,WAAW,SAAA,EAAW;AAC/B,QAAA,OAAO,cAAc,IAAI,CAAA;AAAA,MAC3B,CAAA,MAAO;AACL,QAAA,OAAO,eAAe,IAAI,CAAA;AAAA,MAC5B;AAAA,IACF,CAAA;AAAA,IACA,CAAC,MAAA,EAAQ,YAAA,EAAc,aAAA,EAAe,cAAc;AAAA,GACtD;AAKA,EAAA,MAAM,MAAA,GAAe,KAAA,CAAA,WAAA;AAAA,IACnB,OAAO,KAAA,KAAyB;AAC9B,MAAA,MAAM,YAAY,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,CAAC,KAAK,CAAA;AAEvD,MAAA,IAAI,SAAA,CAAU,WAAW,CAAA,EAAG;AAC1B,QAAA;AAAA,MACF;AAGA,MAAA,QAAA,CAAS,WAAW,CAAA;AACpB,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,MAAA,YAAA,CAAa,OAAA,GAAU,KAAK,GAAA,EAAI;AAChC,MAAA,gBAAA,CAAiB,OAAA,GAAU,CAAA;AAC3B,MAAA,kBAAA,CAAmB,OAAA,GAAU,IAAI,eAAA,EAAgB;AAEjD,MAAA,IAAI;AACF,QAAA,MAAM,SAAmB,EAAC;AAE1B,QAAA,KAAA,MAAW,QAAQ,SAAA,EAAW;AAC5B,UAAA,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,IAAI,CAAA;AACzC,UAAA,MAAA,CAAO,KAAK,WAAW,CAAA;AAAA,QACzB;AAEA,QAAA,QAAA,CAAS,OAAO,MAAA,KAAW,CAAA,GAAI,MAAA,CAAO,CAAC,IAAI,MAAM,CAAA;AACjD,QAAA,QAAA,CAAS,WAAW,CAAA;AAEpB,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,UAAA,CAAW,OAAO,MAAA,KAAW,CAAA,GAAI,MAAA,CAAO,CAAC,IAAI,MAAM,CAAA;AAAA,QACrD;AAAA,MACF,SAAS,GAAA,EAAK;AACZ,QAAA,MAAM,WAAA,GAA2B;AAAA,UAC/B,OAAA,EAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,eAAA;AAAA,UAC9C,IAAA,EAAM,UAAU,CAAC;AAAA,SACnB;AAEA,QAAA,QAAA,CAAS,WAAW,CAAA;AACpB,QAAA,QAAA,CAAS,OAAO,CAAA;AAEhB,QAAA,IAAI,OAAA,EAAS;AACX,UAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,QACrB;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,UAAA,EAAY,UAAA,EAAY,OAAO;AAAA,GAClC;AAKA,EAAA,MAAM,KAAA,GAAc,kBAAY,MAAM;AACpC,IAAA,IAAI,KAAA,KAAU,WAAA,IAAe,MAAA,KAAW,SAAA,IAAa,SAAA,EAAW;AAC9D,MAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AACpB,MAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,IACnB;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,MAAA,EAAQ,SAAS,CAAC,CAAA;AAK7B,EAAA,MAAM,MAAA,GAAe,kBAAY,MAAM;AACrC,IAAA,IAAI,UAAU,QAAA,EAAU;AACtB,MAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,MAAA,QAAA,CAAS,WAAW,CAAA;AAAA,IAEtB;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAKV,EAAA,MAAM,MAAA,GAAe,kBAAY,MAAM;AACrC,IAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,MAAA,kBAAA,CAAmB,QAAQ,KAAA,EAAM;AACjC,MAAA,kBAAA,CAAmB,OAAA,GAAU,IAAA;AAAA,IAC/B;AACA,IAAA,QAAA,CAAS,MAAM,CAAA;AACf,IAAA,WAAA,CAAY;AAAA,MACV,MAAA,EAAQ,CAAA;AAAA,MACR,KAAA,EAAO,CAAA;AAAA,MACP,OAAA,EAAS,CAAA;AAAA,MACT,KAAA,EAAO,CAAA;AAAA,MACP,SAAA,EAAW;AAAA,KACZ,CAAA;AAAA,EACH,CAAA,EAAG,EAAE,CAAA;AAKL,EAAA,MAAM,KAAA,GAAc,kBAAY,MAAM;AACpC,IAAA,QAAA,CAAS,MAAM,CAAA;AACf,IAAA,WAAA,CAAY;AAAA,MACV,MAAA,EAAQ,CAAA;AAAA,MACR,KAAA,EAAO,CAAA;AAAA,MACP,OAAA,EAAS,CAAA;AAAA,MACT,KAAA,EAAO,CAAA;AAAA,MACP,SAAA,EAAW;AAAA,KACZ,CAAA;AACD,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AAAA,EACtB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACF;AACF","file":"upload.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\n/**\n * Upload progress information\n */\nexport interface UploadProgress {\n  /**\n   * Bytes loaded\n   */\n  loaded: number;\n\n  /**\n   * Total bytes\n   */\n  total: number;\n\n  /**\n   * Progress percentage (0-100)\n   */\n  percent: number;\n\n  /**\n   * Upload speed in bytes per second\n   */\n  speed: number;\n\n  /**\n   * Estimated remaining time in seconds\n   */\n  remaining: number;\n\n  /**\n   * Current chunk being uploaded (for chunked uploads)\n   */\n  currentChunk?: number;\n\n  /**\n   * Total chunks (for chunked uploads)\n   */\n  totalChunks?: number;\n}\n\n/**\n * Upload error information\n */\nexport interface UploadError {\n  /**\n   * Error message\n   */\n  message: string;\n\n  /**\n   * HTTP status code\n   */\n  status?: number;\n\n  /**\n   * Error code\n   */\n  code?: string;\n\n  /**\n   * File that failed to upload\n   */\n  file: File;\n}\n\n/**\n * Upload state\n */\nexport type UploadState = \"idle\" | \"uploading\" | \"paused\" | \"completed\" | \"error\";\n\n/**\n * Upload format for legacy compatibility\n */\nexport type UploadFormat = \"legacy\" | \"chunked\" | \"standard\";\n\n/**\n * Hook options\n */\nexport interface UseFileUploadOptions {\n  /**\n   * Upload endpoint URL\n   */\n  endpoint: string;\n\n  /**\n   * Upload format for API compatibility\n   * - legacy: Rails DTFormBuilder format (FormData with contact_form_upload[])\n   * - chunked: Multi-part chunked upload with resume capability\n   * - standard: Simple FormData upload\n   * @default \"standard\"\n   */\n  format?: UploadFormat;\n\n  /**\n   * Chunk size in bytes (for chunked uploads)\n   * @default 1MB (1024 * 1024)\n   */\n  chunkSize?: number;\n\n  /**\n   * Maximum parallel chunk uploads\n   * @default 3\n   */\n  maxParallel?: number;\n\n  /**\n   * Enable resumable uploads (requires chunked format)\n   * @default false\n   */\n  resumable?: boolean;\n\n  /**\n   * Request headers\n   */\n  headers?: Record<string, string>;\n\n  /**\n   * Progress update callback\n   */\n  onProgress?: (progress: UploadProgress) => void;\n\n  /**\n   * Upload complete callback\n   * @param token - Upload token(s) returned by server\n   */\n  onComplete?: (token: string | string[]) => void;\n\n  /**\n   * Upload error callback\n   */\n  onError?: (error: UploadError) => void;\n}\n\n/**\n * Upload result\n */\ninterface UploadResult {\n  /**\n   * Upload state\n   */\n  state: UploadState;\n\n  /**\n   * Upload progress\n   */\n  progress: UploadProgress;\n\n  /**\n   * Upload error\n   */\n  error: UploadError | null;\n\n  /**\n   * Upload token(s)\n   */\n  token: string | string[] | null;\n\n  /**\n   * Start upload\n   */\n  upload: (files: File | File[]) => Promise<void>;\n\n  /**\n   * Pause upload (chunked only)\n   */\n  pause: () => void;\n\n  /**\n   * Resume upload (chunked only)\n   */\n  resume: () => void;\n\n  /**\n   * Cancel upload\n   */\n  cancel: () => void;\n\n  /**\n   * Reset state\n   */\n  reset: () => void;\n}\n\n/**\n * File upload hook with progress tracking and chunked upload support\n *\n * @example\n * ```tsx\n * const { upload, progress, state } = useFileUpload({\n *   endpoint: \"/api/uploads\",\n *   format: \"legacy\",\n *   onComplete: (token) => {\n *     form.setFieldValue(\"resumeToken\", token);\n *   },\n * });\n *\n * const handleUpload = async () => {\n *   await upload(files);\n * };\n * ```\n */\nexport function useFileUpload({\n  endpoint,\n  format = \"standard\",\n  chunkSize = 1024 * 1024, // 1MB\n  maxParallel = 3,\n  resumable = false,\n  headers = {},\n  onProgress,\n  onComplete,\n  onError,\n}: UseFileUploadOptions): UploadResult {\n  const [state, setState] = React.useState<UploadState>(\"idle\");\n  const [progress, setProgress] = React.useState<UploadProgress>({\n    loaded: 0,\n    total: 0,\n    percent: 0,\n    speed: 0,\n    remaining: 0,\n  });\n  const [error, setError] = React.useState<UploadError | null>(null);\n  const [token, setToken] = React.useState<string | string[] | null>(null);\n\n  const abortControllerRef = React.useRef<AbortController | null>(null);\n  const pausedRef = React.useRef(false);\n  const startTimeRef = React.useRef<number>(0);\n  const loadedAtStartRef = React.useRef<number>(0);\n\n  /**\n   * Calculate upload speed and remaining time\n   */\n  const calculateProgress = React.useCallback(\n    (loaded: number, total: number): UploadProgress => {\n      const percent = total > 0 ? Math.round((loaded / total) * 100) : 0;\n      const elapsedTime = (Date.now() - startTimeRef.current) / 1000; // seconds\n      const loadedSinceStart = loaded - loadedAtStartRef.current;\n      const speed = elapsedTime > 0 ? loadedSinceStart / elapsedTime : 0;\n      const remaining =\n        speed > 0 ? Math.ceil((total - loaded) / speed) : 0;\n\n      return {\n        loaded,\n        total,\n        percent,\n        speed,\n        remaining,\n      };\n    },\n    []\n  );\n\n  /**\n   * Update progress and notify callback\n   */\n  const updateProgress = React.useCallback(\n    (loaded: number, total: number, chunkInfo?: { current: number; total: number }) => {\n      const progressData = {\n        ...calculateProgress(loaded, total),\n        ...(chunkInfo && {\n          currentChunk: chunkInfo.current,\n          totalChunks: chunkInfo.total,\n        }),\n      };\n\n      setProgress(progressData);\n\n      if (onProgress) {\n        onProgress(progressData);\n      }\n    },\n    [calculateProgress, onProgress]\n  );\n\n  /**\n   * Upload file in legacy Rails format\n   */\n  const uploadLegacy = React.useCallback(\n    async (file: File): Promise<string> => {\n      const formData = new FormData();\n      formData.append(\"contact_form_upload[file]\", file);\n      formData.append(\"contact_form_upload[file_type]\", file.type);\n      formData.append(\"contact_form_upload[upload_name]\", file.name);\n\n      const xhr = new XMLHttpRequest();\n\n      return new Promise((resolve, reject) => {\n        xhr.upload.addEventListener(\"progress\", (e) => {\n          if (e.lengthComputable) {\n            updateProgress(e.loaded, e.total);\n          }\n        });\n\n        xhr.addEventListener(\"load\", () => {\n          if (xhr.status >= 200 && xhr.status < 300) {\n            try {\n              const response = JSON.parse(xhr.responseText);\n              const uploadToken = response.contact_form_upload?.token;\n\n              if (uploadToken) {\n                resolve(uploadToken);\n              } else {\n                reject(new Error(\"No token in response\"));\n              }\n            } catch (err) {\n              reject(new Error(\"Invalid JSON response\"));\n            }\n          } else {\n            reject(new Error(`Upload failed with status ${xhr.status}`));\n          }\n        });\n\n        xhr.addEventListener(\"error\", () => {\n          reject(new Error(\"Network error\"));\n        });\n\n        xhr.addEventListener(\"abort\", () => {\n          reject(new Error(\"Upload cancelled\"));\n        });\n\n        xhr.open(\"POST\", endpoint);\n\n        // Add custom headers\n        Object.entries(headers).forEach(([key, value]) => {\n          xhr.setRequestHeader(key, value);\n        });\n\n        xhr.send(formData);\n\n        // Store XHR for cancellation\n        abortControllerRef.current = {\n          abort: () => xhr.abort(),\n        } as AbortController;\n      });\n    },\n    [endpoint, headers, updateProgress]\n  );\n\n  /**\n   * Upload file in standard format\n   */\n  const uploadStandard = React.useCallback(\n    async (file: File): Promise<string> => {\n      const formData = new FormData();\n      formData.append(\"file\", file);\n\n      const xhr = new XMLHttpRequest();\n\n      return new Promise((resolve, reject) => {\n        xhr.upload.addEventListener(\"progress\", (e) => {\n          if (e.lengthComputable) {\n            updateProgress(e.loaded, e.total);\n          }\n        });\n\n        xhr.addEventListener(\"load\", () => {\n          if (xhr.status >= 200 && xhr.status < 300) {\n            try {\n              const response = JSON.parse(xhr.responseText);\n              const uploadToken = response.token || response.id;\n\n              if (uploadToken) {\n                resolve(uploadToken);\n              } else {\n                reject(new Error(\"No token in response\"));\n              }\n            } catch (err) {\n              reject(new Error(\"Invalid JSON response\"));\n            }\n          } else {\n            reject(new Error(`Upload failed with status ${xhr.status}`));\n          }\n        });\n\n        xhr.addEventListener(\"error\", () => {\n          reject(new Error(\"Network error\"));\n        });\n\n        xhr.addEventListener(\"abort\", () => {\n          reject(new Error(\"Upload cancelled\"));\n        });\n\n        xhr.open(\"POST\", endpoint);\n\n        // Add custom headers\n        Object.entries(headers).forEach(([key, value]) => {\n          xhr.setRequestHeader(key, value);\n        });\n\n        xhr.send(formData);\n\n        // Store XHR for cancellation\n        abortControllerRef.current = {\n          abort: () => xhr.abort(),\n        } as AbortController;\n      });\n    },\n    [endpoint, headers, updateProgress]\n  );\n\n  /**\n   * Upload file in chunks\n   */\n  const uploadChunked = React.useCallback(\n    async (file: File): Promise<string> => {\n      const totalChunks = Math.ceil(file.size / chunkSize);\n      let uploadedChunks = 0;\n      let totalLoaded = 0;\n\n      // Upload chunk\n      const uploadChunk = async (\n        chunk: Blob,\n        chunkIndex: number\n      ): Promise<void> => {\n        if (pausedRef.current) {\n          throw new Error(\"Upload paused\");\n        }\n\n        const formData = new FormData();\n        formData.append(\"chunk\", chunk);\n        formData.append(\"chunkIndex\", chunkIndex.toString());\n        formData.append(\"totalChunks\", totalChunks.toString());\n        formData.append(\"fileName\", file.name);\n        formData.append(\"fileSize\", file.size.toString());\n\n        const response = await fetch(endpoint, {\n          method: \"POST\",\n          headers,\n          body: formData,\n          signal: abortControllerRef.current?.signal,\n        });\n\n        if (!response.ok) {\n          throw new Error(`Chunk ${chunkIndex} upload failed: ${response.status}`);\n        }\n\n        uploadedChunks++;\n        totalLoaded += chunk.size;\n\n        updateProgress(totalLoaded, file.size, {\n          current: uploadedChunks,\n          total: totalChunks,\n        });\n      };\n\n      // Parallel chunk upload\n      const chunks: Array<{ blob: Blob; index: number }> = [];\n      for (let i = 0; i < totalChunks; i++) {\n        const start = i * chunkSize;\n        const end = Math.min(start + chunkSize, file.size);\n        const chunk = file.slice(start, end);\n        chunks.push({ blob: chunk, index: i });\n      }\n\n      // Upload chunks with concurrency limit\n      const uploadPromises: Promise<void>[] = [];\n      for (let i = 0; i < chunks.length; i += maxParallel) {\n        const batch = chunks.slice(i, i + maxParallel);\n        const batchPromises = batch.map((chunk) =>\n          uploadChunk(chunk.blob, chunk.index)\n        );\n        await Promise.all(batchPromises);\n        uploadPromises.push(...batchPromises);\n      }\n\n      // Finalize upload\n      const finalizeResponse = await fetch(`${endpoint}/finalize`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          ...headers,\n        },\n        body: JSON.stringify({\n          fileName: file.name,\n          totalChunks,\n        }),\n        signal: abortControllerRef.current?.signal,\n      });\n\n      if (!finalizeResponse.ok) {\n        throw new Error(\"Failed to finalize upload\");\n      }\n\n      const result = await finalizeResponse.json();\n      return result.token || result.id;\n    },\n    [endpoint, chunkSize, maxParallel, headers, updateProgress]\n  );\n\n  /**\n   * Upload single file\n   */\n  const uploadFile = React.useCallback(\n    async (file: File): Promise<string> => {\n      // Choose upload method based on format\n      if (format === \"legacy\") {\n        return uploadLegacy(file);\n      } else if (format === \"chunked\") {\n        return uploadChunked(file);\n      } else {\n        return uploadStandard(file);\n      }\n    },\n    [format, uploadLegacy, uploadChunked, uploadStandard]\n  );\n\n  /**\n   * Upload files\n   */\n  const upload = React.useCallback(\n    async (files: File | File[]) => {\n      const fileArray = Array.isArray(files) ? files : [files];\n\n      if (fileArray.length === 0) {\n        return;\n      }\n\n      // Reset state\n      setState(\"uploading\");\n      setError(null);\n      setToken(null);\n      pausedRef.current = false;\n      startTimeRef.current = Date.now();\n      loadedAtStartRef.current = 0;\n      abortControllerRef.current = new AbortController();\n\n      try {\n        const tokens: string[] = [];\n\n        for (const file of fileArray) {\n          const uploadToken = await uploadFile(file);\n          tokens.push(uploadToken);\n        }\n\n        setToken(tokens.length === 1 ? tokens[0] : tokens);\n        setState(\"completed\");\n\n        if (onComplete) {\n          onComplete(tokens.length === 1 ? tokens[0] : tokens);\n        }\n      } catch (err) {\n        const uploadError: UploadError = {\n          message: err instanceof Error ? err.message : \"Upload failed\",\n          file: fileArray[0],\n        };\n\n        setError(uploadError);\n        setState(\"error\");\n\n        if (onError) {\n          onError(uploadError);\n        }\n      }\n    },\n    [uploadFile, onComplete, onError]\n  );\n\n  /**\n   * Pause upload\n   */\n  const pause = React.useCallback(() => {\n    if (state === \"uploading\" && format === \"chunked\" && resumable) {\n      pausedRef.current = true;\n      setState(\"paused\");\n    }\n  }, [state, format, resumable]);\n\n  /**\n   * Resume upload\n   */\n  const resume = React.useCallback(() => {\n    if (state === \"paused\") {\n      pausedRef.current = false;\n      setState(\"uploading\");\n      // Resume logic would need chunk tracking implementation\n    }\n  }, [state]);\n\n  /**\n   * Cancel upload\n   */\n  const cancel = React.useCallback(() => {\n    if (abortControllerRef.current) {\n      abortControllerRef.current.abort();\n      abortControllerRef.current = null;\n    }\n    setState(\"idle\");\n    setProgress({\n      loaded: 0,\n      total: 0,\n      percent: 0,\n      speed: 0,\n      remaining: 0,\n    });\n  }, []);\n\n  /**\n   * Reset state\n   */\n  const reset = React.useCallback(() => {\n    setState(\"idle\");\n    setProgress({\n      loaded: 0,\n      total: 0,\n      percent: 0,\n      speed: 0,\n      remaining: 0,\n    });\n    setError(null);\n    setToken(null);\n    pausedRef.current = false;\n  }, []);\n\n  return {\n    state,\n    progress,\n    error,\n    token,\n    upload,\n    pause,\n    resume,\n    cancel,\n    reset,\n  };\n}\n"]}