@uploadista/react 0.0.20-beta.2 → 0.0.20-beta.4

package/dist/upload-zone-BjWHuP7p.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-zone-BjWHuP7p.mjs","names":["errors: string[]"],"sources":["../src/components/flow-input.tsx","../src/components/flow-upload-list.tsx","../src/components/flow-upload-zone.tsx","../src/components/upload-list.tsx","../src/components/upload-zone.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/useSemanticElements: button is inside a div*/\n\"use client\";\n\nimport { useDragDrop } from \"../hooks/use-drag-drop\";\nimport type { FlowInputMetadata } from \"../hooks/use-flow\";\n\nexport interface FlowInputProps {\n  /** Input metadata from flow discovery */\n  input: FlowInputMetadata;\n  /** Accepted file types (e.g., \"image/*\", \"video/*\") */\n  accept?: string;\n  /** Whether the input should support URL input */\n  allowUrl?: boolean;\n  /** Current value (File or URL string) */\n  value?: File | string | null;\n  /** Callback when value changes */\n  onChange: (value: File | string) => void;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Input component for flow execution with file drag-and-drop and URL support.\n *\n * Features:\n * - File drag-and-drop with visual feedback\n * - URL input for remote files\n * - Displays node name and description\n * - Shows selected file/URL with size\n * - Type validation and error display\n *\n * @example\n * ```tsx\n * <FlowInput\n *   input={inputMetadata}\n *   accept=\"image/*\"\n *   allowUrl={true}\n *   value={selectedValue}\n *   onChange={(value) => flow.setInput(inputMetadata.nodeId, value)}\n * />\n * ```\n */\nexport function FlowInput({\n  input,\n  accept = \"*\",\n  allowUrl = true,\n  value,\n  onChange,\n  disabled = false,\n  className = \"\",\n}: FlowInputProps) {\n  const isFileValue = value instanceof File;\n  const isUrlValue = typeof value === \"string\" && value.length > 0;\n\n  // Determine input mode based on input type\n  const supportsFileUpload = input.inputTypeId === \"streaming-input-v1\";\n  const supportsUrl =\n    allowUrl &&\n    (input.inputTypeId === \"url-input-v1\" ||\n      input.inputTypeId === \"streaming-input-v1\");\n\n  const dragDrop = useDragDrop({\n    onFilesReceived: (files) => {\n      if (files[0]) {\n        onChange(files[0]);\n      }\n    },\n    accept: accept ? accept.split(\",\").map((type) => type.trim()) : undefined,\n    multiple: false,\n  });\n\n  const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    if (file) {\n      onChange(file);\n    }\n  };\n\n  const handleUrlChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange(e.target.value);\n  };\n\n  const handleClear = () => {\n    onChange(\"\");\n  };\n\n  return (\n    <div className={`space-y-3 ${className}`}>\n      {/* Header */}\n      <div>\n        <div className=\"flex items-center gap-2 mb-1\">\n          <h4 className=\"font-semibold text-gray-900\">{input.nodeName}</h4>\n          {input.required && <span className=\"text-red-500 text-sm\">*</span>}\n          <span className=\"text-xs px-2 py-1 rounded-full bg-blue-100 text-blue-700 font-medium\">\n            {input.inputTypeId}\n          </span>\n        </div>\n        {input.nodeDescription && (\n          <p className=\"text-sm text-gray-600\">{input.nodeDescription}</p>\n        )}\n      </div>\n\n      {/* File Upload Area */}\n      {supportsFileUpload && (\n        <div\n          role=\"button\"\n          tabIndex={disabled ? -1 : 0}\n          {...dragDrop.dragHandlers}\n          onClick={() => !disabled && dragDrop.openFilePicker()}\n          onKeyDown={(e) => {\n            if ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\n              e.preventDefault();\n              dragDrop.openFilePicker();\n            }\n          }}\n          className={`\n            relative border-2 border-dashed rounded-xl p-6 text-center cursor-pointer transition-all\n            ${\n              dragDrop.state.isDragging\n                ? \"border-indigo-500 bg-indigo-50\"\n                : \"border-gray-300 bg-gray-50 hover:border-indigo-400 hover:bg-indigo-50/50\"\n            }\n            ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}\n          `}\n        >\n          {dragDrop.state.isDragging ? (\n            <div className=\"flex flex-col items-center gap-2\">\n              <svg\n                className=\"w-8 h-8 text-indigo-600\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <title>Drop file</title>\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"\n                />\n              </svg>\n              <p className=\"text-sm font-medium text-indigo-600\">\n                Drop file here\n              </p>\n            </div>\n          ) : isFileValue ? (\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <svg\n                  className=\"w-5 h-5 text-green-500\"\n                  fill=\"currentColor\"\n                  viewBox=\"0 0 20 20\"\n                  aria-hidden=\"true\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                    clipRule=\"evenodd\"\n                  />\n                </svg>\n                <div className=\"text-left\">\n                  <p className=\"text-sm font-medium text-gray-900\">\n                    {value.name}\n                  </p>\n                  <p className=\"text-xs text-gray-500\">\n                    {(value.size / 1024).toFixed(1)} KB\n                  </p>\n                </div>\n              </div>\n              <button\n                type=\"button\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  handleClear();\n                }}\n                className=\"px-3 py-1 text-sm text-red-600 hover:text-red-700 hover:bg-red-50 rounded-lg transition-colors\"\n              >\n                Remove\n              </button>\n            </div>\n          ) : (\n            <div className=\"flex flex-col items-center gap-2\">\n              <svg\n                className=\"w-8 h-8 text-gray-400\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <title>Upload file</title>\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"\n                />\n              </svg>\n              <div>\n                <p className=\"text-sm font-medium text-gray-700\">\n                  Drag and drop a file here, or click to select\n                </p>\n                <p className=\"text-xs text-gray-500 mt-1\">Accepted: {accept}</p>\n              </div>\n            </div>\n          )}\n          <input {...dragDrop.inputProps} />\n        </div>\n      )}\n\n      {/* Drag & Drop Errors */}\n      {dragDrop.state.errors.length > 0 && (\n        <div className=\"bg-red-50 border border-red-200 rounded-lg p-3\">\n          {dragDrop.state.errors.map((error, index) => (\n            <p key={index} className=\"text-sm text-red-700\">\n              {error}\n            </p>\n          ))}\n        </div>\n      )}\n\n      {/* URL Input */}\n      {supportsUrl && supportsFileUpload && (\n        <div className=\"flex items-center gap-3\">\n          <div className=\"flex-1 border-t border-gray-300\" />\n          <span className=\"text-xs font-medium text-gray-500 uppercase\">\n            Or\n          </span>\n          <div className=\"flex-1 border-t border-gray-300\" />\n        </div>\n      )}\n\n      {supportsUrl && (\n        <div className=\"space-y-2\">\n          {!supportsFileUpload && (\n            <label\n              htmlFor={`url-${input.nodeId}`}\n              className=\"block text-sm font-medium text-gray-700\"\n            >\n              URL\n            </label>\n          )}\n          <div className=\"relative\">\n            <input\n              id={`url-${input.nodeId}`}\n              type=\"url\"\n              value={isUrlValue ? value : \"\"}\n              onChange={handleUrlChange}\n              disabled={disabled}\n              placeholder=\"https://example.com/file.jpg\"\n              className=\"block w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed text-sm\"\n            />\n            {isUrlValue && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                disabled={disabled}\n                className=\"absolute right-2 top-1/2 -translate-y-1/2 p-1 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-100 transition-colors\"\n                aria-label=\"Clear URL\"\n              >\n                <svg\n                  className=\"w-4 h-4\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <title>Clear</title>\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M6 18L18 6M6 6l12 12\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n          {isUrlValue && (\n            <div className=\"flex items-center gap-2 text-xs text-gray-600\">\n              <svg\n                className=\"w-4 h-4 text-blue-500\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 20 20\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n              <span className=\"truncate\">{value}</span>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import type {\n  BrowserUploadInput,\n  FlowUploadConfig,\n  FlowUploadItem,\n  MultiFlowUploadOptions,\n} from \"@uploadista/client-browser\";\nimport type { ReactNode } from \"react\";\nimport { useMultiFlowUpload } from \"../hooks/use-multi-flow-upload\";\n\n/**\n * Render props passed to the FlowUploadList children function.\n * Provides access to upload items, aggregate statistics, and control methods.\n *\n * @property items - All flow upload items in the queue\n * @property totalProgress - Average progress across all uploads (0-100)\n * @property activeUploads - Count of currently uploading items\n * @property completedUploads - Count of successfully completed uploads\n * @property failedUploads - Count of failed uploads\n * @property isUploading - True when any uploads are in progress\n * @property addFiles - Add new files to the upload queue\n * @property removeFile - Remove a specific file from the queue\n * @property startUpload - Begin uploading all pending files\n * @property abortUpload - Cancel a specific active upload\n * @property abortAll - Cancel all active uploads\n * @property clear - Remove all items from the queue\n * @property retryUpload - Retry a specific failed upload\n */\nexport interface FlowUploadListRenderProps {\n  /**\n   * List of upload items\n   */\n  items: FlowUploadItem<BrowserUploadInput>[];\n\n  /**\n   * Total progress across all uploads\n   */\n  totalProgress: number;\n\n  /**\n   * Number of active uploads\n   */\n  activeUploads: number;\n\n  /**\n   * Number of completed uploads\n   */\n  completedUploads: number;\n\n  /**\n   * Number of failed uploads\n   */\n  failedUploads: number;\n\n  /**\n   * Whether any uploads are in progress\n   */\n  isUploading: boolean;\n\n  /**\n   * Add files to the upload queue\n   */\n  addFiles: (files: File[] | FileList) => void;\n\n  /**\n   * Remove a file from the queue\n   */\n  removeFile: (id: string) => void;\n\n  /**\n   * Start uploading all pending files\n   */\n  startUpload: () => void;\n\n  /**\n   * Abort a specific upload\n   */\n  abortUpload: (id: string) => void;\n\n  /**\n   * Abort all uploads\n   */\n  abortAll: () => void;\n\n  /**\n   * Clear all items\n   */\n  clear: () => void;\n\n  /**\n   * Retry a failed upload\n   */\n  retryUpload: (id: string) => void;\n}\n\n/**\n * Props for the FlowUploadList component.\n *\n * @property flowConfig - Flow execution configuration (flowId, storageId, etc.)\n * @property options - Multi-flow upload options (callbacks, concurrency, etc.)\n * @property children - Render function receiving flow upload list state\n */\nexport interface FlowUploadListProps {\n  /**\n   * Flow configuration\n   */\n  flowConfig: FlowUploadConfig;\n\n  /**\n   * Multi-upload options\n   */\n  options?: Omit<MultiFlowUploadOptions<BrowserUploadInput>, \"flowConfig\">;\n\n  /**\n   * Render function for the upload list\n   */\n  children: (props: FlowUploadListRenderProps) => ReactNode;\n}\n\n/**\n * Headless flow upload list component for managing batch file uploads through a flow.\n * Uses render props pattern to provide complete control over the UI while handling\n * concurrent uploads and flow processing.\n *\n * Each file is uploaded and processed independently through the specified flow,\n * with automatic queue management and concurrency control.\n *\n * Must be used within an UploadistaProvider.\n *\n * @param props - Flow upload list configuration and render prop\n * @returns Rendered flow upload list using the provided render prop\n *\n * @example\n * ```tsx\n * // Batch image processing with custom UI\n * <FlowUploadList\n *   flowConfig={{\n *     flowId: \"image-batch-processing\",\n *     storageId: \"s3-images\",\n *     outputNodeId: \"optimized\",\n *   }}\n *   options={{\n *     maxConcurrent: 3,\n *     onItemSuccess: (item) => {\n *       console.log(`${item.file.name} processed successfully`);\n *     },\n *     onComplete: (items) => {\n *       const successful = items.filter(i => i.status === 'success');\n *       console.log(`Batch complete: ${successful.length}/${items.length} successful`);\n *     },\n *   }}\n * >\n *   {({\n *     items,\n *     totalProgress,\n *     activeUploads,\n *     completedUploads,\n *     failedUploads,\n *     addFiles,\n *     startUpload,\n *     abortUpload,\n *     retryUpload,\n *     clear,\n *   }) => (\n *     <div>\n *       <input\n *         type=\"file\"\n *         multiple\n *         accept=\"image/*\"\n *         onChange={(e) => {\n *           if (e.target.files) {\n *             addFiles(e.target.files);\n *             startUpload();\n *           }\n *         }}\n *       />\n *\n *       <div style={{ marginTop: '1rem' }}>\n *         <h3>Upload Progress</h3>\n *         <div>Overall: {totalProgress}%</div>\n *         <div>\n *           Active: {activeUploads}, Completed: {completedUploads}, Failed: {failedUploads}\n *         </div>\n *         <button onClick={clear}>Clear All</button>\n *       </div>\n *\n *       <ul style={{ listStyle: 'none', padding: 0 }}>\n *         {items.map((item) => (\n *           <li key={item.id} style={{\n *             padding: '1rem',\n *             border: '1px solid #ccc',\n *             marginBottom: '0.5rem'\n *           }}>\n *             <div>{item.file instanceof File ? item.file.name : 'File'}</div>\n *             <div>Status: {item.status}</div>\n *\n *             {item.status === \"uploading\" && (\n *               <div>\n *                 <progress value={item.progress} max={100} style={{ width: '100%' }} />\n *                 <div>{item.progress}%</div>\n *                 <button onClick={() => abortUpload(item.id)}>Cancel</button>\n *               </div>\n *             )}\n *\n *             {item.status === \"error\" && (\n *               <div>\n *                 <div style={{ color: 'red' }}>{item.error?.message}</div>\n *                 <button onClick={() => retryUpload(item.id)}>Retry</button>\n *               </div>\n *             )}\n *\n *             {item.status === \"success\" && (\n *               <div style={{ color: 'green' }}>✓ Complete</div>\n *             )}\n *           </li>\n *         ))}\n *       </ul>\n *     </div>\n *   )}\n * </FlowUploadList>\n * ```\n *\n * @see {@link SimpleFlowUploadList} for a pre-styled version\n * @see {@link useMultiFlowUpload} for the underlying hook\n */\nexport function FlowUploadList({\n  flowConfig,\n  options,\n  children,\n}: FlowUploadListProps) {\n  const multiUpload = useMultiFlowUpload({\n    ...options,\n    flowConfig,\n  });\n\n  return (\n    <>\n      {children({\n        items: multiUpload.state.items,\n        totalProgress: multiUpload.state.totalProgress,\n        activeUploads: multiUpload.state.activeUploads,\n        completedUploads: multiUpload.state.completedUploads,\n        failedUploads: multiUpload.state.failedUploads,\n        isUploading: multiUpload.isUploading,\n        addFiles: multiUpload.addFiles,\n        removeFile: multiUpload.removeFile,\n        startUpload: multiUpload.startUpload,\n        abortUpload: multiUpload.abortUpload,\n        abortAll: multiUpload.abortAll,\n        clear: multiUpload.clear,\n        retryUpload: multiUpload.retryUpload,\n      })}\n    </>\n  );\n}\n\n/**\n * Props for the SimpleFlowUploadListItem component.\n *\n * @property item - The flow upload item to display\n * @property onAbort - Called when the abort button is clicked\n * @property onRetry - Called when the retry button is clicked\n * @property onRemove - Called when the remove button is clicked\n */\nexport interface SimpleFlowUploadListItemProps {\n  /**\n   * Upload item\n   */\n  item: FlowUploadItem<BrowserUploadInput>;\n\n  /**\n   * Abort the upload\n   */\n  onAbort: () => void;\n\n  /**\n   * Retry the upload\n   */\n  onRetry: () => void;\n\n  /**\n   * Remove the item\n   */\n  onRemove: () => void;\n}\n\n/**\n * Pre-styled flow upload list item component with status indicators.\n * Displays file name, upload progress, status, and contextual action buttons.\n *\n * Features:\n * - Status-specific icons and colors\n * - Progress bar with percentage and byte count\n * - Error message display\n * - Contextual action buttons (cancel, retry, remove)\n *\n * @param props - Upload item and callback functions\n * @returns Styled flow upload list item component\n *\n * @example\n * ```tsx\n * <SimpleFlowUploadListItem\n *   item={uploadItem}\n *   onAbort={() => console.log('Abort')}\n *   onRetry={() => console.log('Retry')}\n *   onRemove={() => console.log('Remove')}\n * />\n * ```\n */\nexport function SimpleFlowUploadListItem({\n  item,\n  onAbort,\n  onRetry,\n  onRemove,\n}: SimpleFlowUploadListItemProps) {\n  const getStatusIcon = () => {\n    switch (item.status) {\n      case \"success\":\n        return \"✓\";\n      case \"error\":\n        return \"✗\";\n      case \"uploading\":\n        return \"⟳\";\n      case \"aborted\":\n        return \"⊘\";\n      default:\n        return \"○\";\n    }\n  };\n\n  const getStatusColor = () => {\n    switch (item.status) {\n      case \"success\":\n        return \"green\";\n      case \"error\":\n        return \"red\";\n      case \"uploading\":\n        return \"blue\";\n      case \"aborted\":\n        return \"gray\";\n      default:\n        return \"black\";\n    }\n  };\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"12px\",\n        padding: \"8px\",\n        borderBottom: \"1px solid #eee\",\n      }}\n    >\n      <span style={{ color: getStatusColor(), fontSize: \"18px\" }}>\n        {getStatusIcon()}\n      </span>\n\n      <div style={{ flex: 1, minWidth: 0 }}>\n        <div\n          style={{\n            fontSize: \"14px\",\n            fontWeight: 500,\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }}\n        >\n          {item.file instanceof File ? item.file.name : \"Upload\"}\n        </div>\n\n        {item.status === \"uploading\" && (\n          <div style={{ marginTop: \"4px\" }}>\n            <progress\n              value={item.progress}\n              max={100}\n              style={{ width: \"100%\", height: \"4px\" }}\n            />\n            <div style={{ fontSize: \"12px\", color: \"#666\", marginTop: \"2px\" }}>\n              {item.progress}% • {Math.round(item.bytesUploaded / 1024)} KB /{\" \"}\n              {Math.round(item.totalBytes / 1024)} KB\n            </div>\n          </div>\n        )}\n\n        {item.status === \"error\" && (\n          <div style={{ fontSize: \"12px\", color: \"red\", marginTop: \"2px\" }}>\n            {item.error?.message || \"Upload failed\"}\n          </div>\n        )}\n\n        {item.status === \"success\" && (\n          <div style={{ fontSize: \"12px\", color: \"green\", marginTop: \"2px\" }}>\n            Upload complete\n          </div>\n        )}\n      </div>\n\n      <div style={{ display: \"flex\", gap: \"8px\" }}>\n        {item.status === \"uploading\" && (\n          <button\n            type=\"button\"\n            onClick={onAbort}\n            style={{\n              padding: \"4px 8px\",\n              fontSize: \"12px\",\n              borderRadius: \"4px\",\n              border: \"1px solid #ccc\",\n              backgroundColor: \"#fff\",\n              cursor: \"pointer\",\n            }}\n          >\n            Cancel\n          </button>\n        )}\n\n        {item.status === \"error\" && (\n          <button\n            type=\"button\"\n            onClick={onRetry}\n            style={{\n              padding: \"4px 8px\",\n              fontSize: \"12px\",\n              borderRadius: \"4px\",\n              border: \"1px solid #ccc\",\n              backgroundColor: \"#fff\",\n              cursor: \"pointer\",\n            }}\n          >\n            Retry\n          </button>\n        )}\n\n        {(item.status === \"pending\" ||\n          item.status === \"error\" ||\n          item.status === \"aborted\") && (\n          <button\n            type=\"button\"\n            onClick={onRemove}\n            style={{\n              padding: \"4px 8px\",\n              fontSize: \"12px\",\n              borderRadius: \"4px\",\n              border: \"1px solid #ccc\",\n              backgroundColor: \"#fff\",\n              cursor: \"pointer\",\n            }}\n          >\n            Remove\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Props for the SimpleFlowUploadList component.\n *\n * @property flowConfig - Flow execution configuration\n * @property options - Multi-flow upload options (callbacks, concurrency)\n * @property className - CSS class name for the container\n * @property showFileInput - Whether to display the file input (default: true)\n * @property accept - Accepted file types for the file input\n */\nexport interface SimpleFlowUploadListProps {\n  /**\n   * Flow configuration\n   */\n  flowConfig: FlowUploadConfig;\n\n  /**\n   * Multi-upload options\n   */\n  options?: Omit<MultiFlowUploadOptions<BrowserUploadInput>, \"flowConfig\">;\n\n  /**\n   * CSS class for the container\n   */\n  className?: string;\n\n  /**\n   * Show file input\n   */\n  showFileInput?: boolean;\n\n  /**\n   * File input accept attribute\n   */\n  accept?: string;\n}\n\n/**\n * Simple pre-styled flow upload list component with built-in UI.\n * Provides a ready-to-use interface for batch file uploads with flow processing.\n *\n * Features:\n * - Built-in file input\n * - Overall progress display\n * - Individual item progress tracking\n * - Status indicators and action buttons\n * - Automatic upload start on file selection\n *\n * @param props - Flow upload list configuration with styling options\n * @returns Styled flow upload list component\n *\n * @example\n * ```tsx\n * // Basic batch image upload\n * <SimpleFlowUploadList\n *   flowConfig={{\n *     flowId: \"image-batch-processing\",\n *     storageId: \"s3-images\",\n *   }}\n *   options={{\n *     maxConcurrent: 3,\n *     onItemSuccess: (item) => {\n *       console.log(`${item.file.name} processed`);\n *     },\n *     onComplete: (items) => {\n *       console.log(\"Batch complete:\", items.length);\n *     },\n *   }}\n *   accept=\"image/*\"\n *   className=\"my-upload-list\"\n * />\n *\n * // Without file input (add files programmatically)\n * <SimpleFlowUploadList\n *   flowConfig={{\n *     flowId: \"document-processing\",\n *     storageId: \"docs\",\n *   }}\n *   showFileInput={false}\n *   options={{\n *     maxConcurrent: 2,\n *   }}\n * />\n * ```\n *\n * @see {@link FlowUploadList} for the headless version with full control\n */\nexport function SimpleFlowUploadList({\n  flowConfig,\n  options,\n  className = \"\",\n  showFileInput = true,\n  accept,\n}: SimpleFlowUploadListProps) {\n  return (\n    <FlowUploadList flowConfig={flowConfig} options={options}>\n      {({\n        items,\n        addFiles,\n        startUpload,\n        abortUpload,\n        retryUpload,\n        removeFile,\n        totalProgress,\n      }) => (\n        <div className={className}>\n          {showFileInput && (\n            <div style={{ marginBottom: \"16px\" }}>\n              <input\n                type=\"file\"\n                multiple\n                accept={accept}\n                onChange={(e) => {\n                  if (e.target.files) {\n                    addFiles(e.target.files);\n                    startUpload();\n                  }\n                }}\n                style={{\n                  padding: \"8px\",\n                  border: \"1px solid #ccc\",\n                  borderRadius: \"4px\",\n                }}\n              />\n            </div>\n          )}\n\n          {items.length > 0 && (\n            <div>\n              <div\n                style={{ marginBottom: \"8px\", fontSize: \"14px\", color: \"#666\" }}\n              >\n                Total Progress: {totalProgress}%\n              </div>\n\n              <div\n                style={{\n                  border: \"1px solid #eee\",\n                  borderRadius: \"8px\",\n                  overflow: \"hidden\",\n                }}\n              >\n                {items.map((item) => (\n                  <SimpleFlowUploadListItem\n                    key={item.id}\n                    item={item}\n                    onAbort={() => abortUpload(item.id)}\n                    onRetry={() => retryUpload(item.id)}\n                    onRemove={() => removeFile(item.id)}\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n    </FlowUploadList>\n  );\n}\n","import type {\n  FlowUploadConfig,\n  FlowUploadOptions,\n} from \"@uploadista/client-browser\";\nimport type { ReactNode } from \"react\";\nimport { type UseDragDropReturn, useDragDrop } from \"../hooks/use-drag-drop\";\nimport {\n  type UseFlowUploadReturn,\n  useFlowUpload,\n} from \"../hooks/use-flow-upload\";\n\n/**\n * Render props passed to the FlowUploadZone children function.\n * Provides access to flow upload state, drag-drop handlers, and helper functions.\n *\n * @property dragDrop - Complete drag-and-drop state and handlers\n * @property flowUpload - Flow upload hook with upload state and controls\n * @property isActive - True when dragging over zone\n * @property openFilePicker - Programmatically open file selection dialog\n * @property getRootProps - Returns props to spread on the drop zone container\n * @property getInputProps - Returns props to spread on the hidden file input\n */\nexport interface FlowUploadZoneRenderProps {\n  /**\n   * Drag and drop state and handlers\n   */\n  dragDrop: UseDragDropReturn;\n\n  /**\n   * Flow upload functionality\n   */\n  flowUpload: UseFlowUploadReturn;\n\n  /**\n   * Whether the zone is currently active (dragging or uploading)\n   */\n  isActive: boolean;\n\n  /**\n   * Open file picker\n   */\n  openFilePicker: () => void;\n\n  /**\n   * Props to spread on the drop zone element\n   */\n  getRootProps: () => {\n    onDragEnter: (e: React.DragEvent) => void;\n    onDragOver: (e: React.DragEvent) => void;\n    onDragLeave: (e: React.DragEvent) => void;\n    onDrop: (e: React.DragEvent) => void;\n  };\n\n  /**\n   * Props to spread on the file input element\n   */\n  getInputProps: () => React.InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Props for the FlowUploadZone component.\n *\n * @property flowConfig - Flow execution configuration (flowId, storageId, etc.)\n * @property options - Flow upload options (callbacks, metadata, etc.)\n * @property accept - Accepted file types (e.g., \"image/*\", \".pdf\")\n * @property multiple - Allow multiple file selection (default: false)\n * @property children - Render function receiving flow upload zone state\n */\nexport interface FlowUploadZoneProps {\n  /**\n   * Flow configuration\n   */\n  flowConfig: FlowUploadConfig;\n\n  /**\n   * Upload options\n   */\n  options?: Omit<FlowUploadOptions, \"flowConfig\">;\n\n  /**\n   * Accepted file types (e.g., \"image/*\", \".pdf\", etc.)\n   */\n  accept?: string;\n\n  /**\n   * Whether to allow multiple files (uses multi-upload internally)\n   */\n  multiple?: boolean;\n\n  /**\n   * Render function for the drop zone\n   */\n  children: (props: FlowUploadZoneRenderProps) => ReactNode;\n}\n\n/**\n * Headless flow upload zone component with drag-and-drop support.\n * Combines drag-drop functionality with flow processing, using render props\n * for complete UI control.\n *\n * Files uploaded through this zone are automatically processed through the\n * specified flow, which can perform operations like image optimization,\n * storage saving, webhooks, etc.\n *\n * Must be used within an UploadistaProvider.\n *\n * @param props - Flow upload zone configuration and render prop\n * @returns Rendered flow upload zone using the provided render prop\n *\n * @example\n * ```tsx\n * // Image upload with flow processing\n * <FlowUploadZone\n *   flowConfig={{\n *     flowId: \"image-processing-flow\",\n *     storageId: \"s3-images\",\n *     outputNodeId: \"optimized-image\",\n *   }}\n *   options={{\n *     onSuccess: (result) => console.log('Processed:', result),\n *     onFlowComplete: (outputs) => {\n *       console.log('All outputs:', outputs);\n *     },\n *   }}\n *   accept=\"image/*\"\n * >\n *   {({ dragDrop, flowUpload, getRootProps, getInputProps, openFilePicker }) => (\n *     <div {...getRootProps()} style={{\n *       border: dragDrop.state.isDragging ? '2px solid blue' : '2px dashed gray',\n *       padding: '2rem',\n *       textAlign: 'center'\n *     }}>\n *       <input {...getInputProps()} />\n *\n *       {dragDrop.state.isDragging && (\n *         <p>Drop image here...</p>\n *       )}\n *\n *       {!dragDrop.state.isDragging && !flowUpload.isUploading && (\n *         <div>\n *           <p>Drag an image or click to browse</p>\n *           <button onClick={openFilePicker}>Choose File</button>\n *         </div>\n *       )}\n *\n *       {flowUpload.isUploadingFile && (\n *         <div>\n *           <p>Uploading...</p>\n *           <progress value={flowUpload.state.progress} max={100} />\n *           <span>{flowUpload.state.progress}%</span>\n *         </div>\n *       )}\n *\n *       {flowUpload.isProcessing && (\n *         <div>\n *           <p>Processing image...</p>\n *           {flowUpload.state.currentNodeName && (\n *             <span>Step: {flowUpload.state.currentNodeName}</span>\n *           )}\n *         </div>\n *       )}\n *\n *       {flowUpload.state.status === \"success\" && (\n *         <div>\n *           <p>✓ Upload complete!</p>\n *           {flowUpload.state.result && (\n *             <img src={flowUpload.state.result.url} alt=\"Uploaded\" />\n *           )}\n *         </div>\n *       )}\n *\n *       {flowUpload.state.status === \"error\" && (\n *         <div>\n *           <p>Error: {flowUpload.state.error?.message}</p>\n *           <button onClick={flowUpload.reset}>Try Again</button>\n *         </div>\n *       )}\n *\n *       {flowUpload.isUploading && (\n *         <button onClick={flowUpload.abort}>Cancel</button>\n *       )}\n *     </div>\n *   )}\n * </FlowUploadZone>\n * ```\n *\n * @see {@link SimpleFlowUploadZone} for a pre-styled version\n * @see {@link useFlowUpload} for the underlying hook\n */\nexport function FlowUploadZone({\n  flowConfig,\n  options,\n  accept,\n  multiple = false,\n  children,\n}: FlowUploadZoneProps) {\n  // Hook automatically subscribes to events through context\n  const flowUpload = useFlowUpload({\n    ...options,\n    flowConfig,\n  });\n\n  const dragDrop = useDragDrop({\n    onFilesReceived: (files: File[]) => {\n      const file = files[0];\n      if (file) {\n        flowUpload.upload(file);\n      }\n    },\n    accept: accept ? [accept] : undefined,\n    multiple,\n  });\n\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const files = e.target.files;\n    const file = files?.[0];\n    if (file) {\n      flowUpload.upload(file);\n    }\n  };\n\n  // Determine active state\n  const isActive = dragDrop.state.isDragging || dragDrop.state.isOver;\n\n  return (\n    <>\n      {children({\n        flowUpload,\n        dragDrop,\n        isActive,\n        openFilePicker: dragDrop.openFilePicker,\n        getRootProps: () => dragDrop.dragHandlers,\n        getInputProps: () => ({\n          ...dragDrop.inputProps,\n          onChange: handleFileChange,\n        }),\n      })}\n    </>\n  );\n}\n\n/**\n * Props for the SimpleFlowUploadZone component.\n *\n * @property flowConfig - Flow execution configuration\n * @property options - Flow upload options (callbacks, metadata)\n * @property accept - Accepted file types\n * @property className - CSS class name for custom styling\n * @property dragText - Text displayed when dragging files over zone\n * @property idleText - Text displayed when zone is idle\n */\nexport interface SimpleFlowUploadZoneProps {\n  /**\n   * Flow configuration\n   */\n  flowConfig: FlowUploadConfig;\n\n  /**\n   * Upload options\n   */\n  options?: Omit<FlowUploadOptions, \"flowConfig\">;\n\n  /**\n   * Accepted file types\n   */\n  accept?: string;\n\n  /**\n   * CSS class for the container\n   */\n  className?: string;\n\n  /**\n   * Custom drag overlay text\n   */\n  dragText?: string;\n\n  /**\n   * Custom idle text\n   */\n  idleText?: string;\n}\n\n/**\n * Simple pre-styled flow upload zone component with built-in UI.\n * Provides a ready-to-use drag-and-drop interface for flow uploads.\n *\n * Features:\n * - Built-in drag-and-drop visual feedback\n * - Automatic progress display for upload and processing phases\n * - Success and error state display\n * - Cancel button during upload\n * - Customizable text labels\n *\n * @param props - Flow upload zone configuration with styling options\n * @returns Styled flow upload zone component\n *\n * @example\n * ```tsx\n * // Basic image upload with flow processing\n * <SimpleFlowUploadZone\n *   flowConfig={{\n *     flowId: \"image-optimization-flow\",\n *     storageId: \"s3-images\",\n *   }}\n *   accept=\"image/*\"\n *   options={{\n *     onSuccess: (result) => console.log(\"Image processed:\", result),\n *     onError: (error) => console.error(\"Processing failed:\", error),\n *   }}\n *   idleText=\"Drop an image to optimize and upload\"\n *   dragText=\"Release to start processing\"\n *   className=\"my-upload-zone\"\n * />\n *\n * // Document upload with custom flow\n * <SimpleFlowUploadZone\n *   flowConfig={{\n *     flowId: \"document-processing-flow\",\n *     storageId: \"docs\",\n *     outputNodeId: \"processed-doc\",\n *   }}\n *   accept=\".pdf,.doc,.docx\"\n *   options={{\n *     onFlowComplete: (outputs) => {\n *       console.log('Processing outputs:', outputs);\n *     },\n *   }}\n * />\n * ```\n *\n * @see {@link FlowUploadZone} for the headless version with full control\n */\nexport function SimpleFlowUploadZone({\n  flowConfig,\n  options,\n  accept,\n  className = \"\",\n  dragText = \"Drop files here\",\n  idleText = \"Drag & drop files or click to browse\",\n}: SimpleFlowUploadZoneProps) {\n  return (\n    <FlowUploadZone flowConfig={flowConfig} options={options} accept={accept}>\n      {({\n        dragDrop,\n        flowUpload,\n        getRootProps,\n        getInputProps,\n        openFilePicker,\n      }) => (\n        <div\n          {...getRootProps()}\n          className={className}\n          style={{\n            border: \"2px dashed #ccc\",\n            borderRadius: \"8px\",\n            padding: \"32px\",\n            textAlign: \"center\",\n            cursor: \"pointer\",\n            backgroundColor: dragDrop.state.isDragging\n              ? \"#f0f0f0\"\n              : \"transparent\",\n            transition: \"background-color 0.2s\",\n          }}\n        >\n          <input {...getInputProps()} />\n\n          {dragDrop.state.isDragging && <p style={{ margin: 0 }}>{dragText}</p>}\n\n          {!dragDrop.state.isDragging &&\n            !flowUpload.isUploading &&\n            flowUpload.state.status === \"idle\" && (\n              <div>\n                <p style={{ margin: \"0 0 16px 0\" }}>{idleText}</p>\n                <button\n                  type=\"button\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    openFilePicker();\n                  }}\n                  style={{\n                    padding: \"8px 16px\",\n                    borderRadius: \"4px\",\n                    border: \"1px solid #ccc\",\n                    backgroundColor: \"#fff\",\n                    cursor: \"pointer\",\n                  }}\n                >\n                  Choose Files\n                </button>\n              </div>\n            )}\n\n          {flowUpload.isUploading && (\n            <div>\n              <progress\n                value={flowUpload.state.progress}\n                max={100}\n                style={{ width: \"100%\", height: \"8px\" }}\n              />\n              <p style={{ margin: \"8px 0 0 0\" }}>\n                {flowUpload.state.progress}%\n              </p>\n              <button\n                type=\"button\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  // abort() will be passed from parent\n                }}\n                style={{\n                  marginTop: \"8px\",\n                  padding: \"4px 12px\",\n                  borderRadius: \"4px\",\n                  border: \"1px solid #ccc\",\n                  backgroundColor: \"#fff\",\n                  cursor: \"pointer\",\n                }}\n              >\n                Cancel\n              </button>\n            </div>\n          )}\n\n          {flowUpload.state.status === \"success\" && (\n            <div>\n              <p style={{ margin: 0, color: \"green\" }}>✓ Upload complete!</p>\n            </div>\n          )}\n\n          {flowUpload.state.status === \"error\" && (\n            <div>\n              <p style={{ margin: 0, color: \"red\" }}>\n                ✗ Error: {flowUpload.state.error?.message}\n              </p>\n            </div>\n          )}\n        </div>\n      )}\n    </FlowUploadZone>\n  );\n}\n","import type React from \"react\";\nimport type {\n  UploadItem,\n  UseMultiUploadReturn,\n} from \"../hooks/use-multi-upload\";\nimport type { UploadStatus } from \"../hooks/use-upload\";\n\n/**\n * Render props passed to the UploadList children function.\n * Provides organized access to upload items, status groupings, and actions.\n *\n * @property items - All upload items (filtered and sorted if configured)\n * @property itemsByStatus - Upload items grouped by their current status\n * @property multiUpload - Complete multi-upload hook instance\n * @property actions - Helper functions for common item operations\n * @property actions.removeItem - Remove an item from the list\n * @property actions.retryItem - Retry a failed upload\n * @property actions.abortItem - Cancel an active upload\n * @property actions.startItem - Begin uploading an idle item\n */\nexport interface UploadListRenderProps {\n  /**\n   * All upload items\n   */\n  items: UploadItem[];\n\n  /**\n   * Items filtered by status\n   */\n  itemsByStatus: {\n    idle: UploadItem[];\n    uploading: UploadItem[];\n    success: UploadItem[];\n    error: UploadItem[];\n    aborted: UploadItem[];\n  };\n\n  /**\n   * Multi-upload state and controls\n   */\n  multiUpload: UseMultiUploadReturn;\n\n  /**\n   * Helper functions for item management\n   */\n  actions: {\n    removeItem: (id: string) => void;\n    retryItem: (item: UploadItem) => void;\n    abortItem: (item: UploadItem) => void;\n    startItem: (item: UploadItem) => void;\n  };\n}\n\n/**\n * Props for the UploadList component.\n *\n * @property multiUpload - Multi-upload hook instance to display\n * @property filter - Optional function to filter which items to show\n * @property sortBy - Optional comparator function to sort items\n * @property children - Render function receiving list state and actions\n */\nexport interface UploadListProps {\n  /**\n   * Multi-upload instance from useMultiUpload hook\n   */\n  multiUpload: UseMultiUploadReturn;\n\n  /**\n   * Optional filter for which items to display\n   */\n  filter?: (item: UploadItem) => boolean;\n\n  /**\n   * Optional sorting function for items\n   */\n  sortBy?: (a: UploadItem, b: UploadItem) => number;\n\n  /**\n   * Render prop that receives upload list state and actions\n   */\n  children: (props: UploadListRenderProps) => React.ReactNode;\n}\n\n/**\n * Headless upload list component that provides flexible rendering for upload items.\n * Uses render props pattern to give full control over how upload items are displayed.\n *\n * @param props - Upload list configuration and render prop\n * @returns Rendered upload list using the provided render prop\n *\n * @example\n * ```tsx\n * // Basic upload list with progress bars\n * <UploadList multiUpload={multiUpload}>\n *   {({ items, actions }) => (\n *     <div>\n *       <h3>Upload Queue ({items.length} files)</h3>\n *       {items.map((item) => (\n *         <div key={item.id} style={{\n *           padding: '1rem',\n *           border: '1px solid #ccc',\n *           marginBottom: '0.5rem',\n *           borderRadius: '4px'\n *         }}>\n *           <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n *             <span>{item.file.name}</span>\n *             <span>{item.state.status}</span>\n *           </div>\n *\n *           {item.state.status === 'uploading' && (\n *             <div>\n *               <progress value={item.state.progress} max={100} />\n *               <span>{item.state.progress}%</span>\n *               <button onClick={() => actions.abortItem(item)}>Cancel</button>\n *             </div>\n *           )}\n *\n *           {item.state.status === 'error' && (\n *             <div>\n *               <p style={{ color: 'red' }}>Error: {item.state.error?.message}</p>\n *               <button onClick={() => actions.retryItem(item)}>Retry</button>\n *               <button onClick={() => actions.removeItem(item.id)}>Remove</button>\n *             </div>\n *           )}\n *\n *           {item.state.status === 'success' && (\n *             <div>\n *               <p style={{ color: 'green' }}>✓ Uploaded successfully</p>\n *               <button onClick={() => actions.removeItem(item.id)}>Remove</button>\n *             </div>\n *           )}\n *\n *           {item.state.status === 'idle' && (\n *             <div>\n *               <button onClick={() => actions.startItem(item)}>Start Upload</button>\n *               <button onClick={() => actions.removeItem(item.id)}>Remove</button>\n *             </div>\n *           )}\n *         </div>\n *       ))}\n *     </div>\n *   )}\n * </UploadList>\n *\n * // Upload list with status filtering and sorting\n * <UploadList\n *   multiUpload={multiUpload}\n *   filter={(item) => item.state.status !== 'success'} // Hide successful uploads\n *   sortBy={(a, b) => {\n *     // Sort by status priority, then by filename\n *     const statusPriority = { error: 0, uploading: 1, idle: 2, success: 3, aborted: 4 };\n *     const aPriority = statusPriority[a.state.status];\n *     const bPriority = statusPriority[b.state.status];\n *\n *     if (aPriority !== bPriority) {\n *       return aPriority - bPriority;\n *     }\n *\n *     return a.file.name.localeCompare(b.file.name);\n *   }}\n * >\n *   {({ items, itemsByStatus, multiUpload, actions }) => (\n *     <div>\n *       {itemsByStatus.error.length > 0 && (\n *         <div>\n *           <h4 style={{ color: 'red' }}>Failed Uploads ({itemsByStatus.error.length})</h4>\n *           {itemsByStatus.error.map((item) => (\n *             <UploadListItem key={item.id} item={item} actions={actions} />\n *           ))}\n *         </div>\n *       )}\n *\n *       {itemsByStatus.uploading.length > 0 && (\n *         <div>\n *           <h4>Uploading ({itemsByStatus.uploading.length})</h4>\n *           {itemsByStatus.uploading.map((item) => (\n *             <UploadListItem key={item.id} item={item} actions={actions} />\n *           ))}\n *         </div>\n *       )}\n *\n *       {itemsByStatus.idle.length > 0 && (\n *         <div>\n *           <h4>Pending ({itemsByStatus.idle.length})</h4>\n *           {itemsByStatus.idle.map((item) => (\n *             <UploadListItem key={item.id} item={item} actions={actions} />\n *           ))}\n *         </div>\n *       )}\n *     </div>\n *   )}\n * </UploadList>\n * ```\n */\nexport function UploadList({\n  multiUpload,\n  filter,\n  sortBy,\n  children,\n}: UploadListProps) {\n  // Apply filtering\n  let items = multiUpload.items;\n  if (filter) {\n    items = items.filter(filter);\n  }\n\n  // Apply sorting\n  if (sortBy) {\n    items = [...items].sort(sortBy);\n  }\n\n  // Group items by status\n  const itemsByStatus = {\n    idle: items.filter((item) => item.state.status === \"idle\"),\n    uploading: items.filter((item) => item.state.status === \"uploading\"),\n    success: items.filter((item) => item.state.status === \"success\"),\n    error: items.filter((item) => item.state.status === \"error\"),\n    aborted: items.filter((item) => item.state.status === \"aborted\"),\n  };\n\n  // Create action helpers\n  const actions = {\n    removeItem: (id: string) => {\n      multiUpload.removeItem(id);\n    },\n    retryItem: (_item: UploadItem) => {\n      // Retry failed uploads using multiUpload method\n      multiUpload.retryFailed();\n    },\n    abortItem: (item: UploadItem) => {\n      // Remove the item to effectively abort it\n      multiUpload.removeItem(item.id);\n    },\n    startItem: (_item: UploadItem) => {\n      // Start all pending uploads\n      multiUpload.startAll();\n    },\n  };\n\n  // Create render props object\n  const renderProps: UploadListRenderProps = {\n    items,\n    itemsByStatus,\n    multiUpload,\n    actions,\n  };\n\n  return <>{children(renderProps)}</>;\n}\n\n/**\n * Props for the SimpleUploadListItem component.\n *\n * @property item - The upload item to display\n * @property actions - Action functions from UploadList render props\n * @property className - Additional CSS class name\n * @property style - Inline styles for the item container\n * @property showDetails - Whether to display file size and upload details\n */\nexport interface SimpleUploadListItemProps {\n  /**\n   * The upload item to render\n   */\n  item: UploadItem;\n\n  /**\n   * Actions from UploadList render props\n   */\n  actions: UploadListRenderProps[\"actions\"];\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Inline styles\n   */\n  style?: React.CSSProperties;\n\n  /**\n   * Whether to show detailed information (file size, speed, etc.)\n   */\n  showDetails?: boolean;\n}\n\n/**\n * Pre-styled upload list item component with status indicators and action buttons.\n * Displays file info, progress, errors, and contextual actions based on upload status.\n *\n * Features:\n * - Status-specific color coding and icons\n * - Progress bar for active uploads\n * - Error message display\n * - File size formatting\n * - Contextual action buttons (start, cancel, retry, remove)\n *\n * @param props - Upload item and configuration\n * @returns Styled upload list item component\n *\n * @example\n * ```tsx\n * // Use with UploadList\n * <UploadList multiUpload={multiUpload}>\n *   {({ items, actions }) => (\n *     <div>\n *       {items.map((item) => (\n *         <SimpleUploadListItem\n *           key={item.id}\n *           item={item}\n *           actions={actions}\n *           showDetails={true}\n *         />\n *       ))}\n *     </div>\n *   )}\n * </UploadList>\n *\n * // Custom styling\n * <SimpleUploadListItem\n *   item={uploadItem}\n *   actions={actions}\n *   className=\"my-upload-item\"\n *   style={{ borderRadius: '12px', margin: '1rem' }}\n *   showDetails={true}\n * />\n * ```\n */\nexport function SimpleUploadListItem({\n  item,\n  actions,\n  className = \"\",\n  style = {},\n  showDetails = true,\n}: SimpleUploadListItemProps) {\n  const getStatusColor = (status: UploadStatus) => {\n    switch (status) {\n      case \"idle\":\n        return \"#6c757d\";\n      case \"uploading\":\n        return \"#007bff\";\n      case \"success\":\n        return \"#28a745\";\n      case \"error\":\n        return \"#dc3545\";\n      case \"aborted\":\n        return \"#6c757d\";\n      default:\n        return \"#6c757d\";\n    }\n  };\n\n  const getStatusIcon = (status: UploadStatus) => {\n    switch (status) {\n      case \"idle\":\n        return \"⏳\";\n      case \"uploading\":\n        return \"📤\";\n      case \"success\":\n        return \"✅\";\n      case \"error\":\n        return \"❌\";\n      case \"aborted\":\n        return \"⏹️\";\n      default:\n        return \"❓\";\n    }\n  };\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes === 0) return \"0 Bytes\";\n    const k = 1024;\n    const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return `${parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`;\n  };\n\n  return (\n    <div\n      className={`upload-list-item upload-list-item--${item.state.status} ${className}`}\n      style={{\n        padding: \"12px\",\n        border: \"1px solid #e0e0e0\",\n        borderRadius: \"6px\",\n        marginBottom: \"8px\",\n        backgroundColor: \"#fff\",\n        transition: \"all 0.2s ease\",\n        ...style,\n      }}\n    >\n      {/* Header with filename and status */}\n      <div\n        style={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          alignItems: \"center\",\n          marginBottom: \"8px\",\n        }}\n      >\n        <div\n          style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\", flex: 1 }}\n        >\n          <span style={{ fontSize: \"16px\" }}>\n            {getStatusIcon(item.state.status)}\n          </span>\n          <span style={{ fontWeight: \"500\", flex: 1 }}>\n            {item.file instanceof File ? item.file.name : \"File\"}\n          </span>\n        </div>\n        <span\n          style={{\n            fontSize: \"12px\",\n            color: getStatusColor(item.state.status),\n            fontWeight: \"500\",\n            textTransform: \"uppercase\",\n          }}\n        >\n          {item.state.status}\n        </span>\n      </div>\n\n      {/* Progress bar for uploading items */}\n      {item.state.status === \"uploading\" && (\n        <div style={{ marginBottom: \"8px\" }}>\n          <div\n            style={{\n              display: \"flex\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              marginBottom: \"4px\",\n            }}\n          >\n            <span style={{ fontSize: \"12px\", color: \"#666\" }}>\n              {item.state.progress}%\n            </span>\n            {showDetails && item.state.totalBytes && (\n              <span style={{ fontSize: \"12px\", color: \"#666\" }}>\n                {formatFileSize(item.state.bytesUploaded)} /{\" \"}\n                {formatFileSize(item.state.totalBytes)}\n              </span>\n            )}\n          </div>\n          <div\n            style={{\n              width: \"100%\",\n              height: \"6px\",\n              backgroundColor: \"#e0e0e0\",\n              borderRadius: \"3px\",\n              overflow: \"hidden\",\n            }}\n          >\n            <div\n              style={{\n                width: `${item.state.progress}%`,\n                height: \"100%\",\n                backgroundColor: \"#007bff\",\n                transition: \"width 0.2s ease\",\n              }}\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Details section */}\n      {showDetails && (\n        <div style={{ fontSize: \"12px\", color: \"#666\", marginBottom: \"8px\" }}>\n          {item.state.totalBytes && (\n            <span>{formatFileSize(item.state.totalBytes)}</span>\n          )}\n          {item.state.status === \"uploading\" && item.state.progress > 0 && (\n            <span> • Progress: {item.state.progress}%</span>\n          )}\n          {item.state.status === \"error\" && item.state.error && (\n            <div style={{ color: \"#dc3545\", marginTop: \"4px\" }}>\n              {item.state.error.message}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Action buttons */}\n      <div style={{ display: \"flex\", gap: \"8px\", flexWrap: \"wrap\" }}>\n        {item.state.status === \"idle\" && (\n          <>\n            <button\n              type=\"button\"\n              onClick={() => actions.startItem(item)}\n              style={{\n                padding: \"4px 8px\",\n                fontSize: \"12px\",\n                border: \"1px solid #007bff\",\n                backgroundColor: \"#007bff\",\n                color: \"white\",\n                borderRadius: \"4px\",\n                cursor: \"pointer\",\n              }}\n            >\n              Start\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => actions.removeItem(item.id)}\n              style={{\n                padding: \"4px 8px\",\n                fontSize: \"12px\",\n                border: \"1px solid #6c757d\",\n                backgroundColor: \"transparent\",\n                color: \"#6c757d\",\n                borderRadius: \"4px\",\n                cursor: \"pointer\",\n              }}\n            >\n              Remove\n            </button>\n          </>\n        )}\n\n        {item.state.status === \"uploading\" && (\n          <button\n            type=\"button\"\n            onClick={() => actions.abortItem(item)}\n            style={{\n              padding: \"4px 8px\",\n              fontSize: \"12px\",\n              border: \"1px solid #dc3545\",\n              backgroundColor: \"transparent\",\n              color: \"#dc3545\",\n              borderRadius: \"4px\",\n              cursor: \"pointer\",\n            }}\n          >\n            Cancel\n          </button>\n        )}\n\n        {item.state.status === \"error\" && (\n          <>\n            <button\n              type=\"button\"\n              onClick={() => actions.retryItem(item)}\n              style={{\n                padding: \"4px 8px\",\n                fontSize: \"12px\",\n                border: \"1px solid #28a745\",\n                backgroundColor: \"#28a745\",\n                color: \"white\",\n                borderRadius: \"4px\",\n                cursor: \"pointer\",\n              }}\n            >\n              Retry\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => actions.removeItem(item.id)}\n              style={{\n                padding: \"4px 8px\",\n                fontSize: \"12px\",\n                border: \"1px solid #6c757d\",\n                backgroundColor: \"transparent\",\n                color: \"#6c757d\",\n                borderRadius: \"4px\",\n                cursor: \"pointer\",\n              }}\n            >\n              Remove\n            </button>\n          </>\n        )}\n\n        {item.state.status === \"success\" && (\n          <button\n            type=\"button\"\n            onClick={() => actions.removeItem(item.id)}\n            style={{\n              padding: \"4px 8px\",\n              fontSize: \"12px\",\n              border: \"1px solid #6c757d\",\n              backgroundColor: \"transparent\",\n              color: \"#6c757d\",\n              borderRadius: \"4px\",\n              cursor: \"pointer\",\n            }}\n          >\n            Remove\n          </button>\n        )}\n\n        {item.state.status === \"aborted\" && (\n          <>\n            <button\n              type=\"button\"\n              onClick={() => actions.retryItem(item)}\n              style={{\n                padding: \"4px 8px\",\n                fontSize: \"12px\",\n                border: \"1px solid #007bff\",\n                backgroundColor: \"#007bff\",\n                color: \"white\",\n                borderRadius: \"4px\",\n                cursor: \"pointer\",\n              }}\n            >\n              Retry\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => actions.removeItem(item.id)}\n              style={{\n                padding: \"4px 8px\",\n                fontSize: \"12px\",\n                border: \"1px solid #6c757d\",\n                backgroundColor: \"transparent\",\n                color: \"#6c757d\",\n                borderRadius: \"4px\",\n                cursor: \"pointer\",\n              }}\n            >\n              Remove\n            </button>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n","/**\n * Upload Zone Components\n *\n * Enhanced error handling features:\n * - MIME type validation with detailed error messages\n * - File count validation (single vs multiple mode)\n * - Custom validation error callbacks\n * - Built-in error display in SimpleUploadZone\n * - Configurable error styling\n */\n\nimport type React from \"react\";\nimport { useCallback } from \"react\";\nimport type {\n  DragDropOptions,\n  UseDragDropReturn,\n} from \"../hooks/use-drag-drop\";\nimport { useDragDrop } from \"../hooks/use-drag-drop\";\nimport type {\n  MultiUploadOptions,\n  UseMultiUploadReturn,\n} from \"../hooks/use-multi-upload\";\nimport { useMultiUpload } from \"../hooks/use-multi-upload\";\nimport type { UseUploadOptions, UseUploadReturn } from \"../hooks/use-upload\";\nimport { useUpload } from \"../hooks/use-upload\";\n\n/**\n * Render props passed to the UploadZone children function.\n * Provides access to drag-drop state, upload controls, and helper functions.\n *\n * @property dragDrop - Complete drag-and-drop state and event handlers\n * @property upload - Single upload hook (null when multiple=true)\n * @property multiUpload - Multi-upload hook (null when multiple=false)\n * @property openFilePicker - Programmatically trigger file selection dialog\n * @property isActive - True when dragging over zone or files selected\n * @property isProcessing - True when uploads are in progress\n */\nexport interface UploadZoneRenderProps {\n  /**\n   * Drag and drop state and handlers\n   */\n  dragDrop: UseDragDropReturn;\n\n  /**\n   * Single upload functionality (if not using multi-upload)\n   */\n  upload: UseUploadReturn | null;\n\n  /**\n   * Multi-upload functionality (if using multi-upload)\n   */\n  multiUpload: UseMultiUploadReturn | null;\n\n  /**\n   * Helper function to open file picker\n   */\n  openFilePicker: () => void;\n\n  /**\n   * Whether the zone is currently active (dragging or uploading)\n   */\n  isActive: boolean;\n\n  /**\n   * Whether files are being processed\n   */\n  isProcessing: boolean;\n}\n\n/**\n * Props for the UploadZone component.\n * Combines drag-drop options with upload configuration.\n *\n * @property multiple - Enable multi-file selection and upload (default: true)\n * @property multiUploadOptions - Configuration for multi-upload mode\n * @property uploadOptions - Configuration for single-upload mode\n * @property children - Render function receiving upload zone state\n * @property onUploadStart - Called when files pass validation and upload begins\n * @property onValidationError - Called when file validation fails\n * @property accept - Accepted file types (e.g., ['image/*', '.pdf'])\n * @property maxFiles - Maximum number of files allowed\n * @property maxFileSize - Maximum file size in bytes\n * @property validator - Custom validation function\n */\nexport interface UploadZoneProps\n  extends Omit<DragDropOptions, \"onFilesReceived\"> {\n  /**\n   * Whether to enable multi-file upload mode\n   */\n  multiple?: boolean;\n\n  /**\n   * Multi-upload specific options (only used when multiple=true)\n   */\n  multiUploadOptions?: MultiUploadOptions;\n\n  /**\n   * Single upload specific options (only used when multiple=false)\n   */\n  uploadOptions?: UseUploadOptions;\n\n  /**\n   * Render prop that receives upload zone state and handlers\n   */\n  children: (props: UploadZoneRenderProps) => React.ReactNode;\n\n  /**\n   * Called when files are processed and uploads begin\n   */\n  onUploadStart?: (files: File[]) => void;\n\n  /**\n   * Called when validation errors occur\n   */\n  onValidationError?: (errors: string[]) => void;\n}\n\n/**\n * Headless upload zone component that combines drag and drop functionality\n * with upload management. Uses render props pattern for maximum flexibility.\n * Includes enhanced error handling for MIME type validation and file count validation.\n *\n * @param props - Upload zone configuration and render prop\n * @returns Rendered upload zone using the provided render prop\n *\n * @example\n * ```tsx\n * // Single file upload zone with error handling\n * <UploadZone\n *   multiple={false}\n *   accept={['image/*']}\n *   maxFileSize={5 * 1024 * 1024}\n *   onValidationError={(errors) => {\n *     console.error('Validation errors:', errors);\n *   }}\n *   uploadOptions={{\n *     onSuccess: (result) => console.log('Upload complete:', result),\n *     onError: (error) => console.error('Upload failed:', error),\n *   }}\n * >\n *   {({ dragDrop, upload, openFilePicker, isActive }) => (\n *     <div {...dragDrop.dragHandlers} onClick={openFilePicker}>\n *       {dragDrop.state.isDragging ? (\n *         <p>Drop file here...</p>\n *       ) : upload?.isUploading ? (\n *         <p>Uploading... {upload.state.progress}%</p>\n *       ) : (\n *         <p>Drag a file here or click to select</p>\n *       )}\n *\n *       {dragDrop.state.errors.length > 0 && (\n *         <div style={{ color: 'red' }}>\n *           {dragDrop.state.errors.map((error, index) => (\n *             <p key={index}>{error}</p>\n *           ))}\n *         </div>\n *       )}\n *\n *       <input {...dragDrop.inputProps} />\n *     </div>\n *   )}\n * </UploadZone>\n * ```\n */\nexport function UploadZone({\n  children,\n  multiple = true,\n  multiUploadOptions = {},\n  uploadOptions = {},\n  onUploadStart,\n  onValidationError,\n  ...dragDropOptions\n}: UploadZoneProps) {\n  // Always initialize both hooks, but only use the appropriate one\n  const singleUpload = useUpload(uploadOptions);\n  const multiUpload = useMultiUpload(multiUploadOptions);\n\n  // Enhanced validation function for better error handling\n  const enhancedValidator = useCallback(\n    (files: File[]): string[] | null => {\n      const errors: string[] = [];\n\n      // Check file count based on multiple setting\n      if (!multiple && files.length > 1) {\n        errors.push(\n          `Single file mode is enabled. Please select only one file. You selected ${files.length} files.`,\n        );\n      }\n\n      // Enhanced MIME type validation with better error messages\n      if (dragDropOptions.accept && dragDropOptions.accept.length > 0) {\n        const invalidFiles = files.filter((file) => {\n          return !dragDropOptions.accept?.some((acceptType) => {\n            if (acceptType.startsWith(\".\")) {\n              // File extension check\n              return file.name.toLowerCase().endsWith(acceptType.toLowerCase());\n            } else {\n              // MIME type check (supports wildcards like image/*)\n              if (acceptType.endsWith(\"/*\")) {\n                const baseType = acceptType.slice(0, -2);\n                return file.type.startsWith(baseType);\n              } else {\n                return file.type === acceptType;\n              }\n            }\n          });\n        });\n\n        if (invalidFiles.length > 0) {\n          const fileNames = invalidFiles\n            .map((f) => `\"${f.name}\" (${f.type})`)\n            .join(\", \");\n          const acceptedTypes = dragDropOptions.accept.join(\", \");\n          errors.push(\n            `Invalid file type(s): ${fileNames}. Accepted types: ${acceptedTypes}.`,\n          );\n        }\n      }\n\n      return errors.length > 0 ? errors : null;\n    },\n    [multiple, dragDropOptions.accept],\n  );\n\n  // Handle file processing\n  const handleFilesReceived = (files: File[]) => {\n    onUploadStart?.(files);\n\n    if (multiple && multiUpload) {\n      // Add files to multi-upload queue\n      multiUpload.addFiles(files);\n\n      // Auto-start uploads if configured to do so\n      // Note: This could be made configurable with an autoStart prop\n      setTimeout(() => multiUpload.startAll(), 0);\n    } else if (!multiple && singleUpload && files.length > 0 && files[0]) {\n      // Start single file upload\n      singleUpload.upload(files[0]);\n    }\n  };\n\n  // Handle validation errors\n  const handleValidationError = useCallback(\n    (errors: string[]) => {\n      console.error(\"Upload zone validation errors:\", errors);\n      // Call the custom error handler if provided\n      onValidationError?.(errors);\n    },\n    [onValidationError],\n  );\n\n  // Initialize drag and drop with enhanced validation\n  const dragDrop = useDragDrop({\n    ...dragDropOptions,\n    multiple,\n    validator: enhancedValidator,\n    onFilesReceived: handleFilesReceived,\n    onValidationError: handleValidationError,\n  });\n\n  // Determine active state\n  const isActive = dragDrop.state.isDragging || dragDrop.state.isOver;\n\n  // Determine processing state\n  const isProcessing = multiple\n    ? (multiUpload?.state.isUploading ?? false)\n    : (singleUpload?.isUploading ?? false);\n\n  // Create render props object\n  const renderProps: UploadZoneRenderProps = {\n    dragDrop,\n    upload: singleUpload,\n    multiUpload,\n    openFilePicker: dragDrop.openFilePicker,\n    isActive,\n    isProcessing,\n  };\n\n  return <>{children(renderProps)}</>;\n}\n\n/**\n * Props for the SimpleUploadZone component with built-in styling.\n *\n * @property className - CSS class name for custom styling\n * @property style - Inline styles for the upload zone container\n * @property text - Custom text labels for different states\n * @property text.idle - Text shown when zone is idle\n * @property text.dragging - Text shown when dragging files over zone\n * @property text.uploading - Text shown during upload\n * @property errorStyle - Custom styles for validation error display\n */\nexport interface SimpleUploadZoneProps extends UploadZoneProps {\n  /**\n   * Additional CSS class name for styling\n   */\n  className?: string;\n\n  /**\n   * Inline styles for the upload zone\n   */\n  style?: React.CSSProperties;\n\n  /**\n   * Custom text to display in different states\n   */\n  text?: {\n    idle?: string;\n    dragging?: string;\n    uploading?: string;\n  };\n\n  /**\n   * Custom error message styling\n   */\n  errorStyle?: React.CSSProperties;\n}\n\n/**\n * Simple pre-styled upload zone component with built-in UI and error handling.\n * Provides a ready-to-use drag-and-drop upload interface with minimal configuration.\n *\n * Features:\n * - Built-in drag-and-drop visual feedback\n * - Automatic progress display\n * - File validation error display\n * - Customizable text and styling\n * - Keyboard accessible\n *\n * @param props - Upload zone configuration with styling options\n * @returns Styled upload zone component\n *\n * @example\n * ```tsx\n * // Multi-file upload with validation\n * <SimpleUploadZone\n *   multiple={true}\n *   accept={['image/*', '.pdf']}\n *   maxFiles={5}\n *   maxFileSize={10 * 1024 * 1024} // 10MB\n *   onUploadStart={(files) => console.log('Starting uploads:', files.length)}\n *   onValidationError={(errors) => {\n *     errors.forEach(err => console.error(err));\n *   }}\n *   multiUploadOptions={{\n *     maxConcurrent: 3,\n *     onComplete: (results) => {\n *       console.log(`${results.successful.length}/${results.total} uploaded`);\n *     },\n *   }}\n *   style={{\n *     width: '400px',\n *     height: '200px',\n *     margin: '20px auto',\n *   }}\n *   text={{\n *     idle: 'Drop your files here or click to browse',\n *     dragging: 'Release to upload',\n *     uploading: 'Uploading files...',\n *   }}\n *   errorStyle={{\n *     backgroundColor: '#fff3cd',\n *     borderColor: '#ffeaa7',\n *   }}\n * />\n *\n * // Single file upload\n * <SimpleUploadZone\n *   multiple={false}\n *   accept={['image/*']}\n *   uploadOptions={{\n *     onSuccess: (result) => console.log('Uploaded:', result),\n *     onError: (error) => console.error('Failed:', error),\n *   }}\n *   text={{\n *     idle: 'Click or drag an image to upload',\n *   }}\n * />\n * ```\n */\nexport function SimpleUploadZone({\n  className = \"\",\n  style = {},\n  text = {},\n  errorStyle = {},\n  children,\n  ...uploadZoneProps\n}: SimpleUploadZoneProps) {\n  const defaultText = {\n    idle: uploadZoneProps.multiple\n      ? \"Drag files here or click to select\"\n      : \"Drag a file here or click to select\",\n    dragging: uploadZoneProps.multiple\n      ? \"Drop files here...\"\n      : \"Drop file here...\",\n    uploading: \"Uploading...\",\n  };\n\n  const displayText = { ...defaultText, ...text };\n\n  // If children render prop is provided, use UploadZone directly\n  if (children) {\n    return <UploadZone {...uploadZoneProps}>{children}</UploadZone>;\n  }\n\n  // Otherwise, provide default UI\n  return (\n    <UploadZone {...uploadZoneProps}>\n      {({\n        dragDrop,\n        upload,\n        multiUpload,\n        openFilePicker,\n        isActive,\n        isProcessing,\n      }) => (\n        <button\n          type=\"button\"\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              openFilePicker();\n            }\n          }}\n          onKeyUp={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              openFilePicker();\n            }\n          }}\n          {...dragDrop.dragHandlers}\n          onClick={openFilePicker}\n          className={`upload-zone ${isActive ? \"upload-zone--active\" : \"\"} ${isProcessing ? \"upload-zone--processing\" : \"\"} ${className}`}\n          style={{\n            border: isActive ? \"2px dashed #007bff\" : \"2px dashed #ccc\",\n            borderRadius: \"8px\",\n            padding: \"2rem\",\n            textAlign: \"center\",\n            cursor: \"pointer\",\n            backgroundColor: isActive ? \"#f8f9fa\" : \"transparent\",\n            transition: \"all 0.2s ease\",\n            minHeight: \"120px\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            ...style,\n          }}\n        >\n          {dragDrop.state.isDragging ? (\n            <p style={{ margin: 0, fontSize: \"16px\", color: \"#007bff\" }}>\n              {displayText.dragging}\n            </p>\n          ) : isProcessing ? (\n            <div style={{ textAlign: \"center\" }}>\n              <p style={{ margin: \"0 0 10px 0\", fontSize: \"14px\" }}>\n                {displayText.uploading}\n              </p>\n              {upload && (\n                <div>\n                  <progress\n                    value={upload.state.progress}\n                    max={100}\n                    style={{ width: \"200px\", height: \"8px\" }}\n                  />\n                  <p\n                    style={{\n                      margin: \"5px 0 0 0\",\n                      fontSize: \"12px\",\n                      color: \"#666\",\n                    }}\n                  >\n                    {upload.state.progress}%\n                  </p>\n                </div>\n              )}\n              {multiUpload && (\n                <div>\n                  <progress\n                    value={multiUpload.state.progress}\n                    max={100}\n                    style={{ width: \"200px\", height: \"8px\" }}\n                  />\n                  <p\n                    style={{\n                      margin: \"5px 0 0 0\",\n                      fontSize: \"12px\",\n                      color: \"#666\",\n                    }}\n                  >\n                    {multiUpload.state.progress}% ({multiUpload.state.uploading}{\" \"}\n                    uploading, {multiUpload.state.successful} completed)\n                  </p>\n                </div>\n              )}\n            </div>\n          ) : (\n            <p style={{ margin: 0, fontSize: \"16px\", color: \"#666\" }}>\n              {displayText.idle}\n            </p>\n          )}\n\n          {dragDrop.state.errors.length > 0 && (\n            <div\n              style={{\n                marginTop: \"10px\",\n                padding: \"8px 12px\",\n                backgroundColor: \"#f8d7da\",\n                border: \"1px solid #f5c6cb\",\n                borderRadius: \"4px\",\n                maxWidth: \"100%\",\n                ...errorStyle,\n              }}\n            >\n              <p\n                style={{\n                  margin: \"0 0 5px 0\",\n                  fontSize: \"12px\",\n                  fontWeight: \"bold\",\n                  color: \"#721c24\",\n                }}\n              >\n                Validation Errors:\n              </p>\n              {dragDrop.state.errors.map((error, index) => (\n                <p\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is used as key\n                  key={index}\n                  style={{\n                    color: \"#721c24\",\n                    fontSize: \"11px\",\n                    margin: \"2px 0\",\n                    lineHeight: \"1.3\",\n                  }}\n                >\n                  • {error}\n                </p>\n              ))}\n            </div>\n          )}\n\n          <input {...dragDrop.inputProps} />\n        </button>\n      )}\n    </UploadZone>\n  );\n}\n"],"mappings":"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"}

package/dist/uploadista-provider-D-N-eL2l.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"uploadista-provider-D-N-eL2l.d.mts","names":[],"sources":["../src/components/flow-input.tsx","../src/components/flow-upload-list.tsx","../src/components/flow-upload-zone.tsx","../src/components/upload-list.tsx","../src/components/upload-zone.tsx","../src/components/uploadista-provider.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/use-upload-BDHVhQsI.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.data.id,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(n.uploadWithFlow,t,r,n.multiInputFlowUpload);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}const x={isDragging:!1,isOver:!1,isValid:!0,errors:[]};function S(e={}){let{accept:t,maxFiles:n,maxFileSize:i,multiple:a=!0,validator:o,onFilesReceived:l,onValidationError:u,onDragStateChange:d}=e,[f,p]=c(x),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]),S=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(x),h.current=0},[]);return{state:f,dragHandlers:{onDragEnter:b,onDragOver:S,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}}function C(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 w={status:`idle`,progress:0,bytesUploaded:0,totalBytes:null,error: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{S 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-BDHVhQsI.mjs.map

package/dist/use-upload-BDHVhQsI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-upload-BDHVhQsI.mjs","names":["initialState: DragDropState","initialState","errors: string[]","files: File[]","items","newItems: FlowUploadItem<BrowserUploadInput>[]","state: MultiFlowUploadState<BrowserUploadInput>","initialState: FlowUploadState","initialState","state","state: MultiUploadState","newItems: UploadItem[]","item","initialState: UploadState"],"sources":["../src/contexts/flow-manager-context.tsx","../src/hooks/use-uploadista-client.ts","../src/components/uploadista-provider.tsx","../src/hooks/use-drag-drop.ts","../src/hooks/use-multi-flow-upload.ts","../src/hooks/use-flow-upload.ts","../src/hooks/use-multi-upload.ts","../src/hooks/use-upload.ts"],"sourcesContent":["import type {\n  BrowserUploadInput,\n  FlowUploadOptions,\n  UploadistaEvent,\n} from \"@uploadista/client-browser\";\nimport {\n  FlowManager,\n  type FlowManagerCallbacks,\n} from \"@uploadista/client-core\";\nimport { EventType, type FlowEvent } from \"@uploadista/core/flow\";\nimport { UploadEventType } from \"@uploadista/core/types\";\nimport type { ReactNode } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\n\n/**\n * Type guard to check if an event is a flow event\n */\nfunction isFlowEvent(event: UploadistaEvent): event is FlowEvent {\n  const flowEvent = event as FlowEvent;\n  return (\n    flowEvent.eventType === EventType.FlowStart ||\n    flowEvent.eventType === EventType.FlowEnd ||\n    flowEvent.eventType === EventType.FlowError ||\n    flowEvent.eventType === EventType.NodeStart ||\n    flowEvent.eventType === EventType.NodeEnd ||\n    flowEvent.eventType === EventType.NodePause ||\n    flowEvent.eventType === EventType.NodeResume ||\n    flowEvent.eventType === EventType.NodeError\n  );\n}\n\n/**\n * Internal manager registry entry with ref counting\n */\ninterface ManagerEntry {\n  manager: FlowManager<unknown>;\n  refCount: number;\n  flowId: string;\n}\n\n/**\n * Context value providing access to flow managers\n */\ninterface FlowManagerContextValue {\n  /**\n   * Get or create a flow manager for the given flow ID.\n   * Increments ref count - must call releaseManager when done.\n   *\n   * @param flowId - Unique identifier for the flow\n   * @param callbacks - Callbacks for state changes and lifecycle events\n   * @param options - Flow configuration options\n   * @returns FlowManager instance\n   */\n  getManager: (\n    flowId: string,\n    callbacks: FlowManagerCallbacks,\n    options: FlowUploadOptions,\n  ) => FlowManager<unknown>;\n\n  /**\n   * Release a flow manager reference.\n   * Decrements ref count and cleans up when reaching zero.\n   *\n   * @param flowId - Unique identifier for the flow to release\n   */\n  releaseManager: (flowId: string) => void;\n}\n\nconst FlowManagerContext = createContext<FlowManagerContextValue | undefined>(\n  undefined,\n);\n\n/**\n * Props for FlowManagerProvider\n */\ninterface FlowManagerProviderProps {\n  children: ReactNode;\n}\n\n/**\n * Provider that manages FlowManager instances with ref counting and event routing.\n * Ensures managers persist across component re-renders and are only cleaned up\n * when all consuming components unmount.\n *\n * This provider should be nested inside UploadistaProvider to access the upload client\n * and event subscription system.\n *\n * @example\n * ```tsx\n * <UploadistaProvider baseUrl=\"https://api.example.com\" storageId=\"default\">\n *   <FlowManagerProvider>\n *     <App />\n *   </FlowManagerProvider>\n * </UploadistaProvider>\n * ```\n */\nexport function FlowManagerProvider({ children }: FlowManagerProviderProps) {\n  const { client, subscribeToEvents } = useUploadistaContext();\n  const managersRef = useRef(new Map<string, ManagerEntry>());\n\n  // Subscribe to all events and route to appropriate managers\n  useEffect(() => {\n    const unsubscribe = subscribeToEvents((event: UploadistaEvent) => {\n      // Route flow events to all managers (they filter by jobId internally)\n      if (isFlowEvent(event)) {\n        for (const entry of managersRef.current.values()) {\n          entry.manager.handleFlowEvent(event);\n        }\n        return;\n      }\n\n      // Route upload progress events to all managers\n      if (\n        \"type\" in event &&\n        event.type === UploadEventType.UPLOAD_PROGRESS &&\n        \"data\" in event\n      ) {\n        const uploadEvent = event;\n\n        for (const entry of managersRef.current.values()) {\n          entry.manager.handleUploadProgress(\n            uploadEvent.data.id,\n            uploadEvent.data.progress,\n            uploadEvent.data.total,\n          );\n        }\n      }\n    });\n\n    return unsubscribe;\n  }, [subscribeToEvents]);\n\n  const getManager = useCallback(\n    (\n      flowId: string,\n      callbacks: FlowManagerCallbacks,\n      options: FlowUploadOptions,\n    ): FlowManager<unknown> => {\n      const existing = managersRef.current.get(flowId);\n\n      if (existing) {\n        // Increment ref count for existing manager\n        existing.refCount++;\n        return existing.manager;\n      }\n\n      const manager = new FlowManager<BrowserUploadInput>(\n        client.uploadWithFlow,\n        callbacks,\n        options,\n        client.multiInputFlowUpload,\n      );\n\n      managersRef.current.set(flowId, {\n        manager,\n        refCount: 1,\n        flowId,\n      });\n\n      return manager;\n    },\n    [client],\n  );\n\n  const releaseManager = useCallback((flowId: string) => {\n    const existing = managersRef.current.get(flowId);\n    if (!existing) return;\n\n    existing.refCount--;\n\n    // Clean up when no more refs\n    if (existing.refCount <= 0) {\n      existing.manager.cleanup();\n      managersRef.current.delete(flowId);\n    }\n  }, []);\n\n  return (\n    <FlowManagerContext.Provider value={{ getManager, releaseManager }}>\n      {children}\n    </FlowManagerContext.Provider>\n  );\n}\n\n/**\n * Hook to access the FlowManager context.\n * Must be used within a FlowManagerProvider.\n *\n * @returns FlowManager context value with getManager and releaseManager functions\n * @throws Error if used outside of FlowManagerProvider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { getManager, releaseManager } = useFlowManagerContext();\n *   // Use to create managers...\n * }\n * ```\n */\nexport function useFlowManagerContext(): FlowManagerContextValue {\n  const context = useContext(FlowManagerContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useFlowManagerContext must be used within a FlowManagerProvider. \" +\n        \"Make sure to wrap your component tree with <FlowManagerProvider>.\",\n    );\n  }\n\n  return context;\n}\n","import {\n  createUploadistaClient,\n  type UploadistaClientOptions,\n} from \"@uploadista/client-browser\";\nimport { useMemo, useRef } from \"react\";\n\n/**\n * Configuration options for the uploadista client hook.\n * Extends the base client options with React-specific behavior.\n *\n * @property onEvent - Global event handler for all upload and flow events\n * @property baseUrl - API base URL for uploads\n * @property storageId - Default storage identifier\n * @property chunkSize - Size of upload chunks in bytes\n * @property storeFingerprintForResuming - Enable resumable uploads\n * @property retryDelays - Array of retry delays in milliseconds\n * @property parallelUploads - Maximum number of parallel uploads\n * @property uploadStrategy - Upload strategy (sequential, parallel, adaptive)\n * @property smartChunking - Enable dynamic chunk size adjustment\n * @property networkMonitoring - Enable network condition monitoring\n */\nexport interface UseUploadistaClientOptions extends UploadistaClientOptions {\n  /**\n   * Global event handler for all upload and flow events from this client\n   */\n  onEvent?: UploadistaClientOptions[\"onEvent\"];\n}\n\n/**\n * Return value from the useUploadistaClient hook.\n *\n * @property client - Configured uploadista client instance (stable across re-renders)\n * @property config - Current client configuration options\n */\nexport interface UseUploadistaClientReturn {\n  /**\n   * The uploadista client instance\n   */\n  client: ReturnType<typeof createUploadistaClient>;\n\n  /**\n   * Current configuration of the client\n   */\n  config: UseUploadistaClientOptions;\n}\n\n/**\n * React hook for creating and managing an uploadista client instance.\n * The client instance is memoized and stable across re-renders, only being\n * recreated when configuration options change.\n *\n * This hook is typically used internally by UploadistaProvider, but can be\n * used directly for advanced use cases requiring multiple client instances.\n *\n * @param options - Upload client configuration options\n * @returns Object containing the stable client instance and current configuration\n *\n * @example\n * ```tsx\n * // Basic client setup\n * function MyUploadComponent() {\n *   const { client, config } = useUploadistaClient({\n *     baseUrl: 'https://api.example.com',\n *     storageId: 'default-storage',\n *     chunkSize: 1024 * 1024, // 1MB chunks\n *     storeFingerprintForResuming: true,\n *     onEvent: (event) => {\n *       console.log('Upload event:', event);\n *     }\n *   });\n *\n *   // Use client directly\n *   const handleUpload = async (file: File) => {\n *     await client.upload(file, {\n *       onSuccess: (result) => console.log('Uploaded:', result),\n *       onError: (error) => console.error('Failed:', error),\n *     });\n *   };\n *\n *   return <FileUploader onUpload={handleUpload} />;\n * }\n *\n * // Advanced: Multiple clients with different configurations\n * function MultiClientComponent() {\n *   // Client for image uploads\n *   const imageClient = useUploadistaClient({\n *     baseUrl: 'https://images.example.com',\n *     storageId: 'images',\n *     chunkSize: 2 * 1024 * 1024, // 2MB for images\n *   });\n *\n *   // Client for document uploads\n *   const docClient = useUploadistaClient({\n *     baseUrl: 'https://docs.example.com',\n *     storageId: 'documents',\n *     chunkSize: 512 * 1024, // 512KB for documents\n *   });\n *\n *   return (\n *     <div>\n *       <ImageUploader client={imageClient.client} />\n *       <DocumentUploader client={docClient.client} />\n *     </div>\n *   );\n * }\n * ```\n *\n * @see {@link UploadistaProvider} for the recommended way to provide client context\n */\nexport function useUploadistaClient(\n  options: UseUploadistaClientOptions,\n): UseUploadistaClientReturn {\n  // Store the options in a ref to enable stable dependency checking\n  const optionsRef = useRef<UseUploadistaClientOptions>(options);\n\n  // Update ref on each render but only create new client when essential deps change\n  optionsRef.current = options;\n\n  // Create client instance with stable identity\n  // IMPORTANT: We depend on individual config values, not the entire options object,\n  // to prevent unnecessary client recreation when the options object reference changes\n  const client = useMemo(() => {\n    console.log(\"[useUploadistaClient] Creating NEW client instance with onEvent:\", options.onEvent);\n    return createUploadistaClient({\n      baseUrl: options.baseUrl,\n      storageId: options.storageId,\n      uploadistaBasePath: options.uploadistaBasePath,\n      chunkSize: options.chunkSize,\n      storeFingerprintForResuming: options.storeFingerprintForResuming,\n      retryDelays: options.retryDelays,\n      parallelUploads: options.parallelUploads,\n      parallelChunkSize: options.parallelChunkSize,\n      uploadStrategy: options.uploadStrategy,\n      smartChunking: options.smartChunking,\n      networkMonitoring: options.networkMonitoring,\n      uploadMetrics: options.uploadMetrics,\n      connectionPooling: options.connectionPooling,\n      // logger: options.logger,\n      auth: options.auth,\n      onEvent: options.onEvent,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    options.baseUrl,\n    options.storageId,\n    options.uploadistaBasePath,\n    options.chunkSize,\n    options.storeFingerprintForResuming,\n    options.retryDelays,\n    options.parallelUploads,\n    options.parallelChunkSize,\n    options.uploadStrategy,\n    options.smartChunking,\n    options.networkMonitoring,\n    options.uploadMetrics,\n    options.connectionPooling,\n    options.auth,\n    options.onEvent,\n  ]);\n\n  return {\n    client,\n    config: options,\n  };\n}\n","\"use client\";\nimport type { UploadistaEvent } from \"@uploadista/client-browser\";\nimport type React from \"react\";\nimport { createContext, useCallback, useContext, useMemo, useRef } from \"react\";\nimport { FlowManagerProvider } from \"../contexts/flow-manager-context\";\nimport {\n  type UseUploadistaClientOptions,\n  type UseUploadistaClientReturn,\n  useUploadistaClient,\n} from \"../hooks/use-uploadista-client\";\n\n/**\n * Props for the UploadistaProvider component.\n * Combines client configuration options with React children.\n *\n * @property children - React components that will have access to the upload client context\n * @property baseUrl - API base URL for uploads\n * @property storageId - Default storage identifier\n * @property chunkSize - Upload chunk size in bytes\n * @property ... - All other UploadistaClientOptions\n */\nexport interface UploadistaProviderProps\n  extends Omit<UseUploadistaClientOptions, \"onEvent\"> {\n  /**\n   * Children components that will have access to the upload client\n   */\n  children: React.ReactNode;\n}\n\ntype UploadistaContextValue = UseUploadistaClientReturn & {\n  /**\n   * Subscribe to events (used internally by hooks)\n   * @internal\n   */\n  subscribeToEvents: (handler: (event: UploadistaEvent) => void) => () => void;\n};\n\nconst UploadistaContext = createContext<UploadistaContextValue | null>(null);\n\n/**\n * Context provider that provides uploadista client functionality to child components.\n * This eliminates the need to pass upload client configuration down through props\n * and ensures a single, shared upload client instance across your application.\n *\n * @param props - Upload client options and children\n * @returns Provider component with upload client context\n *\n * @example\n * ```tsx\n * // Wrap your app with the upload provider\n * function App() {\n *   return (\n *     <UploadistaProvider\n *       baseUrl=\"https://api.example.com\"\n *       storageId=\"my-storage\"\n *       chunkSize={1024 * 1024} // 1MB chunks\n *     >\n *       <UploadInterface />\n *     </UploadistaProvider>\n *   );\n * }\n *\n * // Use the upload client in any child component\n * function UploadInterface() {\n *   const uploadClient = useUploadistaContext();\n *   const upload = useUpload(uploadClient);\n *   const dragDrop = useDragDrop({\n *     onFilesReceived: (files) => {\n *       files.forEach(file => upload.upload(file));\n *     }\n *   });\n *\n *   return (\n *     <div {...dragDrop.dragHandlers}>\n *       <p>Drop files here to upload</p>\n *       {upload.isUploading && <p>Progress: {upload.state.progress}%</p>}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function UploadistaProvider({\n  children,\n  ...options\n}: UploadistaProviderProps) {\n  const eventSubscribersRef = useRef<Set<(event: UploadistaEvent) => void>>(\n    new Set(),\n  );\n\n  // Event handler that broadcasts to all subscribers\n  const handleEvent = useCallback((event: UploadistaEvent) => {\n    // Broadcast to all subscribers\n    eventSubscribersRef.current.forEach((handler) => {\n      try {\n        handler(event);\n      } catch (err) {\n        console.error(\"Error in event subscriber:\", err);\n      }\n    });\n  }, []);\n\n  const uploadClient = useUploadistaClient({\n    ...options,\n    onEvent: handleEvent,\n  });\n\n  const subscribeToEvents = useCallback(\n    (handler: (event: UploadistaEvent) => void) => {\n      eventSubscribersRef.current.add(handler);\n      return () => {\n        eventSubscribersRef.current.delete(handler);\n      };\n    },\n    [],\n  );\n\n  // Memoize the context value to prevent unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      ...uploadClient,\n      subscribeToEvents,\n    }),\n    [uploadClient, subscribeToEvents],\n  );\n\n  return (\n    <UploadistaContext.Provider value={contextValue}>\n      <FlowManagerProvider>{children}</FlowManagerProvider>\n    </UploadistaContext.Provider>\n  );\n}\n\n/**\n * Hook to access the uploadista client from the UploadistaProvider context.\n * Must be used within an UploadistaProvider component.\n *\n * @returns Upload client instance from context\n * @throws Error if used outside of UploadistaProvider\n *\n * @example\n * ```tsx\n * function FileUploader() {\n *   const uploadClient = useUploadistaContext();\n *   const upload = useUpload(uploadClient);\n *\n *   return (\n *     <button\n *       onClick={() => {\n *         const input = document.createElement('input');\n *         input.type = 'file';\n *         input.onchange = (e) => {\n *           const file = (e.target as HTMLInputElement).files?.[0];\n *           if (file) upload.upload(file);\n *         };\n *         input.click();\n *       }}\n *     >\n *       Upload File\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useUploadistaContext(): UploadistaContextValue {\n  const context = useContext(UploadistaContext);\n\n  if (context === null) {\n    throw new Error(\n      \"useUploadistaContext must be used within an UploadistaProvider. \" +\n        \"Make sure to wrap your component tree with <UploadistaProvider>.\",\n    );\n  }\n\n  return context;\n}\n","import { useCallback, useRef, useState } from \"react\";\n\nexport interface DragDropOptions {\n  /**\n   * Accept specific file types (MIME types or file extensions)\n   */\n  accept?: string[];\n\n  /**\n   * Maximum number of files allowed\n   */\n  maxFiles?: number;\n\n  /**\n   * Maximum file size in bytes\n   */\n  maxFileSize?: number;\n\n  /**\n   * Whether to allow multiple files\n   */\n  multiple?: boolean;\n\n  /**\n   * Custom validation function for files\n   */\n  validator?: (files: File[]) => string[] | null;\n\n  /**\n   * Called when files are dropped or selected\n   */\n  onFilesReceived?: (files: File[]) => void;\n\n  /**\n   * Called when validation fails\n   */\n  onValidationError?: (errors: string[]) => void;\n\n  /**\n   * Called when drag state changes\n   */\n  onDragStateChange?: (isDragging: boolean) => void;\n}\n\nexport interface DragDropState {\n  /**\n   * Whether files are currently being dragged over the drop zone\n   */\n  isDragging: boolean;\n\n  /**\n   * Whether the drag is currently over the drop zone\n   */\n  isOver: boolean;\n\n  /**\n   * Whether the dragged items are valid files\n   */\n  isValid: boolean;\n\n  /**\n   * Current validation errors\n   */\n  errors: string[];\n}\n\nexport interface UseDragDropReturn {\n  /**\n   * Current drag and drop state\n   */\n  state: DragDropState;\n\n  /**\n   * Event handlers for the drop zone element\n   */\n  dragHandlers: {\n    onDragEnter: (event: React.DragEvent) => void;\n    onDragOver: (event: React.DragEvent) => void;\n    onDragLeave: (event: React.DragEvent) => void;\n    onDrop: (event: React.DragEvent) => void;\n  };\n\n  /**\n   * Props for a file input element\n   */\n  inputProps: {\n    type: \"file\";\n    multiple: boolean;\n    accept?: string;\n    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n    style: { display: \"none\" };\n  };\n\n  /**\n   * Open file picker dialog\n   */\n  openFilePicker: () => void;\n\n  /**\n   * Manually process files (useful for programmatic file handling)\n   */\n  processFiles: (files: File[]) => void;\n\n  /**\n   * Reset drag state\n   */\n  reset: () => void;\n}\n\nconst initialState: DragDropState = {\n  isDragging: false,\n  isOver: false,\n  isValid: true,\n  errors: [],\n};\n\n/**\n * React hook for handling drag and drop file uploads with validation.\n * Provides drag state management, file validation, and file picker integration.\n *\n * @param options - Configuration and event handlers\n * @returns Drag and drop state and handlers\n *\n * @example\n * ```tsx\n * const dragDrop = useDragDrop({\n *   accept: ['image/*', '.pdf'],\n *   maxFiles: 5,\n *   maxFileSize: 10 * 1024 * 1024, // 10MB\n *   multiple: true,\n *   onFilesReceived: (files) => {\n *     console.log('Received files:', files);\n *     // Process files with upload hooks\n *   },\n *   onValidationError: (errors) => {\n *     console.error('Validation errors:', errors);\n *   },\n * });\n *\n * return (\n *   <div>\n *     <div\n *       {...dragDrop.dragHandlers}\n *       style={{\n *         border: dragDrop.state.isDragging ? '2px dashed #007bff' : '2px dashed #ccc',\n *         backgroundColor: dragDrop.state.isOver ? '#f8f9fa' : 'transparent',\n *         padding: '2rem',\n *         textAlign: 'center',\n *         cursor: 'pointer',\n *       }}\n *       onClick={dragDrop.openFilePicker}\n *     >\n *       {dragDrop.state.isDragging ? (\n *         <p>Drop files here...</p>\n *       ) : (\n *         <p>Drag files here or click to select</p>\n *       )}\n *\n *       {dragDrop.state.errors.length > 0 && (\n *         <div style={{ color: 'red', marginTop: '1rem' }}>\n *           {dragDrop.state.errors.map((error, index) => (\n *             <p key={index}>{error}</p>\n *           ))}\n *         </div>\n *       )}\n *     </div>\n *\n *     <input {...dragDrop.inputProps} />\n *   </div>\n * );\n * ```\n */\nexport function useDragDrop(options: DragDropOptions = {}): UseDragDropReturn {\n  const {\n    accept,\n    maxFiles,\n    maxFileSize,\n    multiple = true,\n    validator,\n    onFilesReceived,\n    onValidationError,\n    onDragStateChange,\n  } = options;\n\n  const [state, setState] = useState<DragDropState>(initialState);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const dragCounterRef = useRef(0);\n\n  const updateState = useCallback((update: Partial<DragDropState>) => {\n    setState((prev) => ({ ...prev, ...update }));\n  }, []);\n\n  const validateFiles = useCallback(\n    (files: File[]): string[] => {\n      const errors: string[] = [];\n\n      // Check file count\n      if (maxFiles && files.length > maxFiles) {\n        errors.push(\n          `Maximum ${maxFiles} files allowed. You selected ${files.length} files.`,\n        );\n      }\n\n      // Check individual files\n      for (const file of files) {\n        // Check file size\n        if (maxFileSize && file.size > maxFileSize) {\n          const maxSizeMB = (maxFileSize / (1024 * 1024)).toFixed(1);\n          const fileSizeMB = (file.size / (1024 * 1024)).toFixed(1);\n          errors.push(\n            `File \"${file.name}\" (${fileSizeMB}MB) exceeds maximum size of ${maxSizeMB}MB.`,\n          );\n        }\n\n        // Check file type\n        if (accept && accept.length > 0) {\n          const isAccepted = accept.some((acceptType) => {\n            if (acceptType.startsWith(\".\")) {\n              // File extension check\n              return file.name.toLowerCase().endsWith(acceptType.toLowerCase());\n            } else {\n              // MIME type check (supports wildcards like image/*)\n              if (acceptType.endsWith(\"/*\")) {\n                const baseType = acceptType.slice(0, -2);\n                return file.type.startsWith(baseType);\n              } else {\n                return file.type === acceptType;\n              }\n            }\n          });\n\n          if (!isAccepted) {\n            errors.push(\n              `File \"${file.name}\" type \"${file.type}\" is not accepted. Accepted types: ${accept.join(\", \")}.`,\n            );\n          }\n        }\n      }\n\n      // Run custom validator\n      if (validator) {\n        const customErrors = validator(files);\n        if (customErrors) {\n          errors.push(...customErrors);\n        }\n      }\n\n      return errors;\n    },\n    [accept, maxFiles, maxFileSize, validator],\n  );\n\n  const processFiles = useCallback(\n    (files: File[]) => {\n      const fileArray = Array.from(files);\n      const errors = validateFiles(fileArray);\n\n      if (errors.length > 0) {\n        updateState({ errors, isValid: false });\n        onValidationError?.(errors);\n      } else {\n        updateState({ errors: [], isValid: true });\n        onFilesReceived?.(fileArray);\n      }\n    },\n    [validateFiles, updateState, onFilesReceived, onValidationError],\n  );\n\n  const getFilesFromDataTransfer = useCallback(\n    (dataTransfer: DataTransfer): File[] => {\n      const files: File[] = [];\n\n      if (dataTransfer.items) {\n        // Use DataTransferItemList interface\n        for (let i = 0; i < dataTransfer.items.length; i++) {\n          const item = dataTransfer.items[i];\n          if (item && item.kind === \"file\") {\n            const file = item.getAsFile();\n            if (file) {\n              files.push(file);\n            }\n          }\n        }\n      } else {\n        // Fallback to DataTransfer.files\n        for (let i = 0; i < dataTransfer.files.length; i++) {\n          const file = dataTransfer.files[i];\n          if (file) {\n            files.push(file);\n          }\n        }\n      }\n\n      return files;\n    },\n    [],\n  );\n\n  const onDragEnter = useCallback(\n    (event: React.DragEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      dragCounterRef.current++;\n\n      if (dragCounterRef.current === 1) {\n        updateState({ isDragging: true, isOver: true });\n        onDragStateChange?.(true);\n      }\n    },\n    [updateState, onDragStateChange],\n  );\n\n  const onDragOver = useCallback((event: React.DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // Set dropEffect to indicate what operation is allowed\n    if (event.dataTransfer) {\n      event.dataTransfer.dropEffect = \"copy\";\n    }\n  }, []);\n\n  const onDragLeave = useCallback(\n    (event: React.DragEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      dragCounterRef.current--;\n\n      if (dragCounterRef.current === 0) {\n        updateState({ isDragging: false, isOver: false, errors: [] });\n        onDragStateChange?.(false);\n      }\n    },\n    [updateState, onDragStateChange],\n  );\n\n  const onDrop = useCallback(\n    (event: React.DragEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      dragCounterRef.current = 0;\n      updateState({ isDragging: false, isOver: false });\n      onDragStateChange?.(false);\n\n      if (event.dataTransfer) {\n        const files = getFilesFromDataTransfer(event.dataTransfer);\n        if (files.length > 0) {\n          processFiles(files);\n        }\n      }\n    },\n    [updateState, onDragStateChange, getFilesFromDataTransfer, processFiles],\n  );\n\n  const openFilePicker = useCallback(() => {\n    inputRef.current?.click();\n  }, []);\n\n  const onInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (event.target.files && event.target.files.length > 0) {\n        const files = Array.from(event.target.files);\n        processFiles(files);\n      }\n\n      // Reset input value to allow selecting the same files again\n      event.target.value = \"\";\n    },\n    [processFiles],\n  );\n\n  const reset = useCallback(() => {\n    setState(initialState);\n    dragCounterRef.current = 0;\n  }, []);\n\n  const dragHandlers = {\n    onDragEnter,\n    onDragOver,\n    onDragLeave,\n    onDrop,\n  };\n\n  const inputProps = {\n    type: \"file\" as const,\n    multiple,\n    accept: accept?.join(\", \"),\n    onChange: onInputChange,\n    style: { display: \"none\" as const },\n    ref: inputRef,\n  };\n\n  return {\n    state,\n    dragHandlers,\n    inputProps,\n    openFilePicker,\n    processFiles,\n    reset,\n  };\n}\n","import type {\n  BrowserUploadInput,\n  FlowUploadItem,\n  MultiFlowUploadOptions,\n  MultiFlowUploadState,\n} from \"@uploadista/client-browser\";\nimport { useCallback, useRef, useState } from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\n\n/**\n * Return value from the useMultiFlowUpload hook with batch upload control methods.\n *\n * @property state - Aggregated state across all flow upload items\n * @property addFiles - Add new files to the upload queue\n * @property removeFile - Remove a file from the queue (aborts if uploading)\n * @property startUpload - Begin uploading all pending files\n * @property abortUpload - Cancel a specific upload by its ID\n * @property abortAll - Cancel all active uploads\n * @property clear - Remove all items and abort active uploads\n * @property retryUpload - Retry a specific failed upload\n * @property isUploading - True when any uploads are in progress\n */\nexport interface UseMultiFlowUploadReturn {\n  /**\n   * Current upload state\n   */\n  state: MultiFlowUploadState<BrowserUploadInput>;\n\n  /**\n   * Add files to upload queue\n   */\n  addFiles: (files: File[] | FileList) => void;\n\n  /**\n   * Remove a file from the queue\n   */\n  removeFile: (id: string) => void;\n\n  /**\n   * Start uploading all pending files\n   */\n  startUpload: () => void;\n\n  /**\n   * Abort a specific upload by ID\n   */\n  abortUpload: (id: string) => void;\n\n  /**\n   * Abort all active uploads\n   */\n  abortAll: () => void;\n\n  /**\n   * Clear all items (aborts any active uploads first)\n   */\n  clear: () => void;\n\n  /**\n   * Retry a specific failed upload by ID\n   */\n  retryUpload: (id: string) => void;\n\n  /**\n   * Whether uploads are in progress\n   */\n  isUploading: boolean;\n}\n\n/**\n * React hook for uploading multiple files through a flow with concurrent upload management.\n * Processes each file through the specified flow while respecting concurrency limits.\n *\n * Each file is uploaded and processed independently through the flow, with automatic\n * queue management. Failed uploads can be retried individually, and uploads can be\n * aborted at any time.\n *\n * Must be used within an UploadistaProvider. Flow events for each upload are automatically\n * tracked and synchronized.\n *\n * @param options - Multi-flow upload configuration including flow config and concurrency settings\n * @returns Multi-flow upload state and control methods\n *\n * @example\n * ```tsx\n * // Batch image upload with progress tracking\n * function BatchImageUploader() {\n *   const multiFlowUpload = useMultiFlowUpload({\n *     flowConfig: {\n *       flowId: \"image-optimization-flow\",\n *       storageId: \"s3-images\",\n *     },\n *     maxConcurrent: 3, // Process 3 files at a time\n *     onItemSuccess: (item) => {\n *       console.log(`${item.file.name} uploaded successfully`);\n *     },\n *     onItemError: (item, error) => {\n *       console.error(`${item.file.name} failed:`, error);\n *     },\n *     onComplete: (items) => {\n *       const successful = items.filter(i => i.status === 'success');\n *       const failed = items.filter(i => i.status === 'error');\n *       console.log(`Batch complete: ${successful.length} successful, ${failed.length} failed`);\n *     },\n *   });\n *\n *   return (\n *     <div>\n *       <input\n *         type=\"file\"\n *         multiple\n *         accept=\"image/*\"\n *         onChange={(e) => {\n *           if (e.target.files) {\n *             multiFlowUpload.addFiles(e.target.files);\n *             multiFlowUpload.startUpload();\n *           }\n *         }}\n *       />\n *\n *       <div>\n *         <p>Overall Progress: {multiFlowUpload.state.totalProgress}%</p>\n *         <p>\n *           {multiFlowUpload.state.activeUploads} uploading,\n *           {multiFlowUpload.state.completedUploads} completed,\n *           {multiFlowUpload.state.failedUploads} failed\n *         </p>\n *       </div>\n *\n *       <div>\n *         <button onClick={multiFlowUpload.startUpload} disabled={multiFlowUpload.isUploading}>\n *           Start All\n *         </button>\n *         <button onClick={multiFlowUpload.abortAll} disabled={!multiFlowUpload.isUploading}>\n *           Cancel All\n *         </button>\n *         <button onClick={multiFlowUpload.clear}>\n *           Clear List\n *         </button>\n *       </div>\n *\n *       {multiFlowUpload.state.items.map((item) => (\n *         <div key={item.id} style={{\n *           border: '1px solid #ccc',\n *           padding: '1rem',\n *           marginBottom: '0.5rem'\n *         }}>\n *           <div>{item.file instanceof File ? item.file.name : 'File'}</div>\n *           <div>Status: {item.status}</div>\n *\n *           {item.status === \"uploading\" && (\n *             <div>\n *               <progress value={item.progress} max={100} />\n *               <span>{item.progress}%</span>\n *               <button onClick={() => multiFlowUpload.abortUpload(item.id)}>\n *                 Cancel\n *               </button>\n *             </div>\n *           )}\n *\n *           {item.status === \"error\" && (\n *             <div>\n *               <p style={{ color: 'red' }}>{item.error?.message}</p>\n *               <button onClick={() => multiFlowUpload.retryUpload(item.id)}>\n *                 Retry\n *               </button>\n *               <button onClick={() => multiFlowUpload.removeFile(item.id)}>\n *                 Remove\n *               </button>\n *             </div>\n *           )}\n *\n *           {item.status === \"success\" && (\n *             <div>\n *               <p style={{ color: 'green' }}>✓ Upload complete</p>\n *               <button onClick={() => multiFlowUpload.removeFile(item.id)}>\n *                 Remove\n *               </button>\n *             </div>\n *           )}\n *         </div>\n *       ))}\n *     </div>\n *   );\n * }\n * ```\n *\n * @see {@link useFlowUpload} for single file flow uploads\n * @see {@link useMultiUpload} for multi-file uploads without flow processing\n */\nexport function useMultiFlowUpload(\n  options: MultiFlowUploadOptions<BrowserUploadInput>,\n): UseMultiFlowUploadReturn {\n  const client = useUploadistaContext();\n  const [items, setItems] = useState<FlowUploadItem<BrowserUploadInput>[]>([]);\n  const abortFnsRef = useRef<Map<string, () => void>>(new Map());\n  const queueRef = useRef<string[]>([]);\n  const activeCountRef = useRef(0);\n\n  const maxConcurrent = options.maxConcurrent ?? 3;\n\n  const calculateTotalProgress = useCallback(\n    (items: FlowUploadItem<BrowserUploadInput>[]) => {\n      if (items.length === 0) return 0;\n      const totalProgress = items.reduce((sum, item) => sum + item.progress, 0);\n      return Math.round(totalProgress / items.length);\n    },\n    [],\n  );\n\n  const processQueue = useCallback(async () => {\n    if (\n      activeCountRef.current >= maxConcurrent ||\n      queueRef.current.length === 0\n    ) {\n      return;\n    }\n\n    const itemId = queueRef.current.shift();\n    if (!itemId) return;\n\n    const item = items.find((i) => i.id === itemId);\n    if (!item || item.status !== \"pending\") {\n      processQueue();\n      return;\n    }\n\n    activeCountRef.current++;\n\n    setItems((prev) =>\n      prev.map((i) =>\n        i.id === itemId ? { ...i, status: \"uploading\" as const } : i,\n      ),\n    );\n\n    try {\n      const { abort, jobId } = await client.client.uploadWithFlow(\n        item.file,\n        options.flowConfig,\n        {\n          onJobStart: (jobId: string) => {\n            setItems((prev) =>\n              prev.map((i) => (i.id === itemId ? { ...i, jobId } : i)),\n            );\n          },\n          onProgress: (\n            _uploadId: string,\n            bytesUploaded: number,\n            totalBytes: number | null,\n          ) => {\n            const progress = totalBytes\n              ? Math.round((bytesUploaded / totalBytes) * 100)\n              : 0;\n\n            setItems((prev) => {\n              const updated = prev.map((i) =>\n                i.id === itemId\n                  ? {\n                      ...i,\n                      progress,\n                      bytesUploaded,\n                      totalBytes: totalBytes || 0,\n                    }\n                  : i,\n              );\n              const updatedItem = updated.find((i) => i.id === itemId);\n              if (updatedItem) {\n                options.onItemProgress?.(updatedItem);\n              }\n              return updated;\n            });\n          },\n          onSuccess: (outputs) => {\n            setItems((prev) => {\n              const updated = prev.map((i) =>\n                i.id === itemId\n                  ? {\n                      ...i,\n                      status: \"success\" as const,\n                      result: outputs,\n                      progress: 100,\n                    }\n                  : i,\n              );\n              const updatedItem = updated.find((i) => i.id === itemId);\n              if (updatedItem) {\n                options.onItemSuccess?.(updatedItem);\n              }\n\n              // Check if all uploads are complete\n              const allComplete = updated.every(\n                (i) =>\n                  i.status === \"success\" ||\n                  i.status === \"error\" ||\n                  i.status === \"aborted\",\n              );\n              if (allComplete) {\n                options.onComplete?.(updated);\n              }\n\n              return updated;\n            });\n\n            abortFnsRef.current.delete(itemId);\n            activeCountRef.current--;\n            processQueue();\n          },\n          onError: (error: Error) => {\n            setItems((prev) => {\n              const updated = prev.map((i) =>\n                i.id === itemId ? { ...i, status: \"error\" as const, error } : i,\n              );\n              const updatedItem = updated.find((i) => i.id === itemId);\n              if (updatedItem) {\n                options.onItemError?.(updatedItem, error);\n              }\n\n              // Check if all uploads are complete\n              const allComplete = updated.every(\n                (i) =>\n                  i.status === \"success\" ||\n                  i.status === \"error\" ||\n                  i.status === \"aborted\",\n              );\n              if (allComplete) {\n                options.onComplete?.(updated);\n              }\n\n              return updated;\n            });\n\n            abortFnsRef.current.delete(itemId);\n            activeCountRef.current--;\n            processQueue();\n          },\n          onShouldRetry: options.onShouldRetry,\n        },\n      );\n\n      abortFnsRef.current.set(itemId, abort);\n\n      setItems((prev) =>\n        prev.map((i) => (i.id === itemId ? { ...i, jobId } : i)),\n      );\n    } catch (error) {\n      setItems((prev) =>\n        prev.map((i) =>\n          i.id === itemId\n            ? { ...i, status: \"error\" as const, error: error as Error }\n            : i,\n        ),\n      );\n\n      activeCountRef.current--;\n      processQueue();\n    }\n  }, [client, items, maxConcurrent, options]);\n\n  const addFiles = useCallback((files: File[] | FileList) => {\n    const fileArray = Array.from(files);\n    const newItems: FlowUploadItem<BrowserUploadInput>[] = fileArray.map(\n      (file) => ({\n        id: `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n        file,\n        status: \"pending\",\n        progress: 0,\n        bytesUploaded: 0,\n        totalBytes: file.size,\n        error: null,\n        result: null,\n        jobId: null,\n      }),\n    );\n\n    setItems((prev) => [...prev, ...newItems]);\n  }, []);\n\n  const removeFile = useCallback((id: string) => {\n    const abortFn = abortFnsRef.current.get(id);\n    if (abortFn) {\n      abortFn();\n      abortFnsRef.current.delete(id);\n    }\n\n    setItems((prev) => prev.filter((item) => item.id !== id));\n    queueRef.current = queueRef.current.filter((queueId) => queueId !== id);\n  }, []);\n\n  const startUpload = useCallback(() => {\n    const pendingItems = items.filter((item) => item.status === \"pending\");\n    queueRef.current.push(...pendingItems.map((item) => item.id));\n\n    for (let i = 0; i < maxConcurrent; i++) {\n      processQueue();\n    }\n  }, [items, maxConcurrent, processQueue]);\n\n  const abortUpload = useCallback(\n    (id: string) => {\n      const abortFn = abortFnsRef.current.get(id);\n      if (abortFn) {\n        abortFn();\n        abortFnsRef.current.delete(id);\n\n        setItems((prev) =>\n          prev.map((item) =>\n            item.id === id ? { ...item, status: \"aborted\" as const } : item,\n          ),\n        );\n\n        activeCountRef.current--;\n        processQueue();\n      }\n    },\n    [processQueue],\n  );\n\n  const abortAll = useCallback(() => {\n    for (const abortFn of abortFnsRef.current.values()) {\n      abortFn();\n    }\n    abortFnsRef.current.clear();\n    queueRef.current = [];\n    activeCountRef.current = 0;\n\n    setItems((prev) =>\n      prev.map((item) =>\n        item.status === \"uploading\"\n          ? { ...item, status: \"aborted\" as const }\n          : item,\n      ),\n    );\n  }, []);\n\n  const clear = useCallback(() => {\n    abortAll();\n    setItems([]);\n  }, [abortAll]);\n\n  const retryUpload = useCallback(\n    (id: string) => {\n      setItems((prev) =>\n        prev.map((item) =>\n          item.id === id\n            ? {\n                ...item,\n                status: \"pending\" as const,\n                progress: 0,\n                bytesUploaded: 0,\n                error: null,\n              }\n            : item,\n        ),\n      );\n\n      queueRef.current.push(id);\n      processQueue();\n    },\n    [processQueue],\n  );\n\n  const state: MultiFlowUploadState<BrowserUploadInput> = {\n    items,\n    totalProgress: calculateTotalProgress(items),\n    activeUploads: items.filter((item) => item.status === \"uploading\").length,\n    completedUploads: items.filter((item) => item.status === \"success\").length,\n    failedUploads: items.filter((item) => item.status === \"error\").length,\n  };\n\n  return {\n    state,\n    addFiles,\n    removeFile,\n    startUpload,\n    abortUpload,\n    abortAll,\n    clear,\n    retryUpload,\n    isUploading: state.activeUploads > 0,\n  };\n}\n","import type { FlowUploadOptions } from \"@uploadista/client-browser\";\nimport type {\n  FlowManager,\n  FlowUploadState,\n  FlowUploadStatus,\n} from \"@uploadista/client-core\";\nimport type { TypedOutput } from \"@uploadista/core/flow\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useFlowManagerContext } from \"../contexts/flow-manager-context\";\n\n// Re-export types from core for convenience\nexport type { FlowUploadState, FlowUploadStatus };\n\n/**\n * Return value from the useFlowUpload hook with upload control methods and state.\n *\n * @property state - Complete flow upload state with progress and outputs\n * @property upload - Function to initiate file upload through the flow\n * @property abort - Cancel the current upload and flow execution\n * @property pause - Pause the current upload\n * @property reset - Reset state to idle (clears all data)\n * @property isUploading - True when upload or processing is active\n * @property isUploadingFile - True only during file upload phase\n * @property isProcessing - True only during flow processing phase\n */\nexport interface UseFlowUploadReturn {\n  /**\n   * Current upload state\n   */\n  state: FlowUploadState;\n\n  /**\n   * Upload a file through the flow\n   */\n  upload: (file: File | Blob) => Promise<void>;\n\n  /**\n   * Abort the current upload\n   */\n  abort: () => void;\n\n  /**\n   * Pause the current upload\n   */\n  pause: () => void;\n\n  /**\n   * Reset the upload state\n   */\n  reset: () => void;\n\n  /**\n   * Whether an upload or flow execution is in progress (uploading OR processing)\n   */\n  isUploading: boolean;\n\n  /**\n   * Whether the file is currently being uploaded (chunks being sent)\n   */\n  isUploadingFile: boolean;\n\n  /**\n   * Whether the flow is currently processing (after upload completes)\n   */\n  isProcessing: boolean;\n}\n\nconst initialState: FlowUploadState = {\n  status: \"idle\",\n  progress: 0,\n  bytesUploaded: 0,\n  totalBytes: null,\n  error: null,\n  jobId: null,\n  flowStarted: false,\n  currentNodeName: null,\n  currentNodeType: null,\n  flowOutputs: null,\n};\n\n/**\n * React hook for uploading files through a flow with automatic flow execution.\n * Handles both the file upload phase and the flow processing phase, providing\n * real-time progress updates and flow node execution tracking.\n *\n * This is a convenience wrapper around the generic useFlowExecution hook,\n * specialized for the common case of file uploads. For more flexible input types\n * (URLs, structured data), use useFlowExecution directly with an inputBuilder.\n *\n * The flow engine processes the uploaded file through a DAG of nodes, which can\n * perform operations like image optimization, storage saving, webhooks, etc.\n *\n * Must be used within FlowManagerProvider (which must be within UploadistaProvider).\n * Flow events are automatically routed by the provider to the appropriate manager.\n *\n * @param options - Flow upload configuration including flow ID and event handlers\n * @returns Flow upload state and control methods\n *\n * @remarks\n * **Future refactoring**: This hook could be implemented as a thin wrapper around\n * useFlowExecution with a file-specific inputBuilder:\n * ```typescript\n * return useFlowExecution<File | Blob>({\n *   ...options,\n *   inputBuilder: async (file) => {\n *     const { inputNodes } = await client.findInputNode(options.flowConfig.flowId);\n *     return {\n *       [inputNodes[0].id]: {\n *         operation: \"init\",\n *         storageId: options.flowConfig.storageId,\n *         metadata: { originalName: file.name, mimeType: file.type, size: file.size }\n *       }\n *     };\n *   }\n * });\n * ```\n *\n * @example\n * ```tsx\n * // Basic flow upload with progress tracking\n * function ImageUploader() {\n *   const flowUpload = useFlowUpload({\n *     flowConfig: {\n *       flowId: \"image-optimization-flow\",\n *       storageId: \"s3-images\",\n *     },\n *     onSuccess: (outputs) => {\n *       console.log(\"Flow outputs:\", outputs);\n *       // Access all outputs from the flow\n *       for (const output of outputs) {\n *         console.log(`${output.nodeId}:`, output.data);\n *       }\n *     },\n *     onFlowComplete: (outputs) => {\n *       console.log(\"All flow outputs:\", outputs);\n *     },\n *     onError: (error) => {\n *       console.error(\"Upload or processing failed:\", error);\n *     },\n *   });\n *\n *   return (\n *     <div>\n *       <input\n *         type=\"file\"\n *         accept=\"image/*\"\n *         onChange={(e) => {\n *           const file = e.target.files?.[0];\n *           if (file) flowUpload.upload(file);\n *         }}\n *       />\n *\n *       {flowUpload.isUploadingFile && (\n *         <div>Uploading... {flowUpload.state.progress}%</div>\n *       )}\n *\n *       {flowUpload.isProcessing && (\n *         <div>\n *           Processing...\n *           {flowUpload.state.currentNodeName && (\n *             <span>Current step: {flowUpload.state.currentNodeName}</span>\n *           )}\n *         </div>\n *       )}\n *\n *       {flowUpload.state.status === \"success\" && (\n *         <div>\n *           <p>Upload complete!</p>\n *           {flowUpload.state.flowOutputs && (\n *             <div>\n *               {flowUpload.state.flowOutputs.map((output) => (\n *                 <div key={output.nodeId}>{output.nodeId}: {JSON.stringify(output.data)}</div>\n *               ))}\n *             </div>\n *           )}\n *         </div>\n *       )}\n *\n *       {flowUpload.state.status === \"error\" && (\n *         <div>\n *           <p>Error: {flowUpload.state.error?.message}</p>\n *           <button onClick={flowUpload.reset}>Try Again</button>\n *         </div>\n *       )}\n *\n *       {flowUpload.isUploading && (\n *         <button onClick={flowUpload.abort}>Cancel</button>\n *       )}\n *     </div>\n *   );\n * }\n * ```\n *\n * @see {@link useMultiFlowUpload} for uploading multiple files through a flow\n * @see {@link useUpload} for simple uploads without flow processing\n */\nexport function useFlowUpload(options: FlowUploadOptions): UseFlowUploadReturn {\n  const { getManager, releaseManager } = useFlowManagerContext();\n  const [state, setState] = useState<FlowUploadState>(initialState);\n  const managerRef = useRef<FlowManager<unknown> | null>(null);\n\n  // Store callbacks in refs so they can be updated without recreating the manager\n  const callbacksRef = useRef(options);\n\n  // Update refs on every render to capture latest callbacks\n  useEffect(() => {\n    callbacksRef.current = options;\n  });\n\n  // Get or create manager from context when component mounts\n  // Manager lifecycle is now handled by FlowManagerProvider\n  useEffect(() => {\n    const flowId = options.flowConfig.flowId;\n\n    // Create stable callback wrappers that call the latest callbacks via refs\n    const stableCallbacks = {\n      onStateChange: setState,\n      onProgress: (\n        uploadId: string,\n        bytesUploaded: number,\n        totalBytes: number | null,\n      ) => {\n        callbacksRef.current.onProgress?.(uploadId, bytesUploaded, totalBytes);\n      },\n      onChunkComplete: (\n        chunkSize: number,\n        bytesAccepted: number,\n        bytesTotal: number | null,\n      ) => {\n        callbacksRef.current.onChunkComplete?.(\n          chunkSize,\n          bytesAccepted,\n          bytesTotal,\n        );\n      },\n      onFlowComplete: (outputs: TypedOutput[]) => {\n        callbacksRef.current.onFlowComplete?.(outputs);\n      },\n      onSuccess: (outputs: TypedOutput[]) => {\n        callbacksRef.current.onSuccess?.(outputs);\n      },\n      onError: (error: Error) => {\n        callbacksRef.current.onError?.(error);\n      },\n      onAbort: () => {\n        callbacksRef.current.onAbort?.();\n      },\n    };\n\n    // Get manager from context (creates if doesn't exist, increments ref count)\n    managerRef.current = getManager(flowId, stableCallbacks, options);\n\n    // Release manager when component unmounts or flowId changes\n    return () => {\n      releaseManager(flowId);\n      managerRef.current = null;\n    };\n  }, [\n    options.flowConfig.flowId,\n    options.flowConfig.storageId,\n    options.flowConfig.outputNodeId,\n    getManager,\n    releaseManager,\n  ]);\n\n  // Wrap manager methods with useCallback\n  const upload = useCallback(async (file: File | Blob) => {\n    await managerRef.current?.upload(file);\n  }, []);\n\n  const abort = useCallback(() => {\n    managerRef.current?.abort();\n  }, []);\n\n  const pause = useCallback(() => {\n    managerRef.current?.pause();\n  }, []);\n\n  const reset = useCallback(() => {\n    managerRef.current?.reset();\n  }, []);\n\n  // Derive computed values from state (reactive to state changes)\n  const isUploading =\n    state.status === \"uploading\" || state.status === \"processing\";\n  const isUploadingFile = state.status === \"uploading\";\n  const isProcessing = state.status === \"processing\";\n\n  return {\n    state,\n    upload,\n    abort,\n    pause,\n    reset,\n    isUploading,\n    isUploadingFile,\n    isProcessing,\n  };\n}\n","import type { BrowserUploadInput } from \"@uploadista/client-browser\";\nimport type { UploadMetrics } from \"@uploadista/client-core\";\nimport type { UploadFile } from \"@uploadista/core/types\";\nimport { useCallback, useRef, useState } from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\nimport type { UploadState, UploadStatus, UseUploadOptions } from \"./use-upload\";\n\nexport interface UploadItem {\n  id: string;\n  file: BrowserUploadInput;\n  state: UploadState;\n}\n\nexport interface MultiUploadOptions\n  extends Omit<UseUploadOptions, \"onSuccess\" | \"onError\" | \"onProgress\"> {\n  /**\n   * Maximum number of concurrent uploads\n   */\n  maxConcurrent?: number;\n\n  /**\n   * Called when an individual file upload starts\n   */\n  onUploadStart?: (item: UploadItem) => void;\n\n  /**\n   * Called when an individual file upload progresses\n   */\n  onUploadProgress?: (\n    item: UploadItem,\n    progress: number,\n    bytesUploaded: number,\n    totalBytes: number | null,\n  ) => void;\n\n  /**\n   * Called when an individual file upload succeeds\n   */\n  onUploadSuccess?: (item: UploadItem, result: UploadFile) => void;\n\n  /**\n   * Called when an individual file upload fails\n   */\n  onUploadError?: (item: UploadItem, error: Error) => void;\n\n  /**\n   * Called when all uploads complete (successfully or with errors)\n   */\n  onComplete?: (results: {\n    successful: UploadItem[];\n    failed: UploadItem[];\n    total: number;\n  }) => void;\n}\n\nexport interface MultiUploadState {\n  /**\n   * Total number of uploads\n   */\n  total: number;\n\n  /**\n   * Number of completed uploads (successful + failed)\n   */\n  completed: number;\n\n  /**\n   * Number of successful uploads\n   */\n  successful: number;\n\n  /**\n   * Number of failed uploads\n   */\n  failed: number;\n\n  /**\n   * Number of currently uploading files\n   */\n  uploading: number;\n\n  /**\n   * Overall progress as a percentage (0-100)\n   */\n  progress: number;\n\n  /**\n   * Total bytes uploaded across all files\n   */\n  totalBytesUploaded: number;\n\n  /**\n   * Total bytes to upload across all files\n   */\n  totalBytes: number;\n\n  /**\n   * Whether any uploads are currently active\n   */\n  isUploading: boolean;\n\n  /**\n   * Whether all uploads have completed\n   */\n  isComplete: boolean;\n}\n\nexport interface UseMultiUploadReturn {\n  /**\n   * Current multi-upload state\n   */\n  state: MultiUploadState;\n\n  /**\n   * Array of all upload items\n   */\n  items: UploadItem[];\n\n  /**\n   * Add files to the upload queue\n   */\n  addFiles: (files: BrowserUploadInput[]) => void;\n\n  /**\n   * Remove an item from the queue (only if not currently uploading)\n   */\n  removeItem: (id: string) => void;\n\n  /**\n   * Remove a file from the queue (alias for removeItem)\n   */\n  removeFile: (id: string) => void;\n\n  /**\n   * Start all pending uploads\n   */\n  startAll: () => void;\n\n  /**\n   * Abort a specific upload by ID\n   */\n  abortUpload: (id: string) => void;\n\n  /**\n   * Abort all active uploads\n   */\n  abortAll: () => void;\n\n  /**\n   * Retry a specific failed upload by ID\n   */\n  retryUpload: (id: string) => void;\n\n  /**\n   * Retry all failed uploads\n   */\n  retryFailed: () => void;\n\n  /**\n   * Clear all completed uploads (successful and failed)\n   */\n  clearCompleted: () => void;\n\n  /**\n   * Clear all items\n   */\n  clearAll: () => void;\n\n  /**\n   * Get items by status\n   */\n  getItemsByStatus: (status: UploadStatus) => UploadItem[];\n\n  /**\n   * Aggregated upload metrics and performance insights from the client\n   */\n  metrics: UploadMetrics;\n}\n\n/**\n * React hook for managing multiple file uploads with queue management,\n * concurrent upload limits, and batch operations.\n *\n * Must be used within an UploadistaProvider.\n *\n * @param options - Multi-upload configuration and event handlers\n * @returns Multi-upload state and control methods\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const multiUpload = useMultiUpload({\n *     maxConcurrent: 3,\n *     onUploadSuccess: (item, result) => {\n *       console.log(`${item.file.name} uploaded successfully`);\n *     },\n *     onComplete: (results) => {\n *       console.log(`Upload batch complete: ${results.successful.length}/${results.total} successful`);\n *     },\n *   });\n *\n *   return (\n *     <div>\n *       <input\n *         type=\"file\"\n *         multiple\n *         onChange={(e) => {\n *           if (e.target.files) {\n *             multiUpload.addFiles(Array.from(e.target.files));\n *           }\n *         }}\n *       />\n *\n *       <div>Progress: {multiUpload.state.progress}%</div>\n *       <div>\n *         {multiUpload.state.uploading} uploading, {multiUpload.state.successful} successful,\n *         {multiUpload.state.failed} failed\n *       </div>\n *\n *       <button onClick={multiUpload.startAll} disabled={multiUpload.state.isUploading}>\n *         Start All\n *       </button>\n *       <button onClick={multiUpload.abortAll} disabled={!multiUpload.state.isUploading}>\n *         Abort All\n *       </button>\n *       <button onClick={multiUpload.retryFailed} disabled={multiUpload.state.failed === 0}>\n *         Retry Failed\n *       </button>\n *\n *       {multiUpload.items.map((item) => (\n *         <div key={item.id}>\n *           {item.file.name}: {item.state.status} ({item.state.progress}%)\n *         </div>\n *       ))}\n *     </div>\n *   );\n * }\n * ```\n */\n\nexport function useMultiUpload(\n  options: MultiUploadOptions = {},\n): UseMultiUploadReturn {\n  const uploadClient = useUploadistaContext();\n  const { maxConcurrent = 3 } = options;\n  const [items, setItems] = useState<UploadItem[]>([]);\n  const itemsRef = useRef<UploadItem[]>([]);\n  const nextIdRef = useRef(0);\n  const activeUploadsRef = useRef(new Set<string>());\n\n  // Store abort controllers for each upload\n  const abortControllersRef = useRef<Map<string, { abort: () => void }>>(\n    new Map(),\n  );\n\n  // Keep ref in sync with state (also updated synchronously in setItems callbacks)\n  itemsRef.current = items;\n\n  // Generate a unique ID for each upload item\n  const generateId = useCallback(() => {\n    return `upload-${Date.now()}-${nextIdRef.current++}`;\n  }, []);\n\n  // State update callback for individual uploads\n  const onStateUpdate = useCallback(\n    (id: string, state: Partial<UploadState>) => {\n      setItems((prev) => {\n        const updated = prev.map((item) =>\n          item.id === id\n            ? { ...item, state: { ...item.state, ...state } }\n            : item,\n        );\n        itemsRef.current = updated;\n        return updated;\n      });\n    },\n    [],\n  );\n\n  // Check if all uploads are complete and trigger completion callback\n  const checkForCompletion = useCallback(() => {\n    const currentItems = itemsRef.current;\n    const allComplete = currentItems.every((item) =>\n      [\"success\", \"error\", \"aborted\"].includes(item.state.status),\n    );\n\n    if (allComplete && currentItems.length > 0) {\n      const successful = currentItems.filter(\n        (item) => item.state.status === \"success\",\n      );\n      const failed = currentItems.filter((item) =>\n        [\"error\", \"aborted\"].includes(item.state.status),\n      );\n\n      options.onComplete?.({\n        successful,\n        failed,\n        total: currentItems.length,\n      });\n    }\n  }, [options]);\n\n  // Start the next available upload if we have capacity\n  const startNextUpload = useCallback(() => {\n    if (activeUploadsRef.current.size >= maxConcurrent) {\n      return;\n    }\n\n    const currentItems = itemsRef.current;\n    const nextItem = currentItems.find(\n      (item) =>\n        item.state.status === \"idle\" && !activeUploadsRef.current.has(item.id),\n    );\n\n    if (!nextItem) {\n      return;\n    }\n\n    // Perform upload inline to avoid circular dependency\n    const performUploadInline = async () => {\n      activeUploadsRef.current.add(nextItem.id);\n      options.onUploadStart?.(nextItem);\n\n      // Update state to uploading\n      onStateUpdate(nextItem.id, { status: \"uploading\" });\n\n      try {\n        const controller = await uploadClient.client.upload(nextItem.file, {\n          metadata: options.metadata,\n          uploadLengthDeferred: options.uploadLengthDeferred,\n          uploadSize: options.uploadSize,\n\n          onProgress: (\n            _uploadId: string,\n            bytesUploaded: number,\n            totalBytes: number | null,\n          ) => {\n            const progress = totalBytes\n              ? Math.round((bytesUploaded / totalBytes) * 100)\n              : 0;\n\n            onStateUpdate(nextItem.id, {\n              progress,\n              bytesUploaded,\n              totalBytes,\n            });\n\n            options.onUploadProgress?.(\n              nextItem,\n              progress,\n              bytesUploaded,\n              totalBytes,\n            );\n          },\n\n          onChunkComplete: () => {\n            // Optional: could expose this as an option\n          },\n\n          onSuccess: (result: UploadFile) => {\n            onStateUpdate(nextItem.id, {\n              status: \"success\",\n              result,\n              progress: 100,\n            });\n\n            const updatedItem = {\n              ...nextItem,\n              state: { ...nextItem.state, status: \"success\" as const, result },\n            };\n            options.onUploadSuccess?.(updatedItem, result);\n\n            // Mark complete and start next\n            activeUploadsRef.current.delete(nextItem.id);\n            abortControllersRef.current.delete(nextItem.id);\n            startNextUpload();\n            checkForCompletion();\n          },\n\n          onError: (error: Error) => {\n            onStateUpdate(nextItem.id, {\n              status: \"error\",\n              error,\n            });\n\n            const updatedItem = {\n              ...nextItem,\n              state: { ...nextItem.state, status: \"error\" as const, error },\n            };\n            options.onUploadError?.(updatedItem, error);\n\n            // Mark complete and start next\n            activeUploadsRef.current.delete(nextItem.id);\n            abortControllersRef.current.delete(nextItem.id);\n            startNextUpload();\n            checkForCompletion();\n          },\n\n          onShouldRetry: options.onShouldRetry,\n        });\n\n        // Store abort controller\n        abortControllersRef.current.set(nextItem.id, controller);\n      } catch (error) {\n        onStateUpdate(nextItem.id, {\n          status: \"error\",\n          error: error as Error,\n        });\n\n        const updatedItem = {\n          ...nextItem,\n          state: {\n            ...nextItem.state,\n            status: \"error\" as const,\n            error: error as Error,\n          },\n        };\n        options.onUploadError?.(updatedItem, error as Error);\n\n        // Mark complete and start next\n        activeUploadsRef.current.delete(nextItem.id);\n        abortControllersRef.current.delete(nextItem.id);\n        startNextUpload();\n        checkForCompletion();\n      }\n    };\n\n    performUploadInline();\n  }, [maxConcurrent, uploadClient, options, onStateUpdate, checkForCompletion]);\n\n  // Calculate overall state\n  const state: MultiUploadState = {\n    total: items.length,\n    completed: items.filter((item) =>\n      [\"success\", \"error\", \"aborted\"].includes(item.state.status),\n    ).length,\n    successful: items.filter((item) => item.state.status === \"success\").length,\n    failed: items.filter((item) =>\n      [\"error\", \"aborted\"].includes(item.state.status),\n    ).length,\n    uploading: items.filter((item) => item.state.status === \"uploading\").length,\n    progress:\n      items.length > 0\n        ? Math.round(\n            items.reduce((sum, item) => sum + item.state.progress, 0) /\n              items.length,\n          )\n        : 0,\n    totalBytesUploaded: items.reduce(\n      (sum, item) => sum + item.state.bytesUploaded,\n      0,\n    ),\n    totalBytes: items.reduce(\n      (sum, item) => sum + (item.state.totalBytes || 0),\n      0,\n    ),\n    isUploading: items.some((item) => item.state.status === \"uploading\"),\n    isComplete:\n      items.length > 0 &&\n      items.every((item) =>\n        [\"success\", \"error\", \"aborted\"].includes(item.state.status),\n      ),\n  };\n\n  const addFiles = useCallback(\n    (files: BrowserUploadInput[]) => {\n      const newItems: UploadItem[] = files.map((file) => {\n        const id = generateId();\n        return {\n          id,\n          file,\n          state: {\n            status: \"idle\",\n            progress: 0,\n            bytesUploaded: 0,\n            totalBytes: file instanceof File ? file.size : null,\n            error: null,\n            result: null,\n          },\n        };\n      });\n\n      console.log(\"addFiles: Adding\", newItems.length, \"files\");\n\n      // Update ref synchronously BEFORE setItems\n      const updated = [...itemsRef.current, ...newItems];\n      itemsRef.current = updated;\n      console.log(\n        \"addFiles: Updated itemsRef.current to\",\n        updated.length,\n        \"items\",\n      );\n\n      setItems(updated);\n    },\n    [generateId],\n  );\n\n  const removeItem = useCallback((id: string) => {\n    const currentItems = itemsRef.current;\n    const item = currentItems.find((i) => i.id === id);\n    if (item && item.state.status === \"uploading\") {\n      // Abort before removing\n      const controller = abortControllersRef.current.get(id);\n      if (controller) {\n        controller.abort();\n        abortControllersRef.current.delete(id);\n      }\n    }\n\n    setItems((prev) => {\n      const updated = prev.filter((item) => item.id !== id);\n      itemsRef.current = updated;\n      return updated;\n    });\n    activeUploadsRef.current.delete(id);\n  }, []);\n\n  const abortUpload = useCallback(\n    (id: string) => {\n      const currentItems = itemsRef.current;\n      const item = currentItems.find((i) => i.id === id);\n      if (item && item.state.status === \"uploading\") {\n        const controller = abortControllersRef.current.get(id);\n        if (controller) {\n          controller.abort();\n          abortControllersRef.current.delete(id);\n        }\n\n        activeUploadsRef.current.delete(id);\n\n        setItems((prev) => {\n          const updated = prev.map((i) =>\n            i.id === id\n              ? { ...i, state: { ...i.state, status: \"aborted\" as const } }\n              : i,\n          );\n          itemsRef.current = updated;\n          return updated;\n        });\n\n        // Try to start next upload in queue\n        startNextUpload();\n      }\n    },\n    [startNextUpload],\n  );\n\n  const retryUpload = useCallback(\n    (id: string) => {\n      const currentItems = itemsRef.current;\n      const item = currentItems.find((i) => i.id === id);\n      if (item && [\"error\", \"aborted\"].includes(item.state.status)) {\n        setItems((prev) => {\n          const updated = prev.map((i) =>\n            i.id === id\n              ? {\n                  ...i,\n                  state: { ...i.state, status: \"idle\" as const, error: null },\n                }\n              : i,\n          );\n          itemsRef.current = updated;\n          return updated;\n        });\n\n        // Auto-start the upload\n        setTimeout(() => startNextUpload(), 0);\n      }\n    },\n    [startNextUpload],\n  );\n\n  const startAll = useCallback(() => {\n    const currentItems = itemsRef.current;\n    console.log(\"Starting all uploads\", currentItems);\n    // Start as many uploads as we can up to the concurrent limit\n    const idleItems = currentItems.filter(\n      (item) => item.state.status === \"idle\",\n    );\n    const slotsAvailable = maxConcurrent - activeUploadsRef.current.size;\n    const itemsToStart = idleItems.slice(0, slotsAvailable);\n\n    for (const item of itemsToStart) {\n      console.log(\"Starting next upload\", item);\n      startNextUpload();\n    }\n  }, [maxConcurrent, startNextUpload]);\n\n  const abortAll = useCallback(() => {\n    const currentItems = itemsRef.current;\n    currentItems\n      .filter((item) => item.state.status === \"uploading\")\n      .forEach((item) => {\n        const controller = abortControllersRef.current.get(item.id);\n        if (controller) {\n          controller.abort();\n          abortControllersRef.current.delete(item.id);\n        }\n      });\n\n    activeUploadsRef.current.clear();\n\n    // Update all uploading items to aborted status\n    setItems((prev) => {\n      const updated = prev.map((item) =>\n        item.state.status === \"uploading\"\n          ? { ...item, state: { ...item.state, status: \"aborted\" as const } }\n          : item,\n      );\n      itemsRef.current = updated;\n      return updated;\n    });\n  }, []);\n\n  const retryFailed = useCallback(() => {\n    const currentItems = itemsRef.current;\n    const failedItems = currentItems.filter((item) =>\n      [\"error\", \"aborted\"].includes(item.state.status),\n    );\n\n    if (failedItems.length > 0) {\n      setItems((prev) => {\n        const updated = prev.map((item) =>\n          failedItems.some((f) => f.id === item.id)\n            ? {\n                ...item,\n                state: { ...item.state, status: \"idle\" as const, error: null },\n              }\n            : item,\n        );\n        itemsRef.current = updated;\n        return updated;\n      });\n\n      // Auto-start uploads if we have capacity\n      setTimeout(startAll, 0);\n    }\n  }, [startAll]);\n\n  const clearCompleted = useCallback(() => {\n    setItems((prev) => {\n      const updated = prev.filter(\n        (item) => ![\"success\", \"error\", \"aborted\"].includes(item.state.status),\n      );\n      itemsRef.current = updated;\n      return updated;\n    });\n  }, []);\n\n  const clearAll = useCallback(() => {\n    abortAll();\n    setItems([]);\n    itemsRef.current = [];\n    activeUploadsRef.current.clear();\n  }, [abortAll]);\n\n  const getItemsByStatus = useCallback((status: UploadStatus) => {\n    return itemsRef.current.filter((item) => item.state.status === status);\n  }, []);\n\n  // Create aggregated metrics object that delegates to the upload client\n  const metrics: UploadMetrics = {\n    getInsights: () => uploadClient.client.getChunkingInsights(),\n    exportMetrics: () => uploadClient.client.exportMetrics(),\n    getNetworkMetrics: () => uploadClient.client.getNetworkMetrics(),\n    getNetworkCondition: () => uploadClient.client.getNetworkCondition(),\n    resetMetrics: () => uploadClient.client.resetMetrics(),\n  };\n\n  return {\n    state,\n    items,\n    addFiles,\n    removeItem,\n    removeFile: removeItem, // Alias for consistency with MultiUploadExample\n    startAll,\n    abortUpload,\n    abortAll,\n    retryUpload,\n    retryFailed,\n    clearCompleted,\n    clearAll,\n    getItemsByStatus,\n    metrics,\n  };\n}\n","import type { BrowserUploadInput } from \"@uploadista/client-browser\";\nimport type { UploadMetrics, UploadOptions } from \"@uploadista/client-core\";\nimport {\n  UploadManager,\n  type UploadState,\n  type UploadStatus,\n} from \"@uploadista/client-core\";\nimport type { UploadFile } from \"@uploadista/core/types\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\n\n// Re-export types from core for convenience\nexport type { UploadState, UploadStatus };\n\nexport interface UseUploadOptions {\n  /**\n   * Upload metadata to attach to the file\n   */\n  metadata?: Record<string, string>;\n\n  /**\n   * Whether to defer the upload size calculation\n   */\n  uploadLengthDeferred?: boolean;\n\n  /**\n   * Manual upload size override\n   */\n  uploadSize?: number;\n\n  /**\n   * Called when upload progress updates\n   *\n   * @param uploadId - The unique identifier for this upload\n   * @param bytesUploaded - Number of bytes uploaded\n   * @param totalBytes - Total bytes to upload, null if unknown\n   */\n  onProgress?: (\n    uploadId: string,\n    bytesUploaded: number,\n    totalBytes: number | null,\n  ) => void;\n\n  /**\n   * Called when a chunk completes\n   *\n   * @param chunkSize - Size of the completed chunk\n   * @param bytesAccepted - Total bytes accepted so far\n   * @param bytesTotal - Total bytes to upload, null if unknown\n   */\n  onChunkComplete?: (\n    chunkSize: number,\n    bytesAccepted: number,\n    bytesTotal: number | null,\n  ) => void;\n\n  /**\n   * Called when upload succeeds\n   *\n   * @param result - The uploaded file result\n   */\n  onSuccess?: (result: UploadFile) => void;\n\n  /**\n   * Called when upload fails\n   *\n   * @param error - The error that caused the failure\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Called when upload is aborted\n   */\n  onAbort?: () => void;\n\n  /**\n   * Custom retry logic\n   *\n   * @param error - The error that triggered the retry check\n   * @param retryAttempt - The current retry attempt number\n   * @returns true to retry, false to fail\n   */\n  onShouldRetry?: (error: Error, retryAttempt: number) => boolean;\n}\n\nexport interface UseUploadReturn {\n  /**\n   * Current upload state\n   */\n  state: UploadState;\n\n  /**\n   * Start uploading a file\n   */\n  upload: (file: BrowserUploadInput) => void;\n\n  /**\n   * Abort the current upload\n   */\n  abort: () => void;\n\n  /**\n   * Reset the upload state to idle\n   */\n  reset: () => void;\n\n  /**\n   * Retry the last failed upload\n   */\n  retry: () => void;\n\n  /**\n   * Whether an upload is currently active\n   */\n  isUploading: boolean;\n\n  /**\n   * Whether the upload can be retried\n   */\n  canRetry: boolean;\n\n  /**\n   * Upload metrics and performance insights from the client\n   */\n  metrics: UploadMetrics;\n}\n\n/**\n * React hook for managing individual file uploads with full state management.\n * Provides upload progress tracking, error handling, abort functionality, and retry logic.\n *\n * Must be used within an UploadistaProvider.\n *\n * @param options - Upload configuration and event handlers\n * @returns Upload state and control methods\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const upload = useUpload({\n *     onSuccess: (result) => console.log('Upload complete:', result),\n *     onError: (error) => console.error('Upload failed:', error),\n *     onProgress: (uploadId, bytesUploaded, totalBytes) => {\n *       const progress = totalBytes ? Math.round((bytesUploaded / totalBytes) * 100) : 0;\n *       console.log(`Upload ${uploadId}: ${progress}% (${bytesUploaded}/${totalBytes} bytes)`);\n *     },\n *   });\n *\n *   return (\n *     <div>\n *       <input\n *         type=\"file\"\n *         onChange={(e) => {\n *           const file = e.target.files?.[0];\n *           if (file) upload.upload(file);\n *         }}\n *       />\n *       {upload.isUploading && <div>Progress: {upload.state.progress}%</div>}\n *       {upload.state.error && <div>Error: {upload.state.error.message}</div>}\n *       {upload.canRetry && <button onClick={upload.retry}>Retry</button>}\n *       <button onClick={upload.abort} disabled={!upload.isUploading}>Abort</button>\n *     </div>\n *   );\n * }\n * ```\n */\nconst initialState: UploadState = {\n  status: \"idle\",\n  progress: 0,\n  bytesUploaded: 0,\n  totalBytes: null,\n  error: null,\n  result: null,\n};\n\nexport function useUpload(options: UseUploadOptions = {}): UseUploadReturn {\n  const uploadClient = useUploadistaContext();\n  const [state, setState] = useState<UploadState>(initialState);\n  const managerRef = useRef<UploadManager<\n    BrowserUploadInput,\n    UploadOptions\n  > | null>(null);\n\n  // Create UploadManager instance\n  useEffect(() => {\n    managerRef.current = new UploadManager(\n      (file: BrowserUploadInput, opts: UploadOptions) =>\n        uploadClient.client.upload(file, opts),\n      {\n        onStateChange: setState,\n        onProgress: options.onProgress,\n        onChunkComplete: options.onChunkComplete,\n        onSuccess: options.onSuccess,\n        onError: options.onError,\n        onAbort: options.onAbort,\n      },\n      {\n        metadata: options.metadata,\n        uploadLengthDeferred: options.uploadLengthDeferred,\n        uploadSize: options.uploadSize,\n        onShouldRetry: options.onShouldRetry,\n      },\n    );\n\n    return () => {\n      managerRef.current?.cleanup();\n    };\n  }, [uploadClient, options]);\n\n  // Wrap manager methods with useCallback\n  const upload = useCallback((file: BrowserUploadInput) => {\n    managerRef.current?.upload(file);\n  }, []);\n\n  const abort = useCallback(() => {\n    managerRef.current?.abort();\n  }, []);\n\n  const reset = useCallback(() => {\n    managerRef.current?.reset();\n  }, []);\n\n  const retry = useCallback(() => {\n    managerRef.current?.retry();\n  }, []);\n\n  // Derive computed values from state\n  const isUploading = state.status === \"uploading\";\n  const canRetry = managerRef.current?.canRetry() ?? false;\n\n  // Create metrics object that delegates to the upload client\n  const metrics: UploadMetrics = {\n    getInsights: () => uploadClient.client.getChunkingInsights(),\n    exportMetrics: () => uploadClient.client.exportMetrics(),\n    getNetworkMetrics: () => uploadClient.client.getNetworkMetrics(),\n    getNetworkCondition: () => uploadClient.client.getNetworkCondition(),\n    resetMetrics: () => uploadClient.client.resetMetrics(),\n  };\n\n  return {\n    state,\n    upload,\n    abort,\n    reset,\n    retry,\n    isUploading,\n    canRetry,\n    metrics,\n  };\n}\n"],"mappings":"6ZAwBA,SAAS,EAAY,EAA4C,CAC/D,IAAM,EAAY,EAClB,OACE,EAAU,YAAc,EAAU,WAClC,EAAU,YAAc,EAAU,SAClC,EAAU,YAAc,EAAU,WAClC,EAAU,YAAc,EAAU,WAClC,EAAU,YAAc,EAAU,SAClC,EAAU,YAAc,EAAU,WAClC,EAAU,YAAc,EAAU,YAClC,EAAU,YAAc,EAAU,UAyCtC,MAAM,EAAqB,EACzB,IAAA,GACD,CA0BD,SAAgB,EAAoB,CAAE,YAAsC,CAC1E,GAAM,CAAE,SAAQ,qBAAsB,GAAsB,CACtD,EAAc,EAAO,IAAI,IAA4B,CAG3D,MACsB,EAAmB,GAA2B,CAEhE,GAAI,EAAY,EAAM,CAAE,CACtB,IAAK,IAAM,KAAS,EAAY,QAAQ,QAAQ,CAC9C,EAAM,QAAQ,gBAAgB,EAAM,CAEtC,OAIF,GACE,SAAU,GACV,EAAM,OAAS,EAAgB,iBAC/B,SAAU,EACV,CACA,IAAM,EAAc,EAEpB,IAAK,IAAM,KAAS,EAAY,QAAQ,QAAQ,CAC9C,EAAM,QAAQ,qBACZ,EAAY,KAAK,GACjB,EAAY,KAAK,SACjB,EAAY,KAAK,MAClB,GAGL,CAGD,CAAC,EAAkB,CAAC,CAEvB,IAAM,EAAa,GAEf,EACA,EACA,IACyB,CACzB,IAAM,EAAW,EAAY,QAAQ,IAAI,EAAO,CAEhD,GAAI,EAGF,MADA,GAAS,WACF,EAAS,QAGlB,IAAM,EAAU,IAAI,EAClB,EAAO,eACP,EACA,EACA,EAAO,qBACR,CAQD,OANA,EAAY,QAAQ,IAAI,EAAQ,CAC9B,UACA,SAAU,EACV,SACD,CAAC,CAEK,GAET,CAAC,EAAO,CACT,CAEK,EAAiB,EAAa,GAAmB,CACrD,IAAM,EAAW,EAAY,QAAQ,IAAI,EAAO,CAC3C,IAEL,EAAS,WAGL,EAAS,UAAY,IACvB,EAAS,QAAQ,SAAS,CAC1B,EAAY,QAAQ,OAAO,EAAO,IAEnC,EAAE,CAAC,CAEN,OACE,EAAC,EAAmB,SAAA,CAAS,MAAO,CAAE,aAAY,iBAAgB,CAC/D,YAC2B,CAmBlC,SAAgB,GAAiD,CAC/D,IAAM,EAAU,EAAW,EAAmB,CAE9C,GAAI,IAAY,IAAA,GACd,MAAU,MACR,qIAED,CAGH,OAAO,EC3GT,SAAgB,EACd,EAC2B,CAE3B,IAAM,EAAa,EAAmC,EAAQ,CA+C9D,MA5CA,GAAW,QAAU,EA4Cd,CACL,OAxCa,OACb,QAAQ,IAAI,mEAAoE,EAAQ,QAAQ,CACzF,EAAuB,CAC5B,QAAS,EAAQ,QACjB,UAAW,EAAQ,UACnB,mBAAoB,EAAQ,mBAC5B,UAAW,EAAQ,UACnB,4BAA6B,EAAQ,4BACrC,YAAa,EAAQ,YACrB,gBAAiB,EAAQ,gBACzB,kBAAmB,EAAQ,kBAC3B,eAAgB,EAAQ,eACxB,cAAe,EAAQ,cACvB,kBAAmB,EAAQ,kBAC3B,cAAe,EAAQ,cACvB,kBAAmB,EAAQ,kBAE3B,KAAM,EAAQ,KACd,QAAS,EAAQ,QAClB,CAAC,EAED,CACD,EAAQ,QACR,EAAQ,UACR,EAAQ,mBACR,EAAQ,UACR,EAAQ,4BACR,EAAQ,YACR,EAAQ,gBACR,EAAQ,kBACR,EAAQ,eACR,EAAQ,cACR,EAAQ,kBACR,EAAQ,cACR,EAAQ,kBACR,EAAQ,KACR,EAAQ,QACT,CAAC,CAIA,OAAQ,EACT,CC9HH,MAAM,EAAoB,EAA6C,KAAK,CA4C5E,SAAgB,EAAmB,CACjC,WACA,GAAG,GACuB,CAC1B,IAAM,EAAsB,EAC1B,IAAI,IACL,CAGK,EAAc,EAAa,GAA2B,CAE1D,EAAoB,QAAQ,QAAS,GAAY,CAC/C,GAAI,CACF,EAAQ,EAAM,OACP,EAAK,CACZ,QAAQ,MAAM,6BAA8B,EAAI,GAElD,EACD,EAAE,CAAC,CAEA,EAAe,EAAoB,CACvC,GAAG,EACH,QAAS,EACV,CAAC,CAEI,EAAoB,EACvB,IACC,EAAoB,QAAQ,IAAI,EAAQ,KAC3B,CACX,EAAoB,QAAQ,OAAO,EAAQ,GAG/C,EAAE,CACH,CAGK,EAAe,OACZ,CACL,GAAG,EACH,oBACD,EACD,CAAC,EAAc,EAAkB,CAClC,CAED,OACE,EAAC,EAAkB,SAAA,CAAS,MAAO,WACjC,EAAC,EAAA,CAAqB,WAAA,CAA+B,EAC1B,CAmCjC,SAAgB,GAA+C,CAC7D,IAAM,EAAU,EAAW,EAAkB,CAE7C,GAAI,IAAY,KACd,MAAU,MACR,mIAED,CAGH,OAAO,EChET,MAAMA,EAA8B,CAClC,WAAY,GACZ,OAAQ,GACR,QAAS,GACT,OAAQ,EAAE,CACX,CA0DD,SAAgB,EAAY,EAA2B,EAAE,CAAqB,CAC5E,GAAM,CACJ,SACA,WACA,cACA,WAAW,GACX,YACA,kBACA,oBACA,qBACE,EAEE,CAAC,EAAO,GAAY,EAAwBC,EAAa,CACzD,EAAW,EAAyB,KAAK,CACzC,EAAiB,EAAO,EAAE,CAE1B,EAAc,EAAa,GAAmC,CAClE,EAAU,IAAU,CAAE,GAAG,EAAM,GAAG,EAAQ,EAAE,EAC3C,EAAE,CAAC,CAEA,EAAgB,EACnB,GAA4B,CAC3B,IAAMC,EAAmB,EAAE,CAGvB,GAAY,EAAM,OAAS,GAC7B,EAAO,KACL,WAAW,EAAS,+BAA+B,EAAM,OAAO,SACjE,CAIH,IAAK,IAAM,KAAQ,EAAO,CAExB,GAAI,GAAe,EAAK,KAAO,EAAa,CAC1C,IAAM,GAAa,GAAe,KAAO,OAAO,QAAQ,EAAE,CACpD,GAAc,EAAK,MAAQ,KAAO,OAAO,QAAQ,EAAE,CACzD,EAAO,KACL,SAAS,EAAK,KAAK,KAAK,EAAW,8BAA8B,EAAU,KAC5E,CAIC,GAAU,EAAO,OAAS,IACT,EAAO,KAAM,GAAe,CAC7C,GAAI,EAAW,WAAW,IAAI,CAE5B,OAAO,EAAK,KAAK,aAAa,CAAC,SAAS,EAAW,aAAa,CAAC,IAG7D,EAAW,SAAS,KAAK,CAAE,CAC7B,IAAM,EAAW,EAAW,MAAM,EAAG,GAAG,CACxC,OAAO,EAAK,KAAK,WAAW,EAAS,MAErC,OAAO,EAAK,OAAS,GAGzB,EAGA,EAAO,KACL,SAAS,EAAK,KAAK,UAAU,EAAK,KAAK,qCAAqC,EAAO,KAAK,KAAK,CAAC,GAC/F,EAMP,GAAI,EAAW,CACb,IAAM,EAAe,EAAU,EAAM,CACjC,GACF,EAAO,KAAK,GAAG,EAAa,CAIhC,OAAO,GAET,CAAC,EAAQ,EAAU,EAAa,EAAU,CAC3C,CAEK,EAAe,EAClB,GAAkB,CACjB,IAAM,EAAY,MAAM,KAAK,EAAM,CAC7B,EAAS,EAAc,EAAU,CAEnC,EAAO,OAAS,GAClB,EAAY,CAAE,SAAQ,QAAS,GAAO,CAAC,CACvC,IAAoB,EAAO,GAE3B,EAAY,CAAE,OAAQ,EAAE,CAAE,QAAS,GAAM,CAAC,CAC1C,IAAkB,EAAU,GAGhC,CAAC,EAAe,EAAa,EAAiB,EAAkB,CACjE,CAEK,EAA2B,EAC9B,GAAuC,CACtC,IAAMC,EAAgB,EAAE,CAExB,GAAI,EAAa,MAEf,IAAK,IAAI,EAAI,EAAG,EAAI,EAAa,MAAM,OAAQ,IAAK,CAClD,IAAM,EAAO,EAAa,MAAM,GAChC,GAAI,GAAQ,EAAK,OAAS,OAAQ,CAChC,IAAM,EAAO,EAAK,WAAW,CACzB,GACF,EAAM,KAAK,EAAK,OAMtB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAa,MAAM,OAAQ,IAAK,CAClD,IAAM,EAAO,EAAa,MAAM,GAC5B,GACF,EAAM,KAAK,EAAK,CAKtB,OAAO,GAET,EAAE,CACH,CAEK,EAAc,EACjB,GAA2B,CAC1B,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CAEvB,EAAe,UAEX,EAAe,UAAY,IAC7B,EAAY,CAAE,WAAY,GAAM,OAAQ,GAAM,CAAC,CAC/C,IAAoB,GAAK,GAG7B,CAAC,EAAa,EAAkB,CACjC,CAEK,EAAa,EAAa,GAA2B,CACzD,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CAGnB,EAAM,eACR,EAAM,aAAa,WAAa,SAEjC,EAAE,CAAC,CAEA,EAAc,EACjB,GAA2B,CAC1B,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CAEvB,EAAe,UAEX,EAAe,UAAY,IAC7B,EAAY,CAAE,WAAY,GAAO,OAAQ,GAAO,OAAQ,EAAE,CAAE,CAAC,CAC7D,IAAoB,GAAM,GAG9B,CAAC,EAAa,EAAkB,CACjC,CAEK,EAAS,EACZ,GAA2B,CAQ1B,GAPA,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CAEvB,EAAe,QAAU,EACzB,EAAY,CAAE,WAAY,GAAO,OAAQ,GAAO,CAAC,CACjD,IAAoB,GAAM,CAEtB,EAAM,aAAc,CACtB,IAAM,EAAQ,EAAyB,EAAM,aAAa,CACtD,EAAM,OAAS,GACjB,EAAa,EAAM,GAIzB,CAAC,EAAa,EAAmB,EAA0B,EAAa,CACzE,CAEK,EAAiB,MAAkB,CACvC,EAAS,SAAS,OAAO,EACxB,EAAE,CAAC,CAEA,EAAgB,EACnB,GAA+C,CAC1C,EAAM,OAAO,OAAS,EAAM,OAAO,MAAM,OAAS,GAEpD,EADc,MAAM,KAAK,EAAM,OAAO,MAAM,CACzB,CAIrB,EAAM,OAAO,MAAQ,IAEvB,CAAC,EAAa,CACf,CAEK,EAAQ,MAAkB,CAC9B,EAASF,EAAa,CACtB,EAAe,QAAU,GACxB,EAAE,CAAC,CAkBN,MAAO,CACL,QACA,aAlBmB,CACnB,cACA,aACA,cACA,SACD,CAcC,WAZiB,CACjB,KAAM,OACN,WACA,OAAQ,GAAQ,KAAK,KAAK,CAC1B,SAAU,EACV,MAAO,CAAE,QAAS,OAAiB,CACnC,IAAK,EACN,CAMC,iBACA,eACA,QACD,CCpNH,SAAgB,EACd,EAC0B,CAC1B,IAAM,EAAS,GAAsB,CAC/B,CAAC,EAAO,GAAY,EAA+C,EAAE,CAAC,CACtE,EAAc,EAAgC,IAAI,IAAM,CACxD,EAAW,EAAiB,EAAE,CAAC,CAC/B,EAAiB,EAAO,EAAE,CAE1B,EAAgB,EAAQ,eAAiB,EAEzC,EAAyB,EAC5B,GAAgD,CAC/C,GAAIG,EAAM,SAAW,EAAG,MAAO,GAC/B,IAAM,EAAgBA,EAAM,QAAQ,EAAK,IAAS,EAAM,EAAK,SAAU,EAAE,CACzE,OAAO,KAAK,MAAM,EAAgBA,EAAM,OAAO,EAEjD,EAAE,CACH,CAEK,EAAe,EAAY,SAAY,CAC3C,GACE,EAAe,SAAW,GAC1B,EAAS,QAAQ,SAAW,EAE5B,OAGF,IAAM,EAAS,EAAS,QAAQ,OAAO,CACvC,GAAI,CAAC,EAAQ,OAEb,IAAM,EAAO,EAAM,KAAM,GAAM,EAAE,KAAO,EAAO,CAC/C,GAAI,CAAC,GAAQ,EAAK,SAAW,UAAW,CACtC,GAAc,CACd,OAGF,EAAe,UAEf,EAAU,GACR,EAAK,IAAK,GACR,EAAE,KAAO,EAAS,CAAE,GAAG,EAAG,OAAQ,YAAsB,CAAG,EAC5D,CACF,CAED,GAAI,CACF,GAAM,CAAE,QAAO,SAAU,MAAM,EAAO,OAAO,eAC3C,EAAK,KACL,EAAQ,WACR,CACE,WAAa,GAAkB,CAC7B,EAAU,GACR,EAAK,IAAK,GAAO,EAAE,KAAO,EAAS,CAAE,GAAG,EAAG,MAAA,EAAO,CAAG,EAAG,CACzD,EAEH,YACE,EACA,EACA,IACG,CACH,IAAM,EAAW,EACb,KAAK,MAAO,EAAgB,EAAc,IAAI,CAC9C,EAEJ,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,IAAK,GACxB,EAAE,KAAO,EACL,CACE,GAAG,EACH,WACA,gBACA,WAAY,GAAc,EAC3B,CACD,EACL,CACK,EAAc,EAAQ,KAAM,GAAM,EAAE,KAAO,EAAO,CAIxD,OAHI,GACF,EAAQ,iBAAiB,EAAY,CAEhC,GACP,EAEJ,UAAY,GAAY,CACtB,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,IAAK,GACxB,EAAE,KAAO,EACL,CACE,GAAG,EACH,OAAQ,UACR,OAAQ,EACR,SAAU,IACX,CACD,EACL,CACK,EAAc,EAAQ,KAAM,GAAM,EAAE,KAAO,EAAO,CAgBxD,OAfI,GACF,EAAQ,gBAAgB,EAAY,CAIlB,EAAQ,MACzB,GACC,EAAE,SAAW,WACb,EAAE,SAAW,SACb,EAAE,SAAW,UAChB,EAEC,EAAQ,aAAa,EAAQ,CAGxB,GACP,CAEF,EAAY,QAAQ,OAAO,EAAO,CAClC,EAAe,UACf,GAAc,EAEhB,QAAU,GAAiB,CACzB,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,IAAK,GACxB,EAAE,KAAO,EAAS,CAAE,GAAG,EAAG,OAAQ,QAAkB,QAAO,CAAG,EAC/D,CACK,EAAc,EAAQ,KAAM,GAAM,EAAE,KAAO,EAAO,CAgBxD,OAfI,GACF,EAAQ,cAAc,EAAa,EAAM,CAIvB,EAAQ,MACzB,GACC,EAAE,SAAW,WACb,EAAE,SAAW,SACb,EAAE,SAAW,UAChB,EAEC,EAAQ,aAAa,EAAQ,CAGxB,GACP,CAEF,EAAY,QAAQ,OAAO,EAAO,CAClC,EAAe,UACf,GAAc,EAEhB,cAAe,EAAQ,cACxB,CACF,CAED,EAAY,QAAQ,IAAI,EAAQ,EAAM,CAEtC,EAAU,GACR,EAAK,IAAK,GAAO,EAAE,KAAO,EAAS,CAAE,GAAG,EAAG,QAAO,CAAG,EAAG,CACzD,OACM,EAAO,CACd,EAAU,GACR,EAAK,IAAK,GACR,EAAE,KAAO,EACL,CAAE,GAAG,EAAG,OAAQ,QAAyB,QAAgB,CACzD,EACL,CACF,CAED,EAAe,UACf,GAAc,GAEf,CAAC,EAAQ,EAAO,EAAe,EAAQ,CAAC,CAErC,EAAW,EAAa,GAA6B,CAEzD,IAAMC,EADY,MAAM,KAAK,EAAM,CAC8B,IAC9D,IAAU,CACT,GAAI,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,OAAO,EAAG,EAAE,GAC5D,OACA,OAAQ,UACR,SAAU,EACV,cAAe,EACf,WAAY,EAAK,KACjB,MAAO,KACP,OAAQ,KACR,MAAO,KACR,EACF,CAED,EAAU,GAAS,CAAC,GAAG,EAAM,GAAG,EAAS,CAAC,EACzC,EAAE,CAAC,CAEA,EAAa,EAAa,GAAe,CAC7C,IAAM,EAAU,EAAY,QAAQ,IAAI,EAAG,CACvC,IACF,GAAS,CACT,EAAY,QAAQ,OAAO,EAAG,EAGhC,EAAU,GAAS,EAAK,OAAQ,GAAS,EAAK,KAAO,EAAG,CAAC,CACzD,EAAS,QAAU,EAAS,QAAQ,OAAQ,GAAY,IAAY,EAAG,EACtE,EAAE,CAAC,CAEA,EAAc,MAAkB,CACpC,IAAM,EAAe,EAAM,OAAQ,GAAS,EAAK,SAAW,UAAU,CACtE,EAAS,QAAQ,KAAK,GAAG,EAAa,IAAK,GAAS,EAAK,GAAG,CAAC,CAE7D,IAAK,IAAI,EAAI,EAAG,EAAI,EAAe,IACjC,GAAc,EAEf,CAAC,EAAO,EAAe,EAAa,CAAC,CAElC,EAAc,EACjB,GAAe,CACd,IAAM,EAAU,EAAY,QAAQ,IAAI,EAAG,CACvC,IACF,GAAS,CACT,EAAY,QAAQ,OAAO,EAAG,CAE9B,EAAU,GACR,EAAK,IAAK,GACR,EAAK,KAAO,EAAK,CAAE,GAAG,EAAM,OAAQ,UAAoB,CAAG,EAC5D,CACF,CAED,EAAe,UACf,GAAc,GAGlB,CAAC,EAAa,CACf,CAEK,EAAW,MAAkB,CACjC,IAAK,IAAM,KAAW,EAAY,QAAQ,QAAQ,CAChD,GAAS,CAEX,EAAY,QAAQ,OAAO,CAC3B,EAAS,QAAU,EAAE,CACrB,EAAe,QAAU,EAEzB,EAAU,GACR,EAAK,IAAK,GACR,EAAK,SAAW,YACZ,CAAE,GAAG,EAAM,OAAQ,UAAoB,CACvC,EACL,CACF,EACA,EAAE,CAAC,CAEA,EAAQ,MAAkB,CAC9B,GAAU,CACV,EAAS,EAAE,CAAC,EACX,CAAC,EAAS,CAAC,CAER,EAAc,EACjB,GAAe,CACd,EAAU,GACR,EAAK,IAAK,GACR,EAAK,KAAO,EACR,CACE,GAAG,EACH,OAAQ,UACR,SAAU,EACV,cAAe,EACf,MAAO,KACR,CACD,EACL,CACF,CAED,EAAS,QAAQ,KAAK,EAAG,CACzB,GAAc,EAEhB,CAAC,EAAa,CACf,CAEKC,EAAkD,CACtD,QACA,cAAe,EAAuB,EAAM,CAC5C,cAAe,EAAM,OAAQ,GAAS,EAAK,SAAW,YAAY,CAAC,OACnE,iBAAkB,EAAM,OAAQ,GAAS,EAAK,SAAW,UAAU,CAAC,OACpE,cAAe,EAAM,OAAQ,GAAS,EAAK,SAAW,QAAQ,CAAC,OAChE,CAED,MAAO,CACL,QACA,WACA,aACA,cACA,cACA,WACA,QACA,cACA,YAAa,EAAM,cAAgB,EACpC,CC5ZH,MAAMC,EAAgC,CACpC,OAAQ,OACR,SAAU,EACV,cAAe,EACf,WAAY,KACZ,MAAO,KACP,MAAO,KACP,YAAa,GACb,gBAAiB,KACjB,gBAAiB,KACjB,YAAa,KACd,CAsHD,SAAgB,EAAc,EAAiD,CAC7E,GAAM,CAAE,aAAY,kBAAmB,GAAuB,CACxD,CAAC,EAAO,GAAY,EAA0BC,EAAa,CAC3D,EAAa,EAAoC,KAAK,CAGtD,EAAe,EAAO,EAAQ,CAsFpC,OAnFA,MAAgB,CACd,EAAa,QAAU,GACvB,CAIF,MAAgB,CACd,IAAM,EAAS,EAAQ,WAAW,OAyClC,MAHA,GAAW,QAAU,EAAW,EAnCR,CACtB,cAAe,EACf,YACE,EACA,EACA,IACG,CACH,EAAa,QAAQ,aAAa,EAAU,EAAe,EAAW,EAExE,iBACE,EACA,EACA,IACG,CACH,EAAa,QAAQ,kBACnB,EACA,EACA,EACD,EAEH,eAAiB,GAA2B,CAC1C,EAAa,QAAQ,iBAAiB,EAAQ,EAEhD,UAAY,GAA2B,CACrC,EAAa,QAAQ,YAAY,EAAQ,EAE3C,QAAU,GAAiB,CACzB,EAAa,QAAQ,UAAU,EAAM,EAEvC,YAAe,CACb,EAAa,QAAQ,WAAW,EAEnC,CAGwD,EAAQ,KAGpD,CACX,EAAe,EAAO,CACtB,EAAW,QAAU,OAEtB,CACD,EAAQ,WAAW,OACnB,EAAQ,WAAW,UACnB,EAAQ,WAAW,aACnB,EACA,EACD,CAAC,CAyBK,CACL,QACA,OAxBa,EAAY,KAAO,IAAsB,CACtD,MAAM,EAAW,SAAS,OAAO,EAAK,EACrC,EAAE,CAAC,CAuBJ,MArBY,MAAkB,CAC9B,EAAW,SAAS,OAAO,EAC1B,EAAE,CAAC,CAoBJ,MAlBY,MAAkB,CAC9B,EAAW,SAAS,OAAO,EAC1B,EAAE,CAAC,CAiBJ,MAfY,MAAkB,CAC9B,EAAW,SAAS,OAAO,EAC1B,EAAE,CAAC,CAcJ,YAVA,EAAM,SAAW,aAAe,EAAM,SAAW,aAWjD,gBAVsB,EAAM,SAAW,YAWvC,aAVmB,EAAM,SAAW,aAWrC,CCzDH,SAAgB,EACd,EAA8B,EAAE,CACV,CACtB,IAAM,EAAe,GAAsB,CACrC,CAAE,gBAAgB,GAAM,EACxB,CAAC,EAAO,GAAY,EAAuB,EAAE,CAAC,CAC9C,EAAW,EAAqB,EAAE,CAAC,CACnC,EAAY,EAAO,EAAE,CACrB,EAAmB,EAAO,IAAI,IAAc,CAG5C,EAAsB,EAC1B,IAAI,IACL,CAGD,EAAS,QAAU,EAGnB,IAAM,EAAa,MACV,UAAU,KAAK,KAAK,CAAC,GAAG,EAAU,YACxC,EAAE,CAAC,CAGA,EAAgB,GACnB,EAAY,IAAgC,CAC3C,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,IAAK,GACxB,EAAK,KAAO,EACR,CAAE,GAAG,EAAM,MAAO,CAAE,GAAG,EAAK,MAAO,GAAGC,EAAO,CAAE,CAC/C,EACL,CAED,MADA,GAAS,QAAU,EACZ,GACP,EAEJ,EAAE,CACH,CAGK,EAAqB,MAAkB,CAC3C,IAAM,EAAe,EAAS,QAK9B,GAJoB,EAAa,MAAO,GACtC,CAAC,UAAW,QAAS,UAAU,CAAC,SAAS,EAAK,MAAM,OAAO,CAC5D,EAEkB,EAAa,OAAS,EAAG,CAC1C,IAAM,EAAa,EAAa,OAC7B,GAAS,EAAK,MAAM,SAAW,UACjC,CACK,EAAS,EAAa,OAAQ,GAClC,CAAC,QAAS,UAAU,CAAC,SAAS,EAAK,MAAM,OAAO,CACjD,CAED,EAAQ,aAAa,CACnB,aACA,SACA,MAAO,EAAa,OACrB,CAAC,GAEH,CAAC,EAAQ,CAAC,CAGP,EAAkB,MAAkB,CACxC,GAAI,EAAiB,QAAQ,MAAQ,EACnC,OAIF,IAAM,EADe,EAAS,QACA,KAC3B,GACC,EAAK,MAAM,SAAW,QAAU,CAAC,EAAiB,QAAQ,IAAI,EAAK,GAAG,CACzE,CAEI,IAKuB,SAAY,CACtC,EAAiB,QAAQ,IAAI,EAAS,GAAG,CACzC,EAAQ,gBAAgB,EAAS,CAGjC,EAAc,EAAS,GAAI,CAAE,OAAQ,YAAa,CAAC,CAEnD,GAAI,CACF,IAAM,EAAa,MAAM,EAAa,OAAO,OAAO,EAAS,KAAM,CACjE,SAAU,EAAQ,SAClB,qBAAsB,EAAQ,qBAC9B,WAAY,EAAQ,WAEpB,YACE,EACA,EACA,IACG,CACH,IAAM,EAAW,EACb,KAAK,MAAO,EAAgB,EAAc,IAAI,CAC9C,EAEJ,EAAc,EAAS,GAAI,CACzB,WACA,gBACA,aACD,CAAC,CAEF,EAAQ,mBACN,EACA,EACA,EACA,EACD,EAGH,oBAAuB,GAIvB,UAAY,GAAuB,CACjC,EAAc,EAAS,GAAI,CACzB,OAAQ,UACR,SACA,SAAU,IACX,CAAC,CAEF,IAAM,EAAc,CAClB,GAAG,EACH,MAAO,CAAE,GAAG,EAAS,MAAO,OAAQ,UAAoB,SAAQ,CACjE,CACD,EAAQ,kBAAkB,EAAa,EAAO,CAG9C,EAAiB,QAAQ,OAAO,EAAS,GAAG,CAC5C,EAAoB,QAAQ,OAAO,EAAS,GAAG,CAC/C,GAAiB,CACjB,GAAoB,EAGtB,QAAU,GAAiB,CACzB,EAAc,EAAS,GAAI,CACzB,OAAQ,QACR,QACD,CAAC,CAEF,IAAM,EAAc,CAClB,GAAG,EACH,MAAO,CAAE,GAAG,EAAS,MAAO,OAAQ,QAAkB,QAAO,CAC9D,CACD,EAAQ,gBAAgB,EAAa,EAAM,CAG3C,EAAiB,QAAQ,OAAO,EAAS,GAAG,CAC5C,EAAoB,QAAQ,OAAO,EAAS,GAAG,CAC/C,GAAiB,CACjB,GAAoB,EAGtB,cAAe,EAAQ,cACxB,CAAC,CAGF,EAAoB,QAAQ,IAAI,EAAS,GAAI,EAAW,OACjD,EAAO,CACd,EAAc,EAAS,GAAI,CACzB,OAAQ,QACD,QACR,CAAC,CAEF,IAAM,EAAc,CAClB,GAAG,EACH,MAAO,CACL,GAAG,EAAS,MACZ,OAAQ,QACD,QACR,CACF,CACD,EAAQ,gBAAgB,EAAa,EAAe,CAGpD,EAAiB,QAAQ,OAAO,EAAS,GAAG,CAC5C,EAAoB,QAAQ,OAAO,EAAS,GAAG,CAC/C,GAAiB,CACjB,GAAoB,KAIH,EACpB,CAAC,EAAe,EAAc,EAAS,EAAe,EAAmB,CAAC,CAGvEC,EAA0B,CAC9B,MAAO,EAAM,OACb,UAAW,EAAM,OAAQ,GACvB,CAAC,UAAW,QAAS,UAAU,CAAC,SAAS,EAAK,MAAM,OAAO,CAC5D,CAAC,OACF,WAAY,EAAM,OAAQ,GAAS,EAAK,MAAM,SAAW,UAAU,CAAC,OACpE,OAAQ,EAAM,OAAQ,GACpB,CAAC,QAAS,UAAU,CAAC,SAAS,EAAK,MAAM,OAAO,CACjD,CAAC,OACF,UAAW,EAAM,OAAQ,GAAS,EAAK,MAAM,SAAW,YAAY,CAAC,OACrE,SACE,EAAM,OAAS,EACX,KAAK,MACH,EAAM,QAAQ,EAAK,IAAS,EAAM,EAAK,MAAM,SAAU,EAAE,CACvD,EAAM,OACT,CACD,EACN,mBAAoB,EAAM,QACvB,EAAK,IAAS,EAAM,EAAK,MAAM,cAChC,EACD,CACD,WAAY,EAAM,QACf,EAAK,IAAS,GAAO,EAAK,MAAM,YAAc,GAC/C,EACD,CACD,YAAa,EAAM,KAAM,GAAS,EAAK,MAAM,SAAW,YAAY,CACpE,WACE,EAAM,OAAS,GACf,EAAM,MAAO,GACX,CAAC,UAAW,QAAS,UAAU,CAAC,SAAS,EAAK,MAAM,OAAO,CAC5D,CACJ,CAEK,EAAW,EACd,GAAgC,CAC/B,IAAMC,EAAyB,EAAM,IAAK,IAEjC,CACL,GAFS,GAAY,CAGrB,OACA,MAAO,CACL,OAAQ,OACR,SAAU,EACV,cAAe,EACf,WAAY,aAAgB,KAAO,EAAK,KAAO,KAC/C,MAAO,KACP,OAAQ,KACT,CACF,EACD,CAEF,QAAQ,IAAI,mBAAoB,EAAS,OAAQ,QAAQ,CAGzD,IAAM,EAAU,CAAC,GAAG,EAAS,QAAS,GAAG,EAAS,CAClD,EAAS,QAAU,EACnB,QAAQ,IACN,wCACA,EAAQ,OACR,QACD,CAED,EAAS,EAAQ,EAEnB,CAAC,EAAW,CACb,CAEK,EAAa,EAAa,GAAe,CAE7C,IAAM,EADe,EAAS,QACJ,KAAM,GAAM,EAAE,KAAO,EAAG,CAClD,GAAI,GAAQ,EAAK,MAAM,SAAW,YAAa,CAE7C,IAAM,EAAa,EAAoB,QAAQ,IAAI,EAAG,CAClD,IACF,EAAW,OAAO,CAClB,EAAoB,QAAQ,OAAO,EAAG,EAI1C,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,OAAQ,GAASC,EAAK,KAAO,EAAG,CAErD,MADA,GAAS,QAAU,EACZ,GACP,CACF,EAAiB,QAAQ,OAAO,EAAG,EAClC,EAAE,CAAC,CAEA,EAAc,EACjB,GAAe,CAEd,IAAM,EADe,EAAS,QACJ,KAAM,GAAM,EAAE,KAAO,EAAG,CAClD,GAAI,GAAQ,EAAK,MAAM,SAAW,YAAa,CAC7C,IAAM,EAAa,EAAoB,QAAQ,IAAI,EAAG,CAClD,IACF,EAAW,OAAO,CAClB,EAAoB,QAAQ,OAAO,EAAG,EAGxC,EAAiB,QAAQ,OAAO,EAAG,CAEnC,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,IAAK,GACxB,EAAE,KAAO,EACL,CAAE,GAAG,EAAG,MAAO,CAAE,GAAG,EAAE,MAAO,OAAQ,UAAoB,CAAE,CAC3D,EACL,CAED,MADA,GAAS,QAAU,EACZ,GACP,CAGF,GAAiB,GAGrB,CAAC,EAAgB,CAClB,CAEK,EAAc,EACjB,GAAe,CAEd,IAAM,EADe,EAAS,QACJ,KAAM,GAAM,EAAE,KAAO,EAAG,CAC9C,GAAQ,CAAC,QAAS,UAAU,CAAC,SAAS,EAAK,MAAM,OAAO,GAC1D,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,IAAK,GACxB,EAAE,KAAO,EACL,CACE,GAAG,EACH,MAAO,CAAE,GAAG,EAAE,MAAO,OAAQ,OAAiB,MAAO,KAAM,CAC5D,CACD,EACL,CAED,MADA,GAAS,QAAU,EACZ,GACP,CAGF,eAAiB,GAAiB,CAAE,EAAE,GAG1C,CAAC,EAAgB,CAClB,CAEK,EAAW,MAAkB,CACjC,IAAM,EAAe,EAAS,QAC9B,QAAQ,IAAI,uBAAwB,EAAa,CAEjD,IAAM,EAAY,EAAa,OAC5B,GAAS,EAAK,MAAM,SAAW,OACjC,CACK,EAAiB,EAAgB,EAAiB,QAAQ,KAC1D,EAAe,EAAU,MAAM,EAAG,EAAe,CAEvD,IAAK,IAAM,KAAQ,EACjB,QAAQ,IAAI,uBAAwB,EAAK,CACzC,GAAiB,EAElB,CAAC,EAAe,EAAgB,CAAC,CAE9B,EAAW,MAAkB,CACZ,EAAS,QAE3B,OAAQ,GAAS,EAAK,MAAM,SAAW,YAAY,CACnD,QAAS,GAAS,CACjB,IAAM,EAAa,EAAoB,QAAQ,IAAI,EAAK,GAAG,CACvD,IACF,EAAW,OAAO,CAClB,EAAoB,QAAQ,OAAO,EAAK,GAAG,GAE7C,CAEJ,EAAiB,QAAQ,OAAO,CAGhC,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,IAAK,GACxB,EAAK,MAAM,SAAW,YAClB,CAAE,GAAG,EAAM,MAAO,CAAE,GAAG,EAAK,MAAO,OAAQ,UAAoB,CAAE,CACjE,EACL,CAED,MADA,GAAS,QAAU,EACZ,GACP,EACD,EAAE,CAAC,CAyDN,MAAO,CACL,QACA,QACA,WACA,aACA,WAAY,EACZ,WACA,cACA,WACA,cACA,YAjEkB,MAAkB,CAEpC,IAAM,EADe,EAAS,QACG,OAAQ,GACvC,CAAC,QAAS,UAAU,CAAC,SAAS,EAAK,MAAM,OAAO,CACjD,CAEG,EAAY,OAAS,IACvB,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,IAAK,GACxB,EAAY,KAAM,GAAM,EAAE,KAAO,EAAK,GAAG,CACrC,CACE,GAAG,EACH,MAAO,CAAE,GAAG,EAAK,MAAO,OAAQ,OAAiB,MAAO,KAAM,CAC/D,CACD,EACL,CAED,MADA,GAAS,QAAU,EACZ,GACP,CAGF,WAAW,EAAU,EAAE,GAExB,CAAC,EAAS,CAAC,CA2CZ,eAzCqB,MAAkB,CACvC,EAAU,GAAS,CACjB,IAAM,EAAU,EAAK,OAClB,GAAS,CAAC,CAAC,UAAW,QAAS,UAAU,CAAC,SAAS,EAAK,MAAM,OAAO,CACvE,CAED,MADA,GAAS,QAAU,EACZ,GACP,EACD,EAAE,CAAC,CAkCJ,SAhCe,MAAkB,CACjC,GAAU,CACV,EAAS,EAAE,CAAC,CACZ,EAAS,QAAU,EAAE,CACrB,EAAiB,QAAQ,OAAO,EAC/B,CAAC,EAAS,CAAC,CA4BZ,iBA1BuB,EAAa,GAC7B,EAAS,QAAQ,OAAQ,GAAS,EAAK,MAAM,SAAW,EAAO,CACrE,EAAE,CAAC,CAyBJ,QAtB6B,CAC7B,gBAAmB,EAAa,OAAO,qBAAqB,CAC5D,kBAAqB,EAAa,OAAO,eAAe,CACxD,sBAAyB,EAAa,OAAO,mBAAmB,CAChE,wBAA2B,EAAa,OAAO,qBAAqB,CACpE,iBAAoB,EAAa,OAAO,cAAc,CACvD,CAiBA,CCvgBH,MAAMC,EAA4B,CAChC,OAAQ,OACR,SAAU,EACV,cAAe,EACf,WAAY,KACZ,MAAO,KACP,OAAQ,KACT,CAED,SAAgB,EAAU,EAA4B,EAAE,CAAmB,CACzE,IAAM,EAAe,GAAsB,CACrC,CAAC,EAAO,GAAY,EAAsB,EAAa,CACvD,EAAa,EAGT,KAAK,CA0Df,OAvDA,OACE,EAAW,QAAU,IAAI,GACtB,EAA0B,IACzB,EAAa,OAAO,OAAO,EAAM,EAAK,CACxC,CACE,cAAe,EACf,WAAY,EAAQ,WACpB,gBAAiB,EAAQ,gBACzB,UAAW,EAAQ,UACnB,QAAS,EAAQ,QACjB,QAAS,EAAQ,QAClB,CACD,CACE,SAAU,EAAQ,SAClB,qBAAsB,EAAQ,qBAC9B,WAAY,EAAQ,WACpB,cAAe,EAAQ,cACxB,CACF,KAEY,CACX,EAAW,SAAS,SAAS,GAE9B,CAAC,EAAc,EAAQ,CAAC,CAgCpB,CACL,QACA,OA/Ba,EAAa,GAA6B,CACvD,EAAW,SAAS,OAAO,EAAK,EAC/B,EAAE,CAAC,CA8BJ,MA5BY,MAAkB,CAC9B,EAAW,SAAS,OAAO,EAC1B,EAAE,CAAC,CA2BJ,MAzBY,MAAkB,CAC9B,EAAW,SAAS,OAAO,EAC1B,EAAE,CAAC,CAwBJ,MAtBY,MAAkB,CAC9B,EAAW,SAAS,OAAO,EAC1B,EAAE,CAAC,CAqBJ,YAlBkB,EAAM,SAAW,YAmBnC,SAlBe,EAAW,SAAS,UAAU,EAAI,GAmBjD,QAhB6B,CAC7B,gBAAmB,EAAa,OAAO,qBAAqB,CAC5D,kBAAqB,EAAa,OAAO,eAAe,CACxD,sBAAyB,EAAa,OAAO,mBAAmB,CAChE,wBAA2B,EAAa,OAAO,qBAAqB,CACpE,iBAAoB,EAAa,OAAO,cAAc,CACvD,CAWA"}

package/dist/use-upload-metrics-Df90wIos.mjs

@@ -1,2 +0,0 @@
-import{s as e,u as t}from"./use-upload-BDHVhQsI.mjs";import{EventType as n}from"@uploadista/core/flow";import{UploadEventType as r}from"@uploadista/core/types";import i,{useCallback as a,useEffect as o,useRef as s,useState as c}from"react";function l(e){if(!(`eventType`in e))return!1;let t=e;return t.eventType===n.JobStart||t.eventType===n.JobEnd||t.eventType===n.FlowStart||t.eventType===n.FlowEnd||t.eventType===n.FlowError||t.eventType===n.FlowPause||t.eventType===n.FlowCancel||t.eventType===n.NodeStart||t.eventType===n.NodeEnd||t.eventType===n.NodePause||t.eventType===n.NodeResume||t.eventType===n.NodeError||t.eventType===n.NodeStream||t.eventType===n.NodeResponse}function u(e){if(!(`type`in e))return!1;let t=e;return t.type===r.UPLOAD_STARTED||t.type===r.UPLOAD_PROGRESS||t.type===r.UPLOAD_COMPLETE||t.type===r.UPLOAD_FAILED||t.type===r.UPLOAD_VALIDATION_SUCCESS||t.type===r.UPLOAD_VALIDATION_FAILED||t.type===r.UPLOAD_VALIDATION_WARNING}function d(t){let{subscribeToEvents:n}=e();o(()=>n(t),[n,t])}function f(t){let{subscribeToEvents:r}=e();o(()=>r(e=>{if(l(e))switch(e.eventType){case n.JobStart:t.onJobStart?.(e);break;case n.JobEnd:t.onJobEnd?.(e);break;case n.FlowStart:t.onFlowStart?.(e);break;case n.FlowEnd:t.onFlowEnd?.(e);break;case n.FlowError:t.onFlowError?.(e);break;case n.FlowPause:t.onFlowPause?.(e);break;case n.FlowCancel:t.onFlowCancel?.(e);break;case n.NodeStart:t.onNodeStart?.(e);break;case n.NodeEnd:t.onNodeEnd?.(e);break;case n.NodePause:t.onNodePause?.(e);break;case n.NodeResume:t.onNodeResume?.(e);break;case n.NodeError:t.onNodeError?.(e);break}}),[r,t])}function p(t){let{subscribeToEvents:n}=e();o(()=>n(e=>{if(!u(e))return;let n=`flow`in e?e.flow:void 0;switch(e.type){case r.UPLOAD_STARTED:t.onUploadStarted?.({...e.data,flow:n});break;case r.UPLOAD_PROGRESS:t.onUploadProgress?.({...e.data,flow:n});break;case r.UPLOAD_COMPLETE:t.onUploadComplete?.({...e.data,flow:n});break;case r.UPLOAD_FAILED:t.onUploadFailed?.({...e.data,flow:n});break;case r.UPLOAD_VALIDATION_SUCCESS:t.onUploadValidationSuccess?.({...e.data,flow:n});break;case r.UPLOAD_VALIDATION_FAILED:t.onUploadValidationFailed?.({...e.data,flow:n});break;case r.UPLOAD_VALIDATION_WARNING:t.onUploadValidationWarning?.({...e.data,flow:n});break}}),[n,t])}const m={status:`idle`,progress:0,bytesUploaded:0,totalBytes:null,error:null,jobId:null,flowStarted:!1,currentNodeName:null,currentNodeType:null,flowOutputs:null};function h(n){let{client:r}=e(),{getManager:i,releaseManager:l}=t(),[u,d]=c(m),[f,p]=c(null),[h,g]=c(!1),[_,v]=c({}),[y,b]=c(new Map),x=s(null),S=s(n);return o(()=>{S.current=n}),o(()=>{(async()=>{g(!0);try{let{flow:e}=await r.getFlow(n.flowConfig.flowId),t=e.nodes.filter(e=>e.type===`input`);console.log(`inputNodes`,t),p(t.map(e=>({nodeId:e.id,nodeName:e.name,nodeDescription:e.description,inputTypeId:e.inputTypeId,required:!0})))}catch(e){console.error(`Failed to discover flow inputs:`,e)}finally{g(!1)}})()},[r,n.flowConfig.flowId]),o(()=>{let e=n.flowConfig.flowId;x.current=i(e,{onStateChange:e=>{d(e)},onProgress:(e,t,n)=>{S.current.onProgress?.(e,t,n)},onChunkComplete:(e,t,n)=>{S.current.onChunkComplete?.(e,t,n)},onFlowComplete:e=>{S.current.onFlowComplete?.(e)},onSuccess:e=>{S.current.onSuccess?.(e)},onError:e=>{S.current.onError?.(e)},onAbort:()=>{S.current.onAbort?.()}},n);let t=setInterval(()=>{if(x.current){let e=x.current.getInputStates();e.size>0&&b(new Map(e))}},100);return()=>{clearInterval(t),l(e),x.current=null}},[n.flowConfig.flowId,n.flowConfig.storageId,n.flowConfig.outputNodeId,i,l]),{state:u,inputMetadata:f,inputStates:y,inputs:_,setInput:a((e,t)=>{v(n=>({...n,[e]:t}))},[]),execute:a(async()=>{if(!x.current)throw Error(`FlowManager not initialized`);if(Object.keys(_).length===0)throw Error(`No inputs provided. Use setInput() to provide inputs before calling execute()`);await x.current.executeFlow(_)},[_]),upload:a(async e=>{if(!x.current)throw Error(`FlowManager not initialized`);if(f&&f.length>0){let t=f[0];if(!t)throw Error(`No input nodes found`);v({[t.nodeId]:e}),await x.current.executeFlow({[t.nodeId]:e})}else await x.current.upload(e)},[f]),abort:a(()=>{x.current?.abort()},[]),pause:a(()=>{x.current?.pause()},[]),reset:a(()=>{x.current?.reset(),v({}),b(new Map)},[]),isUploading:u.status===`uploading`||u.status===`processing`,isUploadingFile:u.status===`uploading`,isProcessing:u.status===`processing`,isDiscoveringInputs:h}}const g={status:`idle`,progress:0,bytesUploaded:0,totalBytes:null,error:null,jobId:null,flowStarted:!1,currentNodeName:null,currentNodeType:null,flowOutputs:null};function _(n){let{client:r}=e(),{getManager:i,releaseManager:l}=t(),[u,d]=c(g),f=s(null),p=s(n),m=s(n.inputBuilder);return o(()=>{p.current=n,m.current=n.inputBuilder}),o(()=>{let e=n.flowConfig.flowId;return f.current=i(e,{onStateChange:d,onProgress:(e,t,n)=>{p.current.onProgress?.(e,t,n)},onChunkComplete:(e,t,n)=>{p.current.onChunkComplete?.(e,t,n)},onFlowComplete:e=>{p.current.onFlowComplete?.(e)},onSuccess:e=>{p.current.onSuccess?.(e)},onError:e=>{p.current.onError?.(e)},onAbort:()=>{p.current.onAbort?.()}},{flowConfig:n.flowConfig}),()=>{f.current&&=(l(e),null)}},[n.flowConfig.flowId,i,l,n]),{state:u,execute:a(async e=>{try{let t=await m.current(e),i=Object.keys(t)[0];if(!i)throw Error(`flowInputs must contain at least one input node`);let a=t[i];typeof a==`object`&&a&&`operation`in a&&a.operation===`init`?f.current&&await f.current.upload(e):(d(e=>({...e,status:`processing`,flowStarted:!0})),(await r.executeFlowWithInputs(n.flowConfig.flowId,t,{storageId:n.flowConfig.storageId,onJobStart:e=>{d(t=>({...t,jobId:e})),p.current.onJobStart?.(e)}})).job?.id||d(e=>({...e,status:`success`,progress:100,flowStarted:!0})))}catch(e){let t=e instanceof Error?e:Error(String(e));d(e=>({...e,status:`error`,error:t})),p.current.onError?.(t)}},[]),abort:a(()=>{f.current&&f.current.abort()},[]),pause:a(()=>{f.current&&f.current.pause()},[]),reset:a(()=>{if(f.current){let e=n.flowConfig.flowId;f.current.reset(),f.current.cleanup(),l(e),f.current=null}d(g)},[n.flowConfig.flowId,l]),isExecuting:u.status===`uploading`||u.status===`processing`,isUploadingFile:u.status===`uploading`,isProcessing:u.status===`processing`}}const v={totalBytesUploaded:0,totalBytes:0,averageSpeed:0,currentSpeed:0,estimatedTimeRemaining:null,totalFiles:0,completedFiles:0,activeUploads:0,progress:0,peakSpeed:0,startTime:null,endTime:null,totalDuration:null,insights:{overallEfficiency:0,chunkingEffectiveness:0,networkStability:0,recommendations:[],optimalChunkSizeRange:{min:256*1024,max:2*1024*1024}},sessionMetrics:[],chunkMetrics:[]};function y(t={}){let{speedCalculationInterval:n=1e3,speedSampleSize:r=10,onMetricsUpdate:o,onFileStart:l,onFileProgress:u,onFileComplete:d}=t,f=e(),[p,m]=c(v),[h,g]=c([]),_=s([]),y=s(0),b=s(null),x=a((e,t)=>{let n={time:e,bytes:t};_.current.push(n),_.current.length>r&&(_.current=_.current.slice(-r));let i=0;if(_.current.length>=2){let e=_.current[_.current.length-1],t=_.current[_.current.length-2];if(e&&t){let n=(e.time-t.time)/1e3,r=e.bytes-t.bytes;i=n>0?r/n:0}}let a=0;if(_.current.length>=2){let e=_.current[0],t=_.current[_.current.length-1];if(e&&t){let n=(t.time-e.time)/1e3,r=t.bytes-e.bytes;a=n>0?r/n:0}}return{currentSpeed:i,averageSpeed:a}},[r]),S=a(()=>{let e=Date.now(),t=h.reduce((e,t)=>e+t.size,0),n=h.reduce((e,t)=>e+t.bytesUploaded,0),r=h.filter(e=>e.isComplete).length,i=h.filter(e=>!e.isComplete&&e.bytesUploaded>0).length,{currentSpeed:a,averageSpeed:s}=x(e,n),c=t>0?Math.round(n/t*100):0,l=null;a>0&&(l=(t-n)/a*1e3);let u=h.filter(e=>e.startTime>0),d=u.length>0?Math.min(...u.map(e=>e.startTime)):null,g=h.filter(e=>e.endTime!==null),_=g.length>0&&r===h.length?Math.max(...g.map(e=>e.endTime).filter(e=>e!==null)):null,v=d&&_?_-d:null,y={totalBytesUploaded:n,totalBytes:t,averageSpeed:s,currentSpeed:a,estimatedTimeRemaining:l,totalFiles:h.length,completedFiles:r,activeUploads:i,progress:c,peakSpeed:Math.max(p.peakSpeed,a),startTime:d,endTime:_,totalDuration:v,insights:f.client.getChunkingInsights(),sessionMetrics:[f.client.exportMetrics().session],chunkMetrics:f.client.exportMetrics().chunks};m(y),o?.(y)},[h,p.peakSpeed,x,o,f.client]),C=a(()=>(b.current&&clearInterval(b.current),b.current=setInterval(()=>{h.some(e=>!e.isComplete&&e.bytesUploaded>0)&&S()},n),()=>{b.current&&=(clearInterval(b.current),null)}),[n,S,h]),w=a((e,t,n)=>{let r={id:e,filename:t,size:n,bytesUploaded:0,progress:0,speed:0,startTime:Date.now(),endTime:null,duration:null,isComplete:!1};g(t=>t.find(t=>t.id===e)?t.map(t=>t.id===e?r:t):[...t,r]),l?.(r),h.filter(e=>!e.isComplete).length===0&&C()},[h,l,C]),T=a((e,t)=>{let n=Date.now();g(r=>r.map(r=>{if(r.id!==e)return r;let i=(n-r.startTime)/1e3,a=i>0?t/i:0,o=r.size>0?Math.round(t/r.size*100):0,s={...r,bytesUploaded:t,progress:o,speed:a};return u?.(s),s})),setTimeout(S,0)},[u,S]),E=a(e=>{let t=Date.now();g(n=>n.map(n=>{if(n.id!==e)return n;let r=t-n.startTime,i=r>0?n.size/r*1e3:0,a={...n,bytesUploaded:n.size,progress:100,speed:i,endTime:t,duration:r,isComplete:!0};return d?.(a),a})),setTimeout(S,0)},[d,S]),D=a(e=>{g(t=>t.filter(t=>t.id!==e)),setTimeout(S,0)},[S]),O=a(()=>{b.current&&=(clearInterval(b.current),null),m(v),g([]),_.current=[],y.current=0},[]),k=a(e=>h.find(t=>t.id===e),[h]),A=a(()=>({overall:p,files:h,exportTime:Date.now()}),[p,h]);return i.useEffect(()=>()=>{b.current&&clearInterval(b.current)},[]),{metrics:p,fileMetrics:h,startFileUpload:w,updateFileProgress:T,completeFileUpload:E,removeFile:D,reset:O,getFileMetrics:k,exportMetrics:A}}export{f as a,u as c,p as i,_ as n,d as o,h as r,l as s,y as t};
-//# sourceMappingURL=use-upload-metrics-Df90wIos.mjs.map