hotfix(medusa-js, medusa-react): Fix issue with JS client bundle (#3038)

packages/medusa-js/src/index.ts

@@ -1,4 +1,5 @@
 import MedusaError from "./error"
+import KeyManager from "./key-manager"
 import Client, { Config } from "./request"
 import Admin from "./resources/admin"
 import AuthResource from "./resources/auth"
@@ -6,18 +7,17 @@ import CartsResource from "./resources/carts"
 import CollectionsResource from "./resources/collections"
 import CustomersResource from "./resources/customers"
 import GiftCardsResource from "./resources/gift-cards"
-import OrdersResource from "./resources/orders"
 import OrderEditsResource from "./resources/order-edits"
+import OrdersResource from "./resources/orders"
 import PaymentCollectionsResource from "./resources/payment-collections"
 import PaymentMethodsResource from "./resources/payment-methods"
-import ProductsResource from "./resources/products"
 import ProductTypesResource from "./resources/product-types"
+import ProductsResource from "./resources/products"
 import RegionsResource from "./resources/regions"
 import ReturnReasonsResource from "./resources/return-reasons"
 import ReturnsResource from "./resources/returns"
 import ShippingOptionsResource from "./resources/shipping-options"
 import SwapsResource from "./resources/swaps"
-import KeyManager from "./key-manager"
 
 class Medusa {
   private client: Client
@@ -78,5 +78,4 @@ class Medusa {
 
 export default Medusa
 export { default as KeyManager } from "./key-manager"
-
 export * from "./typings"

packages/medusa-js/src/resources/admin/uploads.ts

@@ -1,13 +1,11 @@
 import {
   AdminDeleteUploadsReq,
-  IAdminPostUploadsFileReq,
   AdminDeleteUploadsRes,
   AdminPostUploadsDownloadUrlReq,
   AdminUploadsDownloadUrlRes,
   AdminUploadsRes,
 } from "@medusajs/medusa"
-import FormData from "form-data"
-import { ResponsePromise } from "../../typings"
+import { AdminCreateUploadPayload, ResponsePromise } from "../../typings"
 import BaseResource from "../base"
 
 class AdminUploadsResource extends BaseResource {
@@ -15,20 +13,30 @@ class AdminUploadsResource extends BaseResource {
     "Content-Type": "multipart/form-data",
   }
 
-  create(file: IAdminPostUploadsFileReq): ResponsePromise<AdminUploadsRes> {
+  /**
+   * @description Uploads at least one file to the specific fileservice that is installed in Medusa.
+   * @param file File or array of files to upload.
+   * @returns Uploaded file or files.
+   */
+  create(file: AdminCreateUploadPayload): ResponsePromise<AdminUploadsRes> {
     const path = `/admin/uploads`
 
-    const payload = new FormData()
-    payload.append("files", file)
+    const payload = this._createPayload(file)
 
     return this.client.request("POST", path, payload, {}, this.headers)
   }
- 
-  createProtected(file: IAdminPostUploadsFileReq): ResponsePromise<AdminUploadsRes> {
+
+  /**
+   * @description Uploads at least one file with ACL or a non-public bucket to the specific fileservice that is installed in Medusa.
+   * @param file File or array of files to upload.
+   * @returns Uploaded file or files.
+   */
+  createProtected(
+    file: AdminCreateUploadPayload
+  ): ResponsePromise<AdminUploadsRes> {
     const path = `/admin/uploads/protected`
 
-    const payload = new FormData()
-    payload.append("files", file)
+    const payload = this._createPayload(file)
 
     return this.client.request("POST", path, payload, {}, this.headers)
   }
@@ -50,6 +58,18 @@ class AdminUploadsResource extends BaseResource {
 
     return this.client.request("POST", path, payload, {}, customHeaders)
   }
+
+  private _createPayload(file: AdminCreateUploadPayload) {
+    const payload = new FormData()
+
+    if (Array.isArray(file)) {
+      file.forEach((f) => payload.append("files", f))
+    } else {
+      payload.append("files", file)
+    }
+
+    return payload
+  }
 }
 
 export default AdminUploadsResource

packages/medusa-js/src/typings.ts

@@ -47,3 +47,5 @@ export type InviteUserRolesEnum = `${AdminPostInvitesReq["role"]}`
 export type AdminPostInvitesPayload = Omit<AdminPostInvitesReq, "role"> & {
   role: InviteUserRolesEnum
 }
+
+export type AdminCreateUploadPayload = File | File[]