@hashrytech/quick-components-kit 0.15.6 → 0.15.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hashrytech/quick-components-kit
 
+## 0.15.7
+
+### Patch Changes
+
+- refactor: uploadFileWithProgress updated
+
 ## 0.15.6
 
 ### Patch Changes

package/dist/modules/fetch-client.d.ts

@@ -241,7 +241,7 @@ export declare class FetchClient {
      * @returns A Promise resolving to the typed response from the server.
      * @template T - Expected shape of the server's JSON response.
      */
-    uploadFileWithProgress<T>(endpoint: string, file: File | Blob, onProgress: (percent: number) => void, fieldName?: string, options?: RequestOptions): Promise<T>;
+    uploadFileWithProgress<T>(endpoint: string, data: FormData, method?: "POST" | "PATCH", onProgress?: (percent: number) => void, options?: RequestOptions): Promise<T>;
     /**
      * Downloads a file from the specified endpoint while reporting progress.
      *

package/dist/modules/fetch-client.js

@@ -399,10 +399,9 @@ export class FetchClient {
      * @returns A Promise resolving to the typed response from the server.
      * @template T - Expected shape of the server's JSON response.
      */
-    async uploadFileWithProgress(endpoint, file, onProgress, fieldName = 'file', options = {}) {
-        const url = new URL(endpoint, this.baseURL).toString();
-        const formData = new FormData();
-        formData.append(fieldName, file);
+    async uploadFileWithProgress(endpoint, data, method = "POST", onProgress, options = {}) {
+        //const url = new URL(endpoint, this.baseURL).toString();
+        const url = this.baseURL ? new URL(endpoint, this.baseURL).toString() : endpoint; // Resolve endpoint relative to baseURL
         const token = this.accessToken;
         const headers = new Headers(this.defaultHeaders);
         // Merge user-supplied headers
@@ -412,7 +411,7 @@ export class FetchClient {
         }
         return new Promise((resolve, reject) => {
             const xhr = new XMLHttpRequest();
-            xhr.open('POST', url, true);
+            xhr.open(method, url, true);
             // Add Authorization if not skipped
             if (!options.skipAuth && token) {
                 xhr.setRequestHeader('Authorization', `Bearer ${token}`);
@@ -426,7 +425,7 @@ export class FetchClient {
             });
             xhr.upload.onprogress = (event) => {
                 if (event.lengthComputable) {
-                    onProgress(Math.round((event.loaded / event.total) * 100));
+                    onProgress?.(Math.round((event.loaded / event.total) * 100));
                 }
             };
             xhr.onload = () => {
@@ -451,7 +450,7 @@ export class FetchClient {
                 }
             };
             xhr.onerror = () => reject(new Error('Upload failed'));
-            xhr.send(formData);
+            xhr.send(data);
         });
     }
     /**

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "git+https://github.com/hashrytech/quick-components-kit.git"
   },
-  "version": "0.15.6",
+  "version": "0.15.7",
   "license": "MIT",
   "author": "Hashry Tech",
   "files": [