@sparkstudio/storage-ui 1.0.8 → 1.0.9

package/dist/index.cjs

@@ -240,17 +240,18 @@ var UploadContainer = ({
         throw new Error("getPresignedUrl is not provided.");
       }
       const presignedUrl = await getPresignedUrl(upload.file);
-      await uploadFileToS3(upload.file, presignedUrl, (progress) => {
+      const url = presignedUrl?.PresignedUrl ?? "";
+      await uploadFileToS3(upload.file, url, (progress) => {
         setUploads(
           (prev) => prev.map(
             (u) => u.id === upload.id ? { ...u, progress } : u
           )
         );
       });
-      const fileUrl = presignedUrl.split("?")[0];
+      const fileUrl = url.split("?")[0];
       setUploads(
         (prev) => prev.map(
-          (u) => u.id === upload.id ? { ...u, status: "success", progress: 100, s3Url: fileUrl } : u
+          (u) => u.id === upload.id ? { ...u, status: "success", progress: 100, s3Url: fileUrl, publicUrl: presignedUrl.PublicUrl } : u
         )
       );
       onUploadComplete?.(upload.file, fileUrl);
@@ -331,7 +332,11 @@ var UploadContainer = ({
     ] }),
     uploads.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-3", children: uploads.map((u) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "d-flex justify-content-between small mb-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: u.file.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          u.file.name,
+          " - ",
+          u?.publicUrl ?? ""
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: u.status === "success" ? "Completed" : u.status === "error" ? "Error" : `${u.progress}%` })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "progress", style: { height: "6px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -387,9 +392,9 @@ function HomeView() {
     alert(user?.Id);
   }
   const getPresignedUrl = async (file) => {
-    const sdk = new SparkStudioStorageSDK("https://localhost:5001");
+    const sdk = new SparkStudioStorageSDK("https://lf9zyufpuk.execute-api.us-east-2.amazonaws.com/Prod");
     const result = await sdk.container.GetPreSignedUrl(file.name, file.size, encodeURIComponent(file.type));
-    return result?.PresignedUrl ?? "";
+    return result;
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     import_authentication_ui.AuthenticatorProvider,

package/dist/index.d.cts

@@ -96,7 +96,7 @@ interface UploadContainerProps {
      * Your function that returns a pre-signed URL for a given file.
      * Typically calls your backend: /api/uploads/presign
      */
-    getPresignedUrl?: (file: File) => Promise<string>;
+    getPresignedUrl?: (file: File) => Promise<AWSPresignedUrlDTO>;
     /**
      * Called when a file has successfully finished uploading.
      * s3Url is usually the final S3 object URL or key (depends on your backend).

package/dist/index.d.ts

@@ -96,7 +96,7 @@ interface UploadContainerProps {
      * Your function that returns a pre-signed URL for a given file.
      * Typically calls your backend: /api/uploads/presign
      */
-    getPresignedUrl?: (file: File) => Promise<string>;
+    getPresignedUrl?: (file: File) => Promise<AWSPresignedUrlDTO>;
     /**
      * Called when a file has successfully finished uploading.
      * s3Url is usually the final S3 object URL or key (depends on your backend).

package/dist/index.js

@@ -207,17 +207,18 @@ var UploadContainer = ({
         throw new Error("getPresignedUrl is not provided.");
       }
       const presignedUrl = await getPresignedUrl(upload.file);
-      await uploadFileToS3(upload.file, presignedUrl, (progress) => {
+      const url = presignedUrl?.PresignedUrl ?? "";
+      await uploadFileToS3(upload.file, url, (progress) => {
         setUploads(
           (prev) => prev.map(
             (u) => u.id === upload.id ? { ...u, progress } : u
           )
         );
       });
-      const fileUrl = presignedUrl.split("?")[0];
+      const fileUrl = url.split("?")[0];
       setUploads(
         (prev) => prev.map(
-          (u) => u.id === upload.id ? { ...u, status: "success", progress: 100, s3Url: fileUrl } : u
+          (u) => u.id === upload.id ? { ...u, status: "success", progress: 100, s3Url: fileUrl, publicUrl: presignedUrl.PublicUrl } : u
         )
       );
       onUploadComplete?.(upload.file, fileUrl);
@@ -298,7 +299,11 @@ var UploadContainer = ({
     ] }),
     uploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-3", children: uploads.map((u) => /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-between small mb-1", children: [
-        /* @__PURE__ */ jsx("span", { children: u.file.name }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          u.file.name,
+          " - ",
+          u?.publicUrl ?? ""
+        ] }),
         /* @__PURE__ */ jsx("span", { children: u.status === "success" ? "Completed" : u.status === "error" ? "Error" : `${u.progress}%` })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "progress", style: { height: "6px" }, children: /* @__PURE__ */ jsx(
@@ -354,9 +359,9 @@ function HomeView() {
     alert(user?.Id);
   }
   const getPresignedUrl = async (file) => {
-    const sdk = new SparkStudioStorageSDK("https://localhost:5001");
+    const sdk = new SparkStudioStorageSDK("https://lf9zyufpuk.execute-api.us-east-2.amazonaws.com/Prod");
     const result = await sdk.container.GetPreSignedUrl(file.name, file.size, encodeURIComponent(file.type));
-    return result?.PresignedUrl ?? "";
+    return result;
   };
   return /* @__PURE__ */ jsxs2(
     AuthenticatorProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkstudio/storage-ui",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",