use-tus 0.8.1 → 0.8.3

package/README.md

@@ -13,29 +13,25 @@
 </p>
 
 ## Features
-- Resumable file uploads on react.
+- Resumable file uploads in React.
+- Improved file upload management within the React component lifecycle.
 - Lightweight and simple interface hooks.
-- Managing the [Upload](https://github.com/tus/tus-js-client/blob/master/docs/api.md#tusuploadfile-options) by using context.
+- Manage [Upload](https://github.com/tus/tus-js-client/blob/master/docs/api.md#tusuploadfile-options) instances via context.
 - TypeScript support.
 
 ## Demo
-You can try the [use-tus demo](https://kqito.github.io/use-tus/?path=/story/usetus--basic).
+Try out the [use-tus demo](https://kqito.github.io/use-tus/?path=/story/usetus--basic).
 
 
 ## Installation
-You can install the package from npm.
-```sh
-npm install use-tus tus-js-client
-```
-
-or
+Install the package using your package manager of choice.
 
 ```sh
-yarn add use-tus tus-js-client
+npm install use-tus tus-js-client
 ```
 
 ## Usage
-We can use `useTus` as following.
+Below is an example of how to use `useTus`.
 
 ```tsx
 import { useTus } from 'use-tus'
@@ -44,38 +40,26 @@ const Uploader = () => {
   const { upload, setUpload, isSuccess, error, remove } = useTus();
 
   const handleSetUpload = useCallback((event: ChangeEvent<HTMLInputElement>) => {
-      const file = event.target.files.item(0);
-
-      if (!file) {
-        return;
-      }
-
-      setUpload(file, {
-        endpoint: 'https://tusd.tusdemo.net/files/',
-        metadata: {
-          filename: file.name,
-          filetype: file.type,
-        },
-      });
-    },
-    [setUpload]
-  );
+    const file = event.target.files.item(0);
+    if (!file) return;
+
+    setUpload(file, {
+      endpoint: 'https://tusd.tusdemo.net/files/',
+      metadata: {
+        filename: file.name,
+        filetype: file.type,
+      },
+    });
+  }, [setUpload]);
 
   const handleStart = useCallback(() => {
-    if (!upload) {
-      return;
-    }
-
-    // Start to upload the file.
-    upload.start();
+    if (upload) upload.start();
   }, [upload]);
 
   return (
     <div>
       <input type="file" onChange={handleSetUpload} />
-      <button type="button" onClick={handleStart}>
-        Upload
-      </button>
+      <button type="button" onClick={handleStart}>Upload</button>
     </div>
   );
 };
@@ -104,49 +88,45 @@ const { upload, setUpload, isSuccess, isAborted, isUploading, error, remove } =
 - `Upload` (type: `Upload | undefined`) (default: undefined)
   - Option to specify customized own Upload class with this hooks.
 
-#### About `uploadOptions`
-This option extends the UploadOptions provided by `tus-js-client`, but it has been extended so that every callback can receive the upload instance as the final argument.
-
-For detail type information of `UploadOptions`, please see [here](https://github.com/tus/tus-js-client/blob/master/lib/index.d.ts#L22).
+#### `uploadOptions`
+This option extends the `UploadOptions` provided by `tus-js-client`, allowing every callback to receive the upload instance as the final argument. For detailed type information on `UploadOptions`, see [here](https://github.com/tus/tus-js-client/blob/master/lib/index.d.ts#L22).
 
-e.g.
+Example:
 
 ```ts
-setUplaod(file, {
+setUpload(file, {
   onSuccess: (upload) => {
     console.log(upload.url)
   },
   onError: (error, upload) => {
     console.log(error)
-
     setTimeout(() => {
       upload.start()
     }, 1000)
   }
-})
+});
 ```
 
-### Returns
+
+#### Returns
 - `upload` (type: `tus.Upload | undefined`)
-  - Object to be used when performing Resumable file upload.
-  - This value is undefined unless the `setUpload` function called.
-  - For detail usage, please see [here](https://github.com/tus/tus-js-client#example)
+  - Used for resumable file uploads. Undefined unless `setUpload` is called.
+  - For detailed usage, see [here](https://github.com/tus/tus-js-client#example).
 
 - `setUpload` (type: `(file: tus.Upload['file'], options?: TusHooksUploadFnOptions) => void`)
-  - Function to create an `Upload`.
-  - The property specified in `uploadOptions` will be overwritten if property of `options` are speicified.
+  - Function to create an `Upload`. `uploadOptions` properties are overwritten if `options` is specified.
 
 - `isSuccess` (type: `boolean`)
-  - Whether the upload was successful or not.
+  - Indicates if the upload was successful.
 
 - `isAborted` (type: `boolean`)
-  - Whether the upload was aborted or not.
+  - Indicates if the upload was aborted.
 
 - `isUploading` (type: `boolean`)
-  - Indicates if an uploading is in progress or not.
+  - Indicates if an upload is in progress.
 
 - `error` (type: `Error | undefined`)
-  - Error when upload fails.
+  - Error when the upload fails.
 
 - `remove` (type: `() => void`)
   - Function to reset states.
@@ -154,61 +134,52 @@ setUplaod(file, {
 ### `useTusStore` hooks
 
 ```tsx
-const { upload, setUpload, isSuccess, isAborted, isUploading, error, remove } = useTusStore(cacheKey, { autoAbort, autoStart, uploadOptions, Upload  });
+const { upload, setUpload, isSuccess, isAborted, isUploading, error, remove } = useTusStore(cacheKey, { autoAbort, autoStart, uploadOptions, Upload });
 ```
 
-`useTusStore` is a hooks that creates an object for resumable file upload and stores it in a context.
+`useTusStore` creates an object for resumable file uploads and stores it in a context. This is useful for handling uploads across components or pages.
 
-This hooks is useful when you want to handle uploads across pages or components.
+> [!NOTE]
+> `useTusStore` requires `TusClientProvider` as a parent or higher element.
 
-**Note that using `useTusStore` hooks, the `TusClientProvider` must be specified as the parent or higher element.**
-
-### Arguments
+#### Arguments
 - `cacheKey` (type: `string`)
-  - Specify the key associated with the `Upload` object is created by `setUpload` function.
+  - Key associated with the `Upload` object created by `setUpload`.
 
-- `autoAbort` (type: `boolean | undefined`) (default: true)
-  - Whether or not to automatically abort uploads when useTusStore hooks is unmounted.
+- `autoAbort` (type: `boolean | undefined`, default: `true`)
+  - Automatically abort uploads when `useTusStore` is unmounted.
 
-- `autoStart` (type: `boolean | undefined`) (default: false)
-  - Whether or not to start upload the file after `setUpload` function.
+- `autoStart` (type: `boolean | undefined`, default: `false`)
+  - Automatically start the upload after calling the `setUpload` function.
 
-- `uploadOptions` (type: `TusHooksUploadFnOptions | undefined`) (default: undefined)
-  - Option to used by upload object that generated by that hooks.
-  - For detail type information of `TusHooksUploadFnOptions`, please see [here](https://github.com/tus/tus-js-client/blob/master/lib/index.d.ts#L22).
+- `uploadOptions` (type: `TusHooksUploadFnOptions | undefined`, default: `undefined`)
+  - Set options to be used by the upload object generated by this hook.
 
-- `Upload` (type: `Upload | undefined`) (default: undefined)
-  - Option to specify customized own Upload class with this hooks.
+- `Upload` (type: `Upload | undefined`, default: `undefined`)
+  - Specify a customized `Upload` class with this hook.
 
-### Returns
+#### Returns
 - `upload` (type: `tus.Upload | undefined`)
-  - Object to be used when performing Resumable file upload.
-  - This value is undefined unless the `setUpload` function called.
+  - Used for resumable file uploads. Undefined unless `setUpload` is called.
+  - Corresponds to the `Upload` associated with `cacheKey` in `TusClientProvider`.
 
-### Returns
-- `upload` (type: `tus.Upload | undefined`)
-  - Object to be used when performing Resumable file upload.
-  - This value of the `Upload` associated with the cacheKey in the TusClientProvider. If not present, undefined.
-  - For detail usage, please see [here](https://github.com/tus/tus-js-client#example)
-
-- `setUpload` (type: `(file: tus.Upload['file'], options?: tus.Upload['options']) => void`)
-  - Function to create an `Upload`.
-  - The property specified in `uploadOptions` will be overwritten if property of `options` are speicified.
+- `setUpload` (type: `(file: tus.Upload['file'], options?: TusHooksUploadFnOptions) => void`)
+  - Function to create an `Upload`. `uploadOptions` properties are overwritten if `options` is specified.
 
 - `isSuccess` (type: `boolean`)
-  - Whether the upload was successful or not.
+  - Indicates if the upload was successful.
 
 - `isAborted` (type: `boolean`)
-  - Whether the upload was aborted or not.
+  - Indicates if the upload was aborted.
 
 - `isUploading` (type: `boolean`)
-  - Indicates if an uploading is in progress or not.
+  - Indicates if an upload is in progress.
 
 - `error` (type: `Error | undefined`)
-  - Error when upload fails.
+  - Error when the upload fails.
 
 - `remove` (type: `() => void`)
-  - Function to delete the `Upload` associated with cacheKey.
+  - Function to delete the `Upload` associated with `cacheKey`.
 
 ### `TusClientProvider`
 
@@ -220,34 +191,35 @@ This hooks is useful when you want to handle uploads across pages or components.
 )
 ```
 
-`TusClientProvider` is the provider that stores the `Upload` with `useTusStore` hooks.
+`TusClientProvider` stores `Upload` objects created with `useTusStore`.
 
-### Props
+#### Props
 - `defaultOptions` (type: `(file: tus.Upload['file']) => TusHooksUploadFnOptions | undefined`)
-  - An object containing the default options used when creating a new upload. [detail](https://github.com/tus/tus-js-client/blob/master/docs/api.md#tusdefaultoptions)
+  - Default options object used when creating new uploads. For more details, see [here](https://github.com/tus/tus-js-client/blob/master/docs/api.md#tusdefaultoptions).
 
 ### `useTusClient`
 
 ```tsx
 const { state, removeUpload, reset } = useTusClient();
 ```
-`useTusClient` is a hooks that can be used to retrieve and reset the state of a `TusClientProvider`.
 
-### Returns
+`useTusClient` retrieves and resets the state of `TusClientProvider`.
+
+#### Returns
 - `state` (type: `{ [cacheKey: string]: UploadState | undefined }`)
-  - Upload information associated with cacheKey
+  - Upload information associated with `cacheKey`.
 
 - `removeUpload` (type: `(cacheKey: string) => void`)
-  - Remove the upload instance associated with the specified cacheKey.
+  - Remove the upload instance associated with `cacheKey`.
 
 - `reset` (type: `() => void`)
-  - Initialize the value of TusClientProvider
+  - Initialize the value of `TusClientProvider`.
 
 ## Examples
-The following are some example of how to use `use-tus`.
+Here are some examples of how to use `use-tus`.
 
 ### Uploading a file
-The setUpload and `upload.start` functions can be used to perform resumable file uploads.
+Use `setUpload` and `upload.start` functions to perform resumable file uploads.
 
 ```tsx
 import { useTus } from 'use-tus'
@@ -256,44 +228,33 @@ const Uploader = () => {
   const { upload, setUpload } = useTus();
 
   const handleSetUpload = useCallback((event: ChangeEvent<HTMLInputElement>) => {
-      const file = event.target.files.item(0);
-
-      if (!file) {
-        return;
-      }
-
-      setUpload(file, {
-        endpoint: 'https://tusd.tusdemo.net/files/',
-        metadata: {
-          filename: file.name,
-          filetype: file.type,
-        },
-      });
-    },
-    [setUpload]
-  );
+    const file = event.target.files.item(0);
+    if (!file) return;
+
+    setUpload(file, {
+      endpoint: 'https://tusd.tusdemo.net/files/',
+      metadata: {
+        filename: file.name,
+        filetype: file.type,
+      },
+    });
+  }, [setUpload]);
 
   const handleStart = useCallback(() => {
-    if (!upload) {
-      return;
-    }
-
-    // Start upload the file.
-    upload.start();
+    if (upload) upload.start();
   }, [upload]);
 
   return (
     <div>
       <input type="file" onChange={handleSetUpload} />
-      <button type="button" onClick={handleStart}>
-        Upload
-      </button>
+      <button type="button" onClick={handleStart}>Upload</button>
     </div>
   );
 };
 ```
 
-It is also possible to automatically upload files after setUpload by specifying the `autoStart` option.
+> [!TIP]
+> You can also set `autoStart` to automatically start uploading files after `setUpload` is called.
 
 ```tsx
 import { useTus } from 'use-tus'
@@ -302,30 +263,26 @@ const Uploader = () => {
   const { upload, setUpload } = useTus({ autoStart: true });
 
   const handleSetUpload = useCallback((event: ChangeEvent<HTMLInputElement>) => {
-      const file = event.target.files.item(0);
+    const file = event.target.files.item(0);
+    if (!file) return;
+
+    setUpload(file, {
+      endpoint: 'https://tusd.tusdemo.net/files/',
+      metadata: {
+        filename: file.name,
+        filetype: file.type,
+      },
+    });
+  }, [setUpload]);
 
-      if (!file) {
-        return;
-      }
-
-      setUpload(file, {
-        endpoint: 'https://tusd.tusdemo.net/files/',
-        metadata: {
-          filename: file.name,
-          filetype: file.type,
-        },
-      });
-    },
-    [setUpload]
-  );
   return (
     <input type="file" onChange={handleSetUpload} />
   );
 };
 ```
 
-### Aborting a file upload
-You can abort the upload by using the `upload.abort` function.
+### Aborting a File Upload
+Use the `upload.abort` function to abort an upload.
 
 ```tsx
 import { useTus } from 'use-tus'
@@ -334,54 +291,33 @@ const Aborter = () => {
   const { upload } = useTus();
 
   const handleAbort = useCallback(() => {
-    if (!upload) {
-      return;
-    }
-
-    upload.abort();
+    if (upload) upload.abort();
   }, [upload]);
 
   return (
     <div>
-      <button type="button" onClick={handleAbort}>
-        Abort
-      </button>
+      <button type="button" onClick={handleAbort}>Abort</button>
     </div>
   );
 };
 ```
 
-You can also specify the `autoAbort` option to automatically stop uploads when unmounting hooks.
-
-```tsx
-import { useTus } from 'use-tus'
-
-const Uploader = () => {
-  const { upload, setUpload } = useTus({ autoAbort: true });
-
-  // omitted...
-};
-```
-
-## Default options of upload
-You can specify default options in the `defaultOptions` props of the `TusClientProvider`.
+### Default Options for Upload
+Specify default options in `defaultOptions` props of the `TusClientProvider`.
 
 ```tsx
 import { useTusStore, DefaultOptions, TusClientProvider } from 'use-tus'
 
-const defaultOptions: DefaultOptions = (contents) => {
-  const file = contents instanceof File ? contents : undefined;
-
-  return {
-    endpoint: 'https://tusd.tusdemo.net/files/',
-    metadata: file
+const defaultOptions: DefaultOptions = (file) => ({
+  endpoint: 'https://tusd.tusdemo.net/files/',
+  metadata:
+    file instanceof File
       ? {
           filename: file.name,
           filetype: file.type,
         }
       : undefined,
-  };
-};
+});
 
 const App = () => (
   <TusClientProvider defaultOptions={defaultOptions}>
@@ -393,45 +329,34 @@ const Uploader = () => {
   const { setUpload } = useTusStore('cacheKey', { autoStart: true });
 
   const handleSetUpload = useCallback((event: ChangeEvent<HTMLInputElement>) => {
-      const file = event.target.files.item(0);
+    const file = event.target.files.item(0);
+    if (!file) return;
 
-      if (!file) {
-        return;
-      }
-
-      // You no longer need to specify the options associated with upload.
-      // If specified, it will override defaultOptions.
-      setUpload(file);
-    },
-    [setUpload]
-  );
+    // Uploads the selected file using default options.
+    // Overrides if options are provided to setUpload.
+    setUpload(file);
+  }, [setUpload]);
 
-  return (
-    <div>
-      <input type="file" onChange={handleSetUpload} />
-    </div>
-  );
+  return <input type="file" onChange={handleSetUpload} />;
 };
 ```
 
-### Specify upload key
-If you specify `cacheKey` as an argument to useTusStore, you can get the `upload` associated with it. This is useful for cross-page file uploads.
+### Specify Upload Key
+Specify `cacheKey` to associate uploads across components/pages.
 
 ```tsx
-const SelectFileComponent = (file: File) => {
-  // Create upload accosiated with 'upload-thumbnail' key
-  const { setUpload } = useTusStore('upload-thumbnail')
+import { useTusStore } from 'use-tus'
 
-  setUpload(file)
-}
+const SelectFileComponent = (file: File) => {
+  const { setUpload } = useTusStore('upload-thumbnail');
+  setUpload(file);
+};
 
 const UploadFileComponent = () => {
-  const { upload } = useTusStore('upload-thumbnail')
-
-  upload.start()
-}
+  const { upload } = useTusStore('upload-thumbnail');
+  if (upload) upload.start();
+};
 ```
 
-
 ## License
 [MIT © kqito](./LICENSE)

package/dist/__stories__/Basic.stories.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;

package/dist/__stories__/CacheKey.stories.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const CacheKey: () => JSX.Element;
+export declare const CacheKey: () => import("react/jsx-runtime").JSX.Element;

package/dist/__stories__/DefaultOptions.stories.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const WithDefaultOptions: () => JSX.Element;
+export declare const WithDefaultOptions: () => import("react/jsx-runtime").JSX.Element;

package/dist/__tests__/utils/mock.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 import type { Upload } from "tus-js-client";
 export declare const createUploadMock: (start: jest.Mock, abort: jest.Mock) => typeof Upload;
 export declare const createConsoleErrorMock: () => jest.SpyInstance<void, [message?: any, ...optionalParams: any[]], any>;

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),h=require("tus-js-client");const V=Object.freeze({autoAbort:!0,autoStart:!1,uploadOptions:void 0,Upload:h.Upload}),D=o=>({...V,...o}),m=({upload:o,abort:t,autoAbort:e})=>{r.useEffect(()=>{const s=async()=>{!o||!t||await t()};return()=>{e&&s()}},[e,o])},q=(o,t,e)=>{let s=o[e];const a=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(o,e,{get(){return a?.get?.()??s},set(n){a?.set?a.set.call(o,n):s=n,t(this)}})},I=({Upload:o,file:t,uploadOptions:e,uploadFnOptions:s,onChange:a,onStart:n,onAbort:d})=>{const u=new o(t,e),i=u.start.bind(u),l=u.abort.bind(u),U=()=>{i(),n()},E=async()=>{l(),d()};return u.start=U,u.abort=E,q(u,a,"url"),Object.entries(s).forEach(([A,p])=>{if(typeof p!="function")return;const c=(...O)=>p(...O,u);u.options[A]=c}),{upload:u,originalStart:i,originalAbort:l}};function R(o){const t=Object.entries(o).reduce((s,[a,n])=>({...s,[a]:typeof n!="function"?n:void 0}),{}),e=Object.entries(o).reduce((s,[a,n])=>({...s,[a]:typeof n=="function"?n:void 0}),{});return{uploadOptions:t,uploadFnOptions:e}}const F=o=>{o.findPreviousUploads().then(t=>{t.length&&o.resumeFromPreviousUpload(t[0]),o.start()})},w=Object.freeze({upload:void 0,isSuccess:!1,isAborted:!1,isUploading:!1,error:void 0}),z=(o={})=>{const{autoAbort:t,autoStart:e,uploadOptions:s,Upload:a}=D(o),[n,d]=r.useState(w),[u,i]=r.useState({originalAbort:void 0}),l=p=>{d(c=>c.upload===void 0?c:{...c,...p})},U=r.useCallback((p,c={})=>{const O={...s,...c};function T(){l({isSuccess:!0,isUploading:!1}),O?.onSuccess?.(b)}const v={...O,onSuccess:T,onError:f=>{l({error:f,isUploading:!1}),O?.onError?.(f,b)}},g=f=>{d(K=>({...K,upload:f}))},y=()=>{l({isUploading:!0,isAborted:!1})},N=()=>{l({isUploading:!1,isAborted:!0})},{uploadOptions:_,uploadFnOptions:S}=R(v),{upload:b,originalAbort:H}=I({Upload:a,file:p,uploadOptions:_,uploadFnOptions:S,onChange:g,onStart:y,onAbort:N});e&&F(b),d({upload:b,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1}),i({originalAbort:H})},[a,e,s]),E=r.useCallback(()=>{u?.originalAbort?.(),d(w),i({originalAbort:void 0})},[u]),A={...n,setUpload:U,remove:E};return m({upload:A.upload,abort:u.originalAbort,autoAbort:t??!1}),A},P={tusClientHasNotFounded:"No TusClient set, use TusClientProvider to set one",tusIsNotSupported:"This browser does not support uploads. Please use a modern browser instead."},x=r.createContext(void 0),L=r.createContext(void 0),k=()=>{const o=r.useContext(x);if(!o&&process.env.NODE_ENV!=="production")throw new Error(P.tusClientHasNotFounded);return r.useMemo(()=>o,[o])},j=()=>{const o=r.useContext(L);if(!o&&process.env.NODE_ENV!=="production")throw new Error(P.tusClientHasNotFounded);return r.useMemo(()=>o,[o])},X=(o,t)=>({type:"INSERT_UPLOAD_INSTANCE",payload:{cacheKey:o,uploadState:t}}),C=(o,t)=>({type:"UPDATE_UPLOAD_CONTEXT",payload:{cacheKey:o,context:t}}),M=o=>({type:"REMOVE_UPLOAD_INSTANCE",payload:{cacheKey:o}}),G=()=>({type:"RESET_CLIENT"}),J=o=>({type:"UPDATE_DEFAULT_OPTIONS",payload:{defaultOptions:o}}),B=(o,t={})=>{const{autoAbort:e,autoStart:s,uploadOptions:a,Upload:n}=D(t),{defaultOptions:d,uploads:u}=k(),i=j(),l=r.useCallback((p,c={})=>{const O={...d?.(p),...a,...c},T={...O,onSuccess:()=>{i(C(o,{isSuccess:!0,isUploading:!1})),O?.onSuccess?.(S)},onError:b=>{i(C(o,{error:b,isUploading:!1})),O?.onError?.(b,S)}},v=b=>{i(C(o,{upload:b}))},g=()=>{i(C(o,{isAborted:!1,isUploading:!0}))},y=()=>{i(C(o,{isAborted:!0,isUploading:!1}))},{uploadOptions:N,uploadFnOptions:_}=R(T),{upload:S}=I({Upload:n,file:p,uploadOptions:N,uploadFnOptions:_,onChange:v,onStart:g,onAbort:y});s&&F(S),i(X(o,{upload:S,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1}))},[n,s,o,d,a,i]),U=r.useMemo(()=>u[o],[o,u]),E=r.useCallback(()=>{U?.upload?.abort(),i(M(o))},[U,i,o]),A=U?{...U,setUpload:l,remove:E}:{upload:void 0,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1,setUpload:l,remove:E};return m({upload:A.upload,abort:A.upload?.abort,autoAbort:e??!1}),A},Q=()=>{const o=k(),t=j(),e=o.uploads,s=r.useCallback(n=>{t(M(n))},[t]),a=r.useCallback(()=>t(G()),[t]);return{state:e,removeUpload:s,reset:a}},W=(o,t)=>{switch(t.type){case"INSERT_UPLOAD_INSTANCE":{const{cacheKey:e,uploadState:s}=t.payload;return{...o,uploads:{...o.uploads,[e]:s}}}case"UPDATE_UPLOAD_CONTEXT":{const{cacheKey:e,context:s}=t.payload,a=o.uploads[e];return a?{...o,uploads:{...o.uploads,[e]:{...a,...s}}}:o}case"REMOVE_UPLOAD_INSTANCE":{const{cacheKey:e}=t.payload,s=o.uploads;return delete s[e],{...o,uploads:s}}case"UPDATE_DEFAULT_OPTIONS":{const{defaultOptions:e}=t.payload;return{...o,defaultOptions:e}}case"RESET_CLIENT":return{...o,uploads:{}};default:return o}},Y={uploads:{},defaultOptions:void 0},Z=({defaultOptions:o,children:t})=>{const[e,s]=r.useReducer(W,{...Y,defaultOptions:o});r.useEffect(()=>{h.isSupported||process.env.NODE_ENV==="production"||console.error(P.tusIsNotSupported)},[]),r.useEffect(()=>{e.defaultOptions!==o&&s(J(o))},[o,e.defaultOptions]);const a=r.createElement(L.Provider,{value:s},t);return r.createElement(x.Provider,{value:e},a)};exports.TusClientProvider=Z,exports.useTus=z,exports.useTusClient=Q,exports.useTusStore=B;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),h=require("tus-js-client");const V=Object.freeze({autoAbort:!0,autoStart:!1,uploadOptions:void 0,Upload:h.Upload}),D=o=>({...V,...o}),m=({upload:o,abort:t,autoAbort:e})=>{n.useEffect(()=>{const s=async()=>{!o||!t||await t()};return()=>{e&&s()}},[e,o])},q=(o,t,e)=>{let s=o[e];const a=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(o,e,{get(){return a?.get?.()??s},set(r){a?.set?a.set.call(o,r):s=r,t(this)}})},I=({Upload:o,file:t,uploadOptions:e,uploadFnOptions:s,onChange:a,onStart:r,onAbort:p})=>{const u=new o(t,e),i=u.start.bind(u),l=u.abort.bind(u),A=(...d)=>{i(...d),r()},E=async(...d)=>{l(...d),p()};return u.start=A,u.abort=E,q(u,a,"url"),Object.entries(s).forEach(([d,c])=>{if(typeof c!="function")return;const O=(...b)=>c(...b,u);u.options[d]=O}),{upload:u,originalStart:i,originalAbort:l}};function R(o){const t=Object.entries(o).reduce((s,[a,r])=>({...s,[a]:typeof r!="function"?r:void 0}),{}),e=Object.entries(o).reduce((s,[a,r])=>({...s,[a]:typeof r=="function"?r:void 0}),{});return{uploadOptions:t,uploadFnOptions:e}}const F=o=>{o.findPreviousUploads().then(t=>{t.length&&o.resumeFromPreviousUpload(t[0]),o.start()})},w=Object.freeze({upload:void 0,isSuccess:!1,isAborted:!1,isUploading:!1,error:void 0}),z=(o={})=>{const{autoAbort:t,autoStart:e,uploadOptions:s,Upload:a}=D(o),[r,p]=n.useState(w),[u,i]=n.useState({originalAbort:void 0}),l=c=>{p(O=>O.upload===void 0?O:{...O,...c})},A=n.useCallback((c,O={})=>{const b={...s,...O};function T(){l({isSuccess:!0,isUploading:!1}),b?.onSuccess?.(U)}const v={...b,onSuccess:T,onError:f=>{l({error:f,isUploading:!1}),b?.onError?.(f,U)}},y=f=>{p(K=>({...K,upload:f}))},g=()=>{l({isUploading:!0,isAborted:!1})},N=()=>{l({isUploading:!1,isAborted:!0})},{uploadOptions:_,uploadFnOptions:S}=R(v),{upload:U,originalAbort:H}=I({Upload:a,file:c,uploadOptions:_,uploadFnOptions:S,onChange:y,onStart:g,onAbort:N});e&&F(U),p({upload:U,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1}),i({originalAbort:H})},[a,e,s]),E=n.useCallback(()=>{u?.originalAbort?.(),p(w),i({originalAbort:void 0})},[u]),d={...r,setUpload:A,remove:E};return m({upload:d.upload,abort:u.originalAbort,autoAbort:t??!1}),d},P={tusClientHasNotFounded:"No TusClient set, use TusClientProvider to set one",tusIsNotSupported:"This browser does not support uploads. Please use a modern browser instead."},x=n.createContext(void 0),L=n.createContext(void 0),k=()=>{const o=n.useContext(x);if(!o&&process.env.NODE_ENV!=="production")throw new Error(P.tusClientHasNotFounded);return n.useMemo(()=>o,[o])},j=()=>{const o=n.useContext(L);if(!o&&process.env.NODE_ENV!=="production")throw new Error(P.tusClientHasNotFounded);return n.useMemo(()=>o,[o])},X=(o,t)=>({type:"INSERT_UPLOAD_INSTANCE",payload:{cacheKey:o,uploadState:t}}),C=(o,t)=>({type:"UPDATE_UPLOAD_CONTEXT",payload:{cacheKey:o,context:t}}),M=o=>({type:"REMOVE_UPLOAD_INSTANCE",payload:{cacheKey:o}}),G=()=>({type:"RESET_CLIENT"}),J=o=>({type:"UPDATE_DEFAULT_OPTIONS",payload:{defaultOptions:o}}),B=(o,t={})=>{const{autoAbort:e,autoStart:s,uploadOptions:a,Upload:r}=D(t),{defaultOptions:p,uploads:u}=k(),i=j(),l=n.useCallback((c,O={})=>{const b={...p?.(c),...a,...O},T={...b,onSuccess:()=>{i(C(o,{isSuccess:!0,isUploading:!1})),b?.onSuccess?.(S)},onError:U=>{i(C(o,{error:U,isUploading:!1})),b?.onError?.(U,S)}},v=U=>{i(C(o,{upload:U}))},y=()=>{i(C(o,{isAborted:!1,isUploading:!0}))},g=()=>{i(C(o,{isAborted:!0,isUploading:!1}))},{uploadOptions:N,uploadFnOptions:_}=R(T),{upload:S}=I({Upload:r,file:c,uploadOptions:N,uploadFnOptions:_,onChange:v,onStart:y,onAbort:g});s&&F(S),i(X(o,{upload:S,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1}))},[r,s,o,p,a,i]),A=n.useMemo(()=>u[o],[o,u]),E=n.useCallback(()=>{A?.upload?.abort(),i(M(o))},[A,i,o]),d=A?{...A,setUpload:l,remove:E}:{upload:void 0,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1,setUpload:l,remove:E};return m({upload:d.upload,abort:d.upload?.abort,autoAbort:e??!1}),d},Q=()=>{const o=k(),t=j(),e=o.uploads,s=n.useCallback(r=>{t(M(r))},[t]),a=n.useCallback(()=>t(G()),[t]);return{state:e,removeUpload:s,reset:a}},W=(o,t)=>{switch(t.type){case"INSERT_UPLOAD_INSTANCE":{const{cacheKey:e,uploadState:s}=t.payload;return{...o,uploads:{...o.uploads,[e]:s}}}case"UPDATE_UPLOAD_CONTEXT":{const{cacheKey:e,context:s}=t.payload,a=o.uploads[e];return a?{...o,uploads:{...o.uploads,[e]:{...a,...s}}}:o}case"REMOVE_UPLOAD_INSTANCE":{const{cacheKey:e}=t.payload,s=o.uploads;return delete s[e],{...o,uploads:s}}case"UPDATE_DEFAULT_OPTIONS":{const{defaultOptions:e}=t.payload;return{...o,defaultOptions:e}}case"RESET_CLIENT":return{...o,uploads:{}};default:return o}},Y={uploads:{},defaultOptions:void 0},Z=({defaultOptions:o,children:t})=>{const[e,s]=n.useReducer(W,{...Y,defaultOptions:o});n.useEffect(()=>{h.isSupported||process.env.NODE_ENV==="production"||console.error(P.tusIsNotSupported)},[]),n.useEffect(()=>{e.defaultOptions!==o&&s(J(o))},[o,e.defaultOptions]);const a=n.createElement(L.Provider,{value:s},t);return n.createElement(x.Provider,{value:e},a)};exports.TusClientProvider=Z,exports.useTus=z,exports.useTusClient=Q,exports.useTusStore=B;

package/dist/index.esm.js

@@ -1 +1 @@
-import{useEffect as D,useState as R,useCallback as T,createContext as F,useContext as w,useMemo as m,useReducer as B,createElement as L}from"react";import{Upload as J,isSupported as Q}from"tus-js-client";const W=Object.freeze({autoAbort:!0,autoStart:!1,uploadOptions:void 0,Upload:J}),x=o=>({...W,...o}),j=({upload:o,abort:t,autoAbort:e})=>{D(()=>{const s=async()=>{!o||!t||await t()};return()=>{e&&s()}},[e,o])},Y=(o,t,e)=>{let s=o[e];const n=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(o,e,{get(){var r,d;return(d=(r=n==null?void 0:n.get)==null?void 0:r.call(n))!=null?d:s},set(r){n!=null&&n.set?n.set.call(o,r):s=r,t(this)}})},K=({Upload:o,file:t,uploadOptions:e,uploadFnOptions:s,onChange:n,onStart:r,onAbort:d})=>{const a=new o(t,e),E=a.start.bind(a),l=a.abort.bind(a),S=()=>{E(),r()},O=async()=>{l(),d()};return a.start=S,a.abort=O,Y(a,n,"url"),Object.entries(s).forEach(([A,u])=>{if(typeof u!="function")return;const i=(...p)=>u(...p,a);a.options[A]=i}),{upload:a,originalStart:E,originalAbort:l}};function H(o){const t=Object.entries(o).reduce((s,[n,r])=>({...s,[n]:typeof r!="function"?r:void 0}),{}),e=Object.entries(o).reduce((s,[n,r])=>({...s,[n]:typeof r=="function"?r:void 0}),{});return{uploadOptions:t,uploadFnOptions:e}}const V=o=>{o.findPreviousUploads().then(t=>{t.length&&o.resumeFromPreviousUpload(t[0]),o.start()})},k=Object.freeze({upload:void 0,isSuccess:!1,isAborted:!1,isUploading:!1,error:void 0}),Z=(o={})=>{const{autoAbort:t,autoStart:e,uploadOptions:s,Upload:n}=x(o),[r,d]=R(k),[a,E]=R({originalAbort:void 0}),l=u=>{d(i=>i.upload===void 0?i:{...i,...u})},S=T((u,i={})=>{const p={...s,...i};function v(){var c;l({isSuccess:!0,isUploading:!1}),(c=p==null?void 0:p.onSuccess)==null||c.call(p,b)}const g={...p,onSuccess:v,onError:c=>{var C;l({error:c,isUploading:!1}),(C=p==null?void 0:p.onError)==null||C.call(p,c,b)}},y=c=>{d(C=>({...C,upload:c}))},N=()=>{l({isUploading:!0,isAborted:!1})},_=()=>{l({isUploading:!1,isAborted:!0})},{uploadOptions:h,uploadFnOptions:P}=H(g),{upload:b,originalAbort:U}=K({Upload:n,file:u,uploadOptions:h,uploadFnOptions:P,onChange:y,onStart:N,onAbort:_});e&&V(b),d({upload:b,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1}),E({originalAbort:U})},[n,e,s]),O=T(()=>{var u;(u=a==null?void 0:a.originalAbort)==null||u.call(a),d(k),E({originalAbort:void 0})},[a]),A={...r,setUpload:S,remove:O};return j({upload:A.upload,abort:a.originalAbort,autoAbort:t!=null?t:!1}),A},I={tusClientHasNotFounded:"No TusClient set, use TusClientProvider to set one",tusIsNotSupported:"This browser does not support uploads. Please use a modern browser instead."},M=F(void 0),z=F(void 0),X=()=>{const o=w(M);if(!o&&process.env.NODE_ENV!=="production")throw new Error(I.tusClientHasNotFounded);return m(()=>o,[o])},G=()=>{const o=w(z);if(!o&&process.env.NODE_ENV!=="production")throw new Error(I.tusClientHasNotFounded);return m(()=>o,[o])},$=(o,t)=>({type:"INSERT_UPLOAD_INSTANCE",payload:{cacheKey:o,uploadState:t}}),f=(o,t)=>({type:"UPDATE_UPLOAD_CONTEXT",payload:{cacheKey:o,context:t}}),q=o=>({type:"REMOVE_UPLOAD_INSTANCE",payload:{cacheKey:o}}),oo=()=>({type:"RESET_CLIENT"}),to=o=>({type:"UPDATE_DEFAULT_OPTIONS",payload:{defaultOptions:o}}),eo=(o,t={})=>{var e;const{autoAbort:s,autoStart:n,uploadOptions:r,Upload:d}=x(t),{defaultOptions:a,uploads:E}=X(),l=G(),S=T((i,p={})=>{const v={...a==null?void 0:a(i),...r,...p},g={...v,onSuccess:()=>{var U;l(f(o,{isSuccess:!0,isUploading:!1})),(U=v==null?void 0:v.onSuccess)==null||U.call(v,b)},onError:U=>{var c;l(f(o,{error:U,isUploading:!1})),(c=v==null?void 0:v.onError)==null||c.call(v,U,b)}},y=U=>{l(f(o,{upload:U}))},N=()=>{l(f(o,{isAborted:!1,isUploading:!0}))},_=()=>{l(f(o,{isAborted:!0,isUploading:!1}))},{uploadOptions:h,uploadFnOptions:P}=H(g),{upload:b}=K({Upload:d,file:i,uploadOptions:h,uploadFnOptions:P,onChange:y,onStart:N,onAbort:_});n&&V(b),l($(o,{upload:b,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1}))},[d,n,o,a,r,l]),O=m(()=>E[o],[o,E]),A=T(()=>{var i;(i=O==null?void 0:O.upload)==null||i.abort(),l(q(o))},[O,l,o]),u=O?{...O,setUpload:S,remove:A}:{upload:void 0,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1,setUpload:S,remove:A};return j({upload:u.upload,abort:(e=u.upload)==null?void 0:e.abort,autoAbort:s!=null?s:!1}),u},so=()=>{const o=X(),t=G(),e=o.uploads,s=T(r=>{t(q(r))},[t]),n=T(()=>t(oo()),[t]);return{state:e,removeUpload:s,reset:n}},no=(o,t)=>{switch(t.type){case"INSERT_UPLOAD_INSTANCE":{const{cacheKey:e,uploadState:s}=t.payload;return{...o,uploads:{...o.uploads,[e]:s}}}case"UPDATE_UPLOAD_CONTEXT":{const{cacheKey:e,context:s}=t.payload,n=o.uploads[e];return n?{...o,uploads:{...o.uploads,[e]:{...n,...s}}}:o}case"REMOVE_UPLOAD_INSTANCE":{const{cacheKey:e}=t.payload,s=o.uploads;return delete s[e],{...o,uploads:s}}case"UPDATE_DEFAULT_OPTIONS":{const{defaultOptions:e}=t.payload;return{...o,defaultOptions:e}}case"RESET_CLIENT":return{...o,uploads:{}};default:return o}},ro={uploads:{},defaultOptions:void 0},ao=({defaultOptions:o,children:t})=>{const[e,s]=B(no,{...ro,defaultOptions:o});D(()=>{Q||process.env.NODE_ENV==="production"||console.error(I.tusIsNotSupported)},[]),D(()=>{e.defaultOptions!==o&&s(to(o))},[o,e.defaultOptions]);const n=L(z.Provider,{value:s},t);return L(M.Provider,{value:e},n)};export{ao as TusClientProvider,Z as useTus,so as useTusClient,eo as useTusStore};
+import{useEffect as D,useState as R,useCallback as T,createContext as F,useContext as w,useMemo as m,useReducer as B,createElement as L}from"react";import{Upload as J,isSupported as Q}from"tus-js-client";const W=Object.freeze({autoAbort:!0,autoStart:!1,uploadOptions:void 0,Upload:J}),x=o=>({...W,...o}),j=({upload:o,abort:t,autoAbort:e})=>{D(()=>{const s=async()=>{!o||!t||await t()};return()=>{e&&s()}},[e,o])},Y=(o,t,e)=>{let s=o[e];const n=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(o,e,{get(){var r,d;return(d=(r=n==null?void 0:n.get)==null?void 0:r.call(n))!=null?d:s},set(r){n!=null&&n.set?n.set.call(o,r):s=r,t(this)}})},K=({Upload:o,file:t,uploadOptions:e,uploadFnOptions:s,onChange:n,onStart:r,onAbort:d})=>{const a=new o(t,e),A=a.start.bind(a),l=a.abort.bind(a),S=(...p)=>{A(...p),r()},v=async(...p)=>{l(...p),d()};return a.start=S,a.abort=v,Y(a,n,"url"),Object.entries(s).forEach(([p,u])=>{if(typeof u!="function")return;const i=(...c)=>u(...c,a);a.options[p]=i}),{upload:a,originalStart:A,originalAbort:l}};function H(o){const t=Object.entries(o).reduce((s,[n,r])=>({...s,[n]:typeof r!="function"?r:void 0}),{}),e=Object.entries(o).reduce((s,[n,r])=>({...s,[n]:typeof r=="function"?r:void 0}),{});return{uploadOptions:t,uploadFnOptions:e}}const V=o=>{o.findPreviousUploads().then(t=>{t.length&&o.resumeFromPreviousUpload(t[0]),o.start()})},k=Object.freeze({upload:void 0,isSuccess:!1,isAborted:!1,isUploading:!1,error:void 0}),Z=(o={})=>{const{autoAbort:t,autoStart:e,uploadOptions:s,Upload:n}=x(o),[r,d]=R(k),[a,A]=R({originalAbort:void 0}),l=u=>{d(i=>i.upload===void 0?i:{...i,...u})},S=T((u,i={})=>{const c={...s,...i};function b(){var O;l({isSuccess:!0,isUploading:!1}),(O=c==null?void 0:c.onSuccess)==null||O.call(c,U)}const g={...c,onSuccess:b,onError:O=>{var C;l({error:O,isUploading:!1}),(C=c==null?void 0:c.onError)==null||C.call(c,O,U)}},y=O=>{d(C=>({...C,upload:O}))},N=()=>{l({isUploading:!0,isAborted:!1})},_=()=>{l({isUploading:!1,isAborted:!0})},{uploadOptions:h,uploadFnOptions:P}=H(g),{upload:U,originalAbort:E}=K({Upload:n,file:u,uploadOptions:h,uploadFnOptions:P,onChange:y,onStart:N,onAbort:_});e&&V(U),d({upload:U,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1}),A({originalAbort:E})},[n,e,s]),v=T(()=>{var u;(u=a==null?void 0:a.originalAbort)==null||u.call(a),d(k),A({originalAbort:void 0})},[a]),p={...r,setUpload:S,remove:v};return j({upload:p.upload,abort:a.originalAbort,autoAbort:t!=null?t:!1}),p},I={tusClientHasNotFounded:"No TusClient set, use TusClientProvider to set one",tusIsNotSupported:"This browser does not support uploads. Please use a modern browser instead."},M=F(void 0),z=F(void 0),X=()=>{const o=w(M);if(!o&&process.env.NODE_ENV!=="production")throw new Error(I.tusClientHasNotFounded);return m(()=>o,[o])},G=()=>{const o=w(z);if(!o&&process.env.NODE_ENV!=="production")throw new Error(I.tusClientHasNotFounded);return m(()=>o,[o])},$=(o,t)=>({type:"INSERT_UPLOAD_INSTANCE",payload:{cacheKey:o,uploadState:t}}),f=(o,t)=>({type:"UPDATE_UPLOAD_CONTEXT",payload:{cacheKey:o,context:t}}),q=o=>({type:"REMOVE_UPLOAD_INSTANCE",payload:{cacheKey:o}}),oo=()=>({type:"RESET_CLIENT"}),to=o=>({type:"UPDATE_DEFAULT_OPTIONS",payload:{defaultOptions:o}}),eo=(o,t={})=>{var e;const{autoAbort:s,autoStart:n,uploadOptions:r,Upload:d}=x(t),{defaultOptions:a,uploads:A}=X(),l=G(),S=T((i,c={})=>{const b={...a==null?void 0:a(i),...r,...c},g={...b,onSuccess:()=>{var E;l(f(o,{isSuccess:!0,isUploading:!1})),(E=b==null?void 0:b.onSuccess)==null||E.call(b,U)},onError:E=>{var O;l(f(o,{error:E,isUploading:!1})),(O=b==null?void 0:b.onError)==null||O.call(b,E,U)}},y=E=>{l(f(o,{upload:E}))},N=()=>{l(f(o,{isAborted:!1,isUploading:!0}))},_=()=>{l(f(o,{isAborted:!0,isUploading:!1}))},{uploadOptions:h,uploadFnOptions:P}=H(g),{upload:U}=K({Upload:d,file:i,uploadOptions:h,uploadFnOptions:P,onChange:y,onStart:N,onAbort:_});n&&V(U),l($(o,{upload:U,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1}))},[d,n,o,a,r,l]),v=m(()=>A[o],[o,A]),p=T(()=>{var i;(i=v==null?void 0:v.upload)==null||i.abort(),l(q(o))},[v,l,o]),u=v?{...v,setUpload:S,remove:p}:{upload:void 0,error:void 0,isSuccess:!1,isAborted:!1,isUploading:!1,setUpload:S,remove:p};return j({upload:u.upload,abort:(e=u.upload)==null?void 0:e.abort,autoAbort:s!=null?s:!1}),u},so=()=>{const o=X(),t=G(),e=o.uploads,s=T(r=>{t(q(r))},[t]),n=T(()=>t(oo()),[t]);return{state:e,removeUpload:s,reset:n}},no=(o,t)=>{switch(t.type){case"INSERT_UPLOAD_INSTANCE":{const{cacheKey:e,uploadState:s}=t.payload;return{...o,uploads:{...o.uploads,[e]:s}}}case"UPDATE_UPLOAD_CONTEXT":{const{cacheKey:e,context:s}=t.payload,n=o.uploads[e];return n?{...o,uploads:{...o.uploads,[e]:{...n,...s}}}:o}case"REMOVE_UPLOAD_INSTANCE":{const{cacheKey:e}=t.payload,s=o.uploads;return delete s[e],{...o,uploads:s}}case"UPDATE_DEFAULT_OPTIONS":{const{defaultOptions:e}=t.payload;return{...o,defaultOptions:e}}case"RESET_CLIENT":return{...o,uploads:{}};default:return o}},ro={uploads:{},defaultOptions:void 0},ao=({defaultOptions:o,children:t})=>{const[e,s]=B(no,{...ro,defaultOptions:o});D(()=>{Q||process.env.NODE_ENV==="production"||console.error(I.tusIsNotSupported)},[]),D(()=>{e.defaultOptions!==o&&s(to(o))},[o,e.defaultOptions]);const n=L(z.Provider,{value:s},t);return L(M.Provider,{value:e},n)};export{ao as TusClientProvider,Z as useTus,so as useTusClient,eo as useTusStore};

package/dist/index.js

@@ -52,12 +52,12 @@ const createUpload = ({ Upload, file, uploadOptions, uploadFnOptions, onChange,
     const upload = new Upload(file, uploadOptions);
     const originalStart = upload.start.bind(upload);
     const originalAbort = upload.abort.bind(upload);
-    const start = () => {
-        originalStart();
+    const start = (...args) => {
+        originalStart(...args);
         onStart();
     };
-    const abort = async () => {
-        originalAbort();
+    const abort = async (...args) => {
+        originalAbort(...args);
         onAbort();
     };
     upload.start = start;

package/dist/utils/core/createUpload.d.ts

@@ -12,5 +12,5 @@ export type CreateUploadParams = {
 export declare const createUpload: ({ Upload, file, uploadOptions, uploadFnOptions, onChange, onStart, onAbort, }: CreateUploadParams) => {
     upload: UploadType;
     originalStart: () => void;
-    originalAbort: (shouldTerminate?: boolean | undefined) => Promise<void>;
+    originalAbort: (shouldTerminate?: boolean) => Promise<void>;
 };

package/dist/utils/options/mergeUseTusOptions.d.ts

@@ -3,6 +3,6 @@ import { TusHooksOptions } from "../../types";
 export declare const mergeUseTusOptions: (options: TusHooksOptions) => {
     autoAbort: boolean;
     autoStart: boolean;
-    uploadOptions: import("../../types").TusHooksUploadOptions | undefined;
+    uploadOptions: import("../../types").TusHooksUploadOptions;
     Upload: typeof Upload;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-tus",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "description": "React hooks for resumable file uploads using tus-js-client",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -73,7 +73,7 @@
     "storybook": "^7.5.1",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat",
     "ts-jest": "^29.1.1",
-    "tus-js-client": "^4.0.0",
+    "tus-js-client": "4.0.0",
     "typescript": "^5.2.2",
     "vite": "^4.5.0"
   },
@@ -81,7 +81,6 @@
     "react": ">=16.8",
     "tus-js-client": ">=2.2.0"
   },
-  "packageManager": "pnpm@8.8.0",
   "scripts": {
     "build": "npm-run-all -s type clean build:rollup",
     "build:rollup": "cross-env NODE_ENV=production rollup -c",