@maas/payload-plugin-media-cloud 0.0.37 → 0.0.39

package/dist/adapter/handleUpload.mjs

@@ -1,23 +1,23 @@
+import { MediaCloudErrors } from "../types/errors.mjs";
+import { useErrorHandler } from "../hooks/useErrorHandler.mjs";
+
 //#region src/adapter/handleUpload.ts
 /**
 * Creates a handle upload function for processing file uploads to both Mux and S3 storage
 * @returns A HandleUpload function that processes client upload context and updates document data
 */
 function getHandleUpload() {
+	const { throwError } = useErrorHandler();
 	return async function({ clientUploadContext, data }) {
-		if (!clientUploadContext) return data;
+		if (!clientUploadContext) throwError(MediaCloudErrors.UPLOAD_HANDLER_ERROR);
 		const ctx = clientUploadContext;
 		data.mimeType = ctx.mimeType;
+		data.storage = ctx.storage;
 		switch (ctx.storage) {
 			case "mux":
-				data.storage = "mux";
-				data.mux = {
-					uploadId: ctx.uploadId ?? "",
-					status: "preparing"
-				};
-				break;
-			default:
-				data.storage = "s3";
+				data.mux = data.mux || {};
+				data.mux.uploadId = ctx.uploadId;
+				data.mux.status = "preparing";
 				break;
 		}
 		return data;

package/dist/adapter/handleUpload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"handleUpload.mjs","names":[],"sources":["../../src/adapter/handleUpload.ts"],"sourcesContent":["import type { HandleUpload } from '@payloadcms/plugin-cloud-storage/types'\n\ninterface ClientUploadContext {\n  storage: 'mux' | 's3'\n  uploadId?: string\n  mimeType?: string\n}\n\n/**\n * Creates a handle upload function for processing file uploads to both Mux and S3 storage\n * @returns A HandleUpload function that processes client upload context and updates document data\n */\nexport function getHandleUpload(): HandleUpload {\n  return async function ({ clientUploadContext, data }) {\n    if (!clientUploadContext) {\n      return data\n    }\n\n    const ctx = clientUploadContext as ClientUploadContext\n    data.mimeType = ctx.mimeType\n\n    switch (ctx.storage) {\n      case 'mux':\n        data.storage = 'mux'\n        data.mux = {\n          uploadId: ctx.uploadId ?? '',\n          status: 'preparing',\n        }\n        break\n      default:\n        data.storage = 's3'\n        break\n    }\n\n    return data\n  }\n}\n"],"mappings":";;;;;AAYA,SAAgB,kBAAgC;AAC9C,QAAO,eAAgB,EAAE,qBAAqB,QAAQ;AACpD,MAAI,CAAC,oBACH,QAAO;EAGT,MAAM,MAAM;AACZ,OAAK,WAAW,IAAI;AAEpB,UAAQ,IAAI,SAAZ;GACE,KAAK;AACH,SAAK,UAAU;AACf,SAAK,MAAM;KACT,UAAU,IAAI,YAAY;KAC1B,QAAQ;KACT;AACD;GACF;AACE,SAAK,UAAU;AACf;;AAGJ,SAAO"}
+{"version":3,"file":"handleUpload.mjs","names":[],"sources":["../../src/adapter/handleUpload.ts"],"sourcesContent":["import type { HandleUpload } from '@payloadcms/plugin-cloud-storage/types'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\ninterface ClientUploadContext {\n  storage: 'mux' | 's3'\n  uploadId?: string\n  mimeType?: string\n}\n\n/**\n * Creates a handle upload function for processing file uploads to both Mux and S3 storage\n * @returns A HandleUpload function that processes client upload context and updates document data\n */\nexport function getHandleUpload(): HandleUpload {\n  const { throwError } = useErrorHandler()\n\n  return async function ({ clientUploadContext, data }) {\n    if (!clientUploadContext) {\n      throwError(MediaCloudErrors.UPLOAD_HANDLER_ERROR)\n    }\n\n    const ctx = clientUploadContext as ClientUploadContext\n\n    data.mimeType = ctx.mimeType\n    data.storage = ctx.storage\n\n    switch (ctx.storage) {\n      case 'mux':\n        data.mux = data.mux || {}\n        data.mux.uploadId = ctx.uploadId\n        data.mux.status = 'preparing'\n        break\n    }\n\n    return data\n  }\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,kBAAgC;CAC9C,MAAM,EAAE,eAAe,iBAAiB;AAExC,QAAO,eAAgB,EAAE,qBAAqB,QAAQ;AACpD,MAAI,CAAC,oBACH,YAAW,iBAAiB,qBAAqB;EAGnD,MAAM,MAAM;AAEZ,OAAK,WAAW,IAAI;AACpB,OAAK,UAAU,IAAI;AAEnB,UAAQ,IAAI,SAAZ;GACE,KAAK;AACH,SAAK,MAAM,KAAK,OAAO,EAAE;AACzB,SAAK,IAAI,WAAW,IAAI;AACxB,SAAK,IAAI,SAAS;AAClB;;AAGJ,SAAO"}

package/dist/adapter/staticHandler.mjs

@@ -51,7 +51,7 @@ function createEmptyResponse(args) {
 */
 async function serveS3File({ getS3Store, doc }) {
 	try {
-		const stream$1 = await getS3Store().read(doc.filename);
+		const stream$1 = await getS3Store().read(doc.path ?? doc.filename);
 		if (stream$1) {
 			const webStream = Readable.toWeb(stream$1);
 			return new Response(webStream);

package/dist/adapter/staticHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"staticHandler.mjs","names":["stream"],"sources":["../../src/adapter/staticHandler.ts"],"sourcesContent":["import { Readable } from 'node:stream'\nimport type { StaticHandler } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { S3Store } from '../tus/stores/s3/s3Store'\n\ninterface StaticHandlerArgs {\n  getS3Store: () => S3Store\n  collection: string\n}\n\ninterface ServeS3FileArgs {\n  getS3Store: () => S3Store\n  doc: Document\n}\n\ninterface CreateEmptyResponseArgs {\n  mimeType?: string\n}\n\n/**\n * Creates a static handler that serves files from S3 or returns empty responses for Mux assets\n * @param args - The arguments for creating the static handler\n * @param args.getS3Store -  Function that returns an S3 client instance\n * @param args.collection - The name of the media collection in Payload\n * @returns A StaticHandler function that serves files or empty responses based on storage type\n */\nexport function getStaticHandler(args: StaticHandlerArgs): StaticHandler {\n  const { getS3Store, collection } = args\n  return async (req, { params }) => {\n    const { payload } = req\n    const filename = params.filename\n\n    const { docs } = await payload.find({\n      collection,\n      where: { filename: { equals: filename } },\n    })\n\n    const doc = docs[0] as Document\n\n    if (!doc) {\n      return createEmptyResponse()\n    }\n\n    if (doc.storage === 'mux') {\n      return createEmptyResponse({ mimeType: doc.mimeType })\n    }\n\n    return await serveS3File({ getS3Store, doc })\n  }\n}\n\n/**\n * Creates an empty response with appropriate headers\n * @param args - Optional arguments for the empty response\n * @param args.mimeType - The MIME type to set in the Content-Type header\n * @returns A Response object with empty content and appropriate headers\n */\nfunction createEmptyResponse(args?: CreateEmptyResponseArgs): Response {\n  const { mimeType = 'application/octet-stream' } = args ?? {}\n  return new Response(new Uint8Array(0), {\n    status: 200,\n    headers: {\n      'Content-Type': mimeType,\n      'Content-Length': '0',\n    },\n  })\n}\n\n/**\n * Serves a file from S3 storage\n * @param args - The arguments for serving the S3 file\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.doc - The document containing file metadata\n * @returns A Promise that resolves to a Response object containing the file stream or empty response on error\n */\nasync function serveS3File({\n  getS3Store,\n  doc,\n}: ServeS3FileArgs): Promise<Response> {\n  try {\n    const s3Store = getS3Store()\n    const stream = await s3Store.read(doc.filename)\n\n    if (stream) {\n      const webStream = Readable.toWeb(stream) as ReadableStream<Uint8Array>\n      return new Response(webStream)\n    }\n  } catch (_error) {\n    // File not found or other error, fall back to empty response\n  }\n\n  return createEmptyResponse({})\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgB,iBAAiB,MAAwC;CACvE,MAAM,EAAE,YAAY,eAAe;AACnC,QAAO,OAAO,KAAK,EAAE,aAAa;EAChC,MAAM,EAAE,YAAY;EACpB,MAAM,WAAW,OAAO;EAExB,MAAM,EAAE,SAAS,MAAM,QAAQ,KAAK;GAClC;GACA,OAAO,EAAE,UAAU,EAAE,QAAQ,UAAU,EAAE;GAC1C,CAAC;EAEF,MAAM,MAAM,KAAK;AAEjB,MAAI,CAAC,IACH,QAAO,qBAAqB;AAG9B,MAAI,IAAI,YAAY,MAClB,QAAO,oBAAoB,EAAE,UAAU,IAAI,UAAU,CAAC;AAGxD,SAAO,MAAM,YAAY;GAAE;GAAY;GAAK,CAAC;;;;;;;;;AAUjD,SAAS,oBAAoB,MAA0C;CACrE,MAAM,EAAE,WAAW,+BAA+B,QAAQ,EAAE;AAC5D,QAAO,IAAI,SAAS,IAAI,WAAW,EAAE,EAAE;EACrC,QAAQ;EACR,SAAS;GACP,gBAAgB;GAChB,kBAAkB;GACnB;EACF,CAAC;;;;;;;;;AAUJ,eAAe,YAAY,EACzB,YACA,OACqC;AACrC,KAAI;EAEF,MAAMA,WAAS,MADC,YAAY,CACC,KAAK,IAAI,SAAS;AAE/C,MAAIA,UAAQ;GACV,MAAM,YAAY,SAAS,MAAMA,SAAO;AACxC,UAAO,IAAI,SAAS,UAAU;;UAEzB,QAAQ;AAIjB,QAAO,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"staticHandler.mjs","names":["stream"],"sources":["../../src/adapter/staticHandler.ts"],"sourcesContent":["import { Readable } from 'node:stream'\nimport type { StaticHandler } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { S3Store } from '../tus/stores/s3/s3Store'\n\ninterface StaticHandlerArgs {\n  getS3Store: () => S3Store\n  collection: string\n}\n\ninterface ServeS3FileArgs {\n  getS3Store: () => S3Store\n  doc: Document\n}\n\ninterface CreateEmptyResponseArgs {\n  mimeType?: string\n}\n\n/**\n * Creates a static handler that serves files from S3 or returns empty responses for Mux assets\n * @param args - The arguments for creating the static handler\n * @param args.getS3Store -  Function that returns an S3 client instance\n * @param args.collection - The name of the media collection in Payload\n * @returns A StaticHandler function that serves files or empty responses based on storage type\n */\nexport function getStaticHandler(args: StaticHandlerArgs): StaticHandler {\n  const { getS3Store, collection } = args\n  return async (req, { params }) => {\n    const { payload } = req\n    const filename = params.filename\n\n    const { docs } = await payload.find({\n      collection,\n      where: { filename: { equals: filename } },\n    })\n\n    const doc = docs[0] as Document\n\n    if (!doc) {\n      return createEmptyResponse()\n    }\n\n    if (doc.storage === 'mux') {\n      return createEmptyResponse({ mimeType: doc.mimeType })\n    }\n\n    return await serveS3File({ getS3Store, doc })\n  }\n}\n\n/**\n * Creates an empty response with appropriate headers\n * @param args - Optional arguments for the empty response\n * @param args.mimeType - The MIME type to set in the Content-Type header\n * @returns A Response object with empty content and appropriate headers\n */\nfunction createEmptyResponse(args?: CreateEmptyResponseArgs): Response {\n  const { mimeType = 'application/octet-stream' } = args ?? {}\n  return new Response(new Uint8Array(0), {\n    status: 200,\n    headers: {\n      'Content-Type': mimeType,\n      'Content-Length': '0',\n    },\n  })\n}\n\n/**\n * Serves a file from S3 storage\n * @param args - The arguments for serving the S3 file\n * @param args.getS3Store - Function that returns an S3 client instance\n * @param args.doc - The document containing file metadata\n * @returns A Promise that resolves to a Response object containing the file stream or empty response on error\n */\nasync function serveS3File({\n  getS3Store,\n  doc,\n}: ServeS3FileArgs): Promise<Response> {\n  try {\n    const s3Store = getS3Store()\n    const stream = await s3Store.read(doc.path ?? doc.filename)\n\n    if (stream) {\n      const webStream = Readable.toWeb(stream) as ReadableStream<Uint8Array>\n      return new Response(webStream)\n    }\n  } catch (_error) {\n    // File not found or other error, fall back to empty response\n  }\n\n  return createEmptyResponse({})\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgB,iBAAiB,MAAwC;CACvE,MAAM,EAAE,YAAY,eAAe;AACnC,QAAO,OAAO,KAAK,EAAE,aAAa;EAChC,MAAM,EAAE,YAAY;EACpB,MAAM,WAAW,OAAO;EAExB,MAAM,EAAE,SAAS,MAAM,QAAQ,KAAK;GAClC;GACA,OAAO,EAAE,UAAU,EAAE,QAAQ,UAAU,EAAE;GAC1C,CAAC;EAEF,MAAM,MAAM,KAAK;AAEjB,MAAI,CAAC,IACH,QAAO,qBAAqB;AAG9B,MAAI,IAAI,YAAY,MAClB,QAAO,oBAAoB,EAAE,UAAU,IAAI,UAAU,CAAC;AAGxD,SAAO,MAAM,YAAY;GAAE;GAAY;GAAK,CAAC;;;;;;;;;AAUjD,SAAS,oBAAoB,MAA0C;CACrE,MAAM,EAAE,WAAW,+BAA+B,QAAQ,EAAE;AAC5D,QAAO,IAAI,SAAS,IAAI,WAAW,EAAE,EAAE;EACrC,QAAQ;EACR,SAAS;GACP,gBAAgB;GAChB,kBAAkB;GACnB;EACF,CAAC;;;;;;;;;AAUJ,eAAe,YAAY,EACzB,YACA,OACqC;AACrC,KAAI;EAEF,MAAMA,WAAS,MADC,YAAY,CACC,KAAK,IAAI,QAAQ,IAAI,SAAS;AAE3D,MAAIA,UAAQ;GACV,MAAM,YAAY,SAAS,MAAMA,SAAO;AACxC,UAAO,IAAI,SAAS,UAAU;;UAEzB,QAAQ;AAIjB,QAAO,oBAAoB,EAAE,CAAC"}

package/dist/adapter/storageAdapter.mjs

@@ -1,6 +1,6 @@
 import { MediaCloudErrors } from "../types/errors.mjs";
-import { getHandleUpload } from "./handleUpload.mjs";
 import { useMagicError } from "../error-handler/dist/index.mjs";
+import { getHandleUpload } from "./handleUpload.mjs";
 import { getHandleDelete } from "./handleDelete.mjs";
 import { getStaticHandler } from "./staticHandler.mjs";
 

package/dist/collectionHooks/afterChange.mjs

@@ -6,6 +6,7 @@ import { s3Store } from "../plugin.mjs";
 //#region src/collectionHooks/afterChange.ts
 const afterChangeHook = async ({ collection, doc, previousDoc, req }) => {
 	const { throwError } = useErrorHandler();
+	if (req.context?._mediaCloudPluginInternal) return doc;
 	if (doc.path !== previousDoc?.path) {
 		if (doc.storage === "s3" && s3Store) try {
 			const oldKey = previousDoc?.path ?? previousDoc?.filename;
@@ -18,17 +19,27 @@ const afterChangeHook = async ({ collection, doc, previousDoc, req }) => {
 			});
 		}
 	}
-	if (!doc.thumbnail || previousDoc?.path !== doc.path) {
+	if (!doc.thumbnail || previousDoc?.path !== doc.path) try {
 		const thumbnail = buildThumbnailURL({
 			storage: doc.storage,
 			playbackId: doc.storage === "mux" ? doc.mux.playbackId : void 0,
 			s3Key: doc.storage === "s3" ? doc.path ?? doc.filename : void 0,
 			s3Store
 		});
-		req.payload.update({
+		req.context = { ...req.context };
+		req.context._mediaCloudPluginInternal = true;
+		const update = await req.payload.update({
 			collection: collection.slug,
 			id: doc.id,
-			data: { thumbnail }
+			data: { thumbnail },
+			req
+		});
+		delete req.context._mediaCloudPluginInternal;
+		return update;
+	} catch (error) {
+		throwError({
+			...MediaCloudErrors.THUMBNAIL_GENERATION_ERROR,
+			cause: error
 		});
 	}
 	return doc;

package/dist/collectionHooks/afterChange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"afterChange.mjs","names":["afterChangeHook: CollectionAfterChangeHook"],"sources":["../../src/collectionHooks/afterChange.ts"],"sourcesContent":["import { buildThumbnailURL } from '../utils/buildThumbnailURL'\nimport { s3Store } from '../plugin'\nimport { MediaCloudErrors } from '../types/errors'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\n\nimport type { CollectionAfterChangeHook } from 'payload'\n\nexport const afterChangeHook: CollectionAfterChangeHook = async ({\n  collection,\n  doc,\n  previousDoc,\n  req,\n}) => {\n  const { throwError } = useErrorHandler()\n\n  // Move asset in S3 if path has changed\n  if (doc.path !== previousDoc?.path) {\n    if (doc.storage === 's3' && s3Store) {\n      try {\n        const oldKey = previousDoc?.path ?? previousDoc?.filename\n        const newKey = doc.path\n\n        await s3Store.copy(oldKey, newKey)\n      } catch (error) {\n        throwError({ ...MediaCloudErrors.S3_MOVE_ERROR, cause: error })\n      }\n    }\n  }\n\n  // Handle thumbnail\n  if (!doc.thumbnail || previousDoc?.path !== doc.path) {\n    const thumbnail = buildThumbnailURL({\n      storage: doc.storage,\n      playbackId: doc.storage === 'mux' ? doc.mux.playbackId : undefined,\n      s3Key: doc.storage === 's3' ? (doc.path ?? doc.filename) : undefined,\n      s3Store,\n    })\n\n    req.payload.update({\n      collection: collection.slug,\n      id: doc.id,\n      data: { thumbnail },\n    })\n  }\n\n  return doc\n}\n"],"mappings":";;;;;;AAOA,MAAaA,kBAA6C,OAAO,EAC/D,YACA,KACA,aACA,UACI;CACJ,MAAM,EAAE,eAAe,iBAAiB;AAGxC,KAAI,IAAI,SAAS,aAAa,MAC5B;MAAI,IAAI,YAAY,QAAQ,QAC1B,KAAI;GACF,MAAM,SAAS,aAAa,QAAQ,aAAa;GACjD,MAAM,SAAS,IAAI;AAEnB,SAAM,QAAQ,KAAK,QAAQ,OAAO;WAC3B,OAAO;AACd,cAAW;IAAE,GAAG,iBAAiB;IAAe,OAAO;IAAO,CAAC;;;AAMrE,KAAI,CAAC,IAAI,aAAa,aAAa,SAAS,IAAI,MAAM;EACpD,MAAM,YAAY,kBAAkB;GAClC,SAAS,IAAI;GACb,YAAY,IAAI,YAAY,QAAQ,IAAI,IAAI,aAAa;GACzD,OAAO,IAAI,YAAY,OAAQ,IAAI,QAAQ,IAAI,WAAY;GAC3D;GACD,CAAC;AAEF,MAAI,QAAQ,OAAO;GACjB,YAAY,WAAW;GACvB,IAAI,IAAI;GACR,MAAM,EAAE,WAAW;GACpB,CAAC;;AAGJ,QAAO"}
+{"version":3,"file":"afterChange.mjs","names":["afterChangeHook: CollectionAfterChangeHook"],"sources":["../../src/collectionHooks/afterChange.ts"],"sourcesContent":["import { buildThumbnailURL } from '../utils/buildThumbnailURL'\nimport { s3Store } from '../plugin'\nimport { MediaCloudErrors } from '../types/errors'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\n\nimport type { CollectionAfterChangeHook } from 'payload'\n\nexport const afterChangeHook: CollectionAfterChangeHook = async ({\n  collection,\n  doc,\n  previousDoc,\n  req,\n}) => {\n  const { throwError } = useErrorHandler()\n\n  // Skip if this is an internal update to prevent infinite loop\n  if (req.context?._mediaCloudPluginInternal) {\n    return doc\n  }\n\n  // Move asset in S3 if path has changed\n  if (doc.path !== previousDoc?.path) {\n    if (doc.storage === 's3' && s3Store) {\n      try {\n        const oldKey = previousDoc?.path ?? previousDoc?.filename\n        const newKey = doc.path\n\n        await s3Store.copy(oldKey, newKey)\n      } catch (error) {\n        throwError({ ...MediaCloudErrors.S3_MOVE_ERROR, cause: error })\n      }\n    }\n  }\n\n  // Handle thumbnail\n  if (!doc.thumbnail || previousDoc?.path !== doc.path) {\n    try {\n      const thumbnail = buildThumbnailURL({\n        storage: doc.storage,\n        playbackId: doc.storage === 'mux' ? doc.mux.playbackId : undefined,\n        s3Key: doc.storage === 's3' ? (doc.path ?? doc.filename) : undefined,\n        s3Store,\n      })\n\n      req.context = { ...req.context }\n      req.context._mediaCloudPluginInternal = true\n\n      const update = await req.payload.update({\n        collection: collection.slug,\n        id: doc.id,\n        data: { thumbnail },\n        req,\n      })\n\n      delete req.context._mediaCloudPluginInternal\n\n      return update\n    } catch (error) {\n      throwError({\n        ...MediaCloudErrors.THUMBNAIL_GENERATION_ERROR,\n        cause: error,\n      })\n    }\n  }\n\n  return doc\n}\n"],"mappings":";;;;;;AAOA,MAAaA,kBAA6C,OAAO,EAC/D,YACA,KACA,aACA,UACI;CACJ,MAAM,EAAE,eAAe,iBAAiB;AAGxC,KAAI,IAAI,SAAS,0BACf,QAAO;AAIT,KAAI,IAAI,SAAS,aAAa,MAC5B;MAAI,IAAI,YAAY,QAAQ,QAC1B,KAAI;GACF,MAAM,SAAS,aAAa,QAAQ,aAAa;GACjD,MAAM,SAAS,IAAI;AAEnB,SAAM,QAAQ,KAAK,QAAQ,OAAO;WAC3B,OAAO;AACd,cAAW;IAAE,GAAG,iBAAiB;IAAe,OAAO;IAAO,CAAC;;;AAMrE,KAAI,CAAC,IAAI,aAAa,aAAa,SAAS,IAAI,KAC9C,KAAI;EACF,MAAM,YAAY,kBAAkB;GAClC,SAAS,IAAI;GACb,YAAY,IAAI,YAAY,QAAQ,IAAI,IAAI,aAAa;GACzD,OAAO,IAAI,YAAY,OAAQ,IAAI,QAAQ,IAAI,WAAY;GAC3D;GACD,CAAC;AAEF,MAAI,UAAU,EAAE,GAAG,IAAI,SAAS;AAChC,MAAI,QAAQ,4BAA4B;EAExC,MAAM,SAAS,MAAM,IAAI,QAAQ,OAAO;GACtC,YAAY,WAAW;GACvB,IAAI,IAAI;GACR,MAAM,EAAE,WAAW;GACnB;GACD,CAAC;AAEF,SAAO,IAAI,QAAQ;AAEnB,SAAO;UACA,OAAO;AACd,aAAW;GACT,GAAG,iBAAiB;GACpB,OAAO;GACR,CAAC;;AAIN,QAAO"}

package/dist/collections/mediaCollection.mjs

@@ -19,7 +19,6 @@ function getMediaCollection(args) {
 	const { baseCollection, view, folders } = args;
 	const config = {
 		slug: "media",
-		custom: { storage: "test" },
 		access: {
 			read: () => true,
 			delete: () => true
@@ -49,8 +48,8 @@ function getMediaCollection(args) {
 			muxField
 		],
 		hooks: {
-			beforeChange: folders ? [beforeChangeHook] : [],
-			afterChange: folders ? [afterChangeHook] : []
+			beforeChange: [beforeChangeHook],
+			afterChange: [afterChangeHook]
 		}
 	};
 	if (!baseCollection) return config;

package/dist/collections/mediaCollection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mediaCollection.mjs","names":["config: CollectionConfig"],"sources":["../../src/collections/mediaCollection.ts"],"sourcesContent":["import { thumbnailField } from '../fields/thumbnail'\nimport { pathField } from '../fields/path'\nimport { filenameField } from '../fields/filename'\nimport { altField } from '../fields/alt'\nimport { widthField } from '../fields/width'\nimport { heightField } from '../fields/height'\nimport { storageField } from '../fields/storage'\nimport { muxField } from '../fields/mux'\n\nimport { beforeChangeHook } from '../collectionHooks/beforeChange'\nimport { afterChangeHook } from '../collectionHooks/afterChange'\n\nimport type { CollectionConfig } from 'payload'\nimport type { Document } from 'payload'\nimport type { MediaCloudPluginOptions } from '../types/index'\n\ninterface GetMediaCollectionArgs {\n  view: MediaCloudPluginOptions['view']\n  folders: MediaCloudPluginOptions['folders']\n  baseCollection?: CollectionConfig\n}\n\n/**\n * Creates a media collection configuration for Payload CMS\n * @param args - Arguments including the S3Store instance\n * @returns A configured Payload collection for media files\n */\nexport function getMediaCollection(\n  args: GetMediaCollectionArgs\n): CollectionConfig {\n  const { baseCollection, view, folders } = args\n\n  // Override list view to use grid view if specified\n  const components =\n    view === 'grid'\n      ? {\n          views: {\n            list: {\n              Component: '@maas/payload-plugin-media-cloud/components#GridView',\n            },\n          },\n        }\n      : undefined\n\n  // Add hook, if folders are enabled\n  // to handle thumbnails and S3 prefixing\n  const afterChange = folders ? [afterChangeHook] : []\n  const beforeChange = folders ? [beforeChangeHook] : []\n\n  const config: CollectionConfig = {\n    slug: 'media',\n    custom: {\n      storage: 'test',\n    },\n    access: {\n      read: () => true,\n      delete: () => true,\n    },\n    admin: {\n      components,\n      group: 'Media Cloud',\n      pagination: {\n        defaultLimit: 50,\n      },\n    },\n    upload: {\n      crop: false,\n      displayPreview: true,\n      hideRemoveFile: true,\n      adminThumbnail({ doc }: { doc: Document }) {\n        return doc.thumbnail ?? null\n      },\n    },\n    fields: [\n      thumbnailField,\n      pathField,\n      altField,\n      {\n        type: 'row',\n        fields: [widthField, heightField],\n      },\n      storageField,\n      muxField,\n    ],\n    hooks: {\n      beforeChange,\n      afterChange,\n    },\n  }\n\n  if (!baseCollection) {\n    return config\n  }\n\n  return {\n    ...baseCollection,\n    slug: baseCollection.slug ?? config.slug,\n    admin: {\n      ...(config.admin ?? {}),\n      ...(baseCollection.admin ?? {}),\n    },\n    access: {\n      ...(config.access ?? {}),\n      ...(baseCollection.access ?? {}),\n    },\n    upload: config.upload,\n    fields: [...(baseCollection.fields ?? []), ...config.fields, filenameField],\n    hooks: {\n      ...baseCollection.hooks,\n      beforeChange: [\n        ...(baseCollection.hooks?.beforeChange ?? []),\n        ...(config.hooks?.beforeChange ?? []),\n      ],\n      afterChange: [\n        ...(baseCollection.hooks?.afterChange ?? []),\n        ...(config.hooks?.afterChange ?? []),\n      ],\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,SAAgB,mBACd,MACkB;CAClB,MAAM,EAAE,gBAAgB,MAAM,YAAY;CAmB1C,MAAMA,SAA2B;EAC/B,MAAM;EACN,QAAQ,EACN,SAAS,QACV;EACD,QAAQ;GACN,YAAY;GACZ,cAAc;GACf;EACD,OAAO;GACL,YAzBF,SAAS,SACL,EACE,OAAO,EACL,MAAM,EACJ,WAAW,wDACZ,EACF,EACF,GACD;GAkBF,OAAO;GACP,YAAY,EACV,cAAc,IACf;GACF;EACD,QAAQ;GACN,MAAM;GACN,gBAAgB;GAChB,gBAAgB;GAChB,eAAe,EAAE,OAA0B;AACzC,WAAO,IAAI,aAAa;;GAE3B;EACD,QAAQ;GACN;GACA;GACA;GACA;IACE,MAAM;IACN,QAAQ,CAAC,YAAY,YAAY;IAClC;GACD;GACA;GACD;EACD,OAAO;GACL,cAtCiB,UAAU,CAAC,iBAAiB,GAAG,EAAE;GAuClD,aAxCgB,UAAU,CAAC,gBAAgB,GAAG,EAAE;GAyCjD;EACF;AAED,KAAI,CAAC,eACH,QAAO;AAGT,QAAO;EACL,GAAG;EACH,MAAM,eAAe,QAAQ,OAAO;EACpC,OAAO;GACL,GAAI,OAAO,SAAS,EAAE;GACtB,GAAI,eAAe,SAAS,EAAE;GAC/B;EACD,QAAQ;GACN,GAAI,OAAO,UAAU,EAAE;GACvB,GAAI,eAAe,UAAU,EAAE;GAChC;EACD,QAAQ,OAAO;EACf,QAAQ;GAAC,GAAI,eAAe,UAAU,EAAE;GAAG,GAAG,OAAO;GAAQ;GAAc;EAC3E,OAAO;GACL,GAAG,eAAe;GAClB,cAAc,CACZ,GAAI,eAAe,OAAO,gBAAgB,EAAE,EAC5C,GAAI,OAAO,OAAO,gBAAgB,EAAE,CACrC;GACD,aAAa,CACX,GAAI,eAAe,OAAO,eAAe,EAAE,EAC3C,GAAI,OAAO,OAAO,eAAe,EAAE,CACpC;GACF;EACF"}
+{"version":3,"file":"mediaCollection.mjs","names":["config: CollectionConfig"],"sources":["../../src/collections/mediaCollection.ts"],"sourcesContent":["import { thumbnailField } from '../fields/thumbnail'\nimport { pathField } from '../fields/path'\nimport { filenameField } from '../fields/filename'\nimport { altField } from '../fields/alt'\nimport { widthField } from '../fields/width'\nimport { heightField } from '../fields/height'\nimport { storageField } from '../fields/storage'\nimport { muxField } from '../fields/mux'\n\nimport { beforeChangeHook } from '../collectionHooks/beforeChange'\nimport { afterChangeHook } from '../collectionHooks/afterChange'\n\nimport type { CollectionConfig } from 'payload'\nimport type { Document } from 'payload'\nimport type { MediaCloudPluginOptions } from '../types/index'\n\ninterface GetMediaCollectionArgs {\n  view: MediaCloudPluginOptions['view']\n  folders: MediaCloudPluginOptions['folders']\n  baseCollection?: CollectionConfig\n}\n\n/**\n * Creates a media collection configuration for Payload CMS\n * @param args - Arguments including the S3Store instance\n * @returns A configured Payload collection for media files\n */\nexport function getMediaCollection(\n  args: GetMediaCollectionArgs\n): CollectionConfig {\n  const { baseCollection, view, folders } = args\n\n  // Override list view to use grid view if specified\n  const components =\n    view === 'grid'\n      ? {\n          views: {\n            list: {\n              Component: '@maas/payload-plugin-media-cloud/components#GridView',\n            },\n          },\n        }\n      : undefined\n\n  const config: CollectionConfig = {\n    slug: 'media',\n    access: {\n      read: () => true,\n      delete: () => true,\n    },\n    admin: {\n      components,\n      group: 'Media Cloud',\n      pagination: {\n        defaultLimit: 50,\n      },\n    },\n    upload: {\n      crop: false,\n      displayPreview: true,\n      hideRemoveFile: true,\n      adminThumbnail({ doc }: { doc: Document }) {\n        return doc.thumbnail ?? null\n      },\n    },\n    fields: [\n      thumbnailField,\n      pathField,\n      altField,\n      {\n        type: 'row',\n        fields: [widthField, heightField],\n      },\n      storageField,\n      muxField,\n    ],\n    hooks: {\n      beforeChange: [beforeChangeHook],\n      afterChange: [afterChangeHook],\n    },\n  }\n\n  if (!baseCollection) {\n    return config\n  }\n\n  return {\n    ...baseCollection,\n    slug: baseCollection.slug ?? config.slug,\n    admin: {\n      ...(config.admin ?? {}),\n      ...(baseCollection.admin ?? {}),\n    },\n    access: {\n      ...(config.access ?? {}),\n      ...(baseCollection.access ?? {}),\n    },\n    upload: config.upload,\n    fields: [...(baseCollection.fields ?? []), ...config.fields, filenameField],\n    hooks: {\n      ...baseCollection.hooks,\n      beforeChange: [\n        ...(baseCollection.hooks?.beforeChange ?? []),\n        ...(config.hooks?.beforeChange ?? []),\n      ],\n      afterChange: [\n        ...(baseCollection.hooks?.afterChange ?? []),\n        ...(config.hooks?.afterChange ?? []),\n      ],\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,SAAgB,mBACd,MACkB;CAClB,MAAM,EAAE,gBAAgB,MAAM,YAAY;CAc1C,MAAMA,SAA2B;EAC/B,MAAM;EACN,QAAQ;GACN,YAAY;GACZ,cAAc;GACf;EACD,OAAO;GACL,YAjBF,SAAS,SACL,EACE,OAAO,EACL,MAAM,EACJ,WAAW,wDACZ,EACF,EACF,GACD;GAUF,OAAO;GACP,YAAY,EACV,cAAc,IACf;GACF;EACD,QAAQ;GACN,MAAM;GACN,gBAAgB;GAChB,gBAAgB;GAChB,eAAe,EAAE,OAA0B;AACzC,WAAO,IAAI,aAAa;;GAE3B;EACD,QAAQ;GACN;GACA;GACA;GACA;IACE,MAAM;IACN,QAAQ,CAAC,YAAY,YAAY;IAClC;GACD;GACA;GACD;EACD,OAAO;GACL,cAAc,CAAC,iBAAiB;GAChC,aAAa,CAAC,gBAAgB;GAC/B;EACF;AAED,KAAI,CAAC,eACH,QAAO;AAGT,QAAO;EACL,GAAG;EACH,MAAM,eAAe,QAAQ,OAAO;EACpC,OAAO;GACL,GAAI,OAAO,SAAS,EAAE;GACtB,GAAI,eAAe,SAAS,EAAE;GAC/B;EACD,QAAQ;GACN,GAAI,OAAO,UAAU,EAAE;GACvB,GAAI,eAAe,UAAU,EAAE;GAChC;EACD,QAAQ,OAAO;EACf,QAAQ;GAAC,GAAI,eAAe,UAAU,EAAE;GAAG,GAAG,OAAO;GAAQ;GAAc;EAC3E,OAAO;GACL,GAAG,eAAe;GAClB,cAAc,CACZ,GAAI,eAAe,OAAO,gBAAgB,EAAE,EAC5C,GAAI,OAAO,OAAO,gBAAgB,EAAE,CACrC;GACD,aAAa,CACX,GAAI,eAAe,OAAO,eAAe,EAAE,EAC3C,GAAI,OAAO,OAAO,eAAe,EAAE,CACpC;GACF;EACF"}

package/dist/components/uploadHandler/uploadHandler.mjs

@@ -2,14 +2,15 @@
 
 import { MediaCloudErrors, MediaCloudLogs } from "../../types/errors.mjs";
 import { useMagicError } from "../../error-handler/dist/index.mjs";
-import { useErrorHandler } from "../../hooks/useErrorHandler.mjs";
 import { generateUniqueFilename, getMimeType, isVideo, sanitizeFilename } from "../../utils/file.mjs";
 import { useMediaCloudEmitter } from "../../hooks/useMediaCloudEmitter.mjs";
+import PQueue from "p-queue";
 import * as upchunk from "@mux/upchunk";
 import * as tus from "tus-js-client";
 import { createClientUploadHandler } from "@payloadcms/plugin-cloud-storage/client";
 
 //#region src/components/uploadHandler/uploadHandler.tsx
+let queue;
 const MUX_CHUNK_SIZE = 30720;
 const TUS_CHUNK_SIZE = 1024 * 1024;
 const TUS_RETRY_DELAYS = [
@@ -19,7 +20,7 @@ const TUS_RETRY_DELAYS = [
 	5e3
 ];
 const magicError = useMagicError({ prefix: "PLUGIN-MEDIA-CLOUD" });
-const { throwError } = magicError;
+const { throwError, log } = magicError;
 const emitter = useMediaCloudEmitter();
 /**
 * Handles Mux video upload with progress tracking
@@ -27,7 +28,7 @@ const emitter = useMediaCloudEmitter();
 * @returns Promise that resolves to upload result or null if upload fails
 */
 async function muxUpload(args) {
-	const { file, serverURL, apiRoute, mimeType } = args;
+	const { file, serverURL, apiRoute, mimeType, onResolve } = args;
 	const endpoint = `${serverURL}${apiRoute}`;
 	const filename = file.name;
 	try {
@@ -51,32 +52,38 @@ async function muxUpload(args) {
 			polling: false,
 			pollingUrl: `${endpoint}/mux/asset`
 		});
-		uploader.on("error", function() {
-			emitter.emit("removeUpload", { uploadId });
-			throwError(MediaCloudErrors.MUX_UPLOAD_ERROR);
+		await onResolve({
+			storage: "mux",
+			filename,
+			uploadId,
+			mimeType
 		});
-		uploader.on("progress", function(progress) {
-			emitter.emit("updateUpload", {
-				filename,
-				progress: progress.detail
+		return new Promise((resolve, reject) => {
+			uploader.on("error", function(error) {
+				emitter.emit("removeUpload", { uploadId });
+				throwError({
+					...MediaCloudErrors.MUX_UPLOAD_ERROR,
+					cause: error
+				});
+				reject(error);
+			});
+			uploader.on("progress", function(progress) {
+				emitter.emit("updateUpload", {
+					filename,
+					progress: progress.detail
+				});
+			});
+			uploader.on("success", function() {
+				emitter.emit("uploadComplete", { filename });
+				resolve();
 			});
 		});
-		uploader.on("success", function() {
-			emitter.emit("uploadComplete", { filename });
-		});
-		return {
-			filename,
-			uploadId,
-			mimeType,
-			storage: "mux"
-		};
 	} catch {
 		throwError(MediaCloudErrors.MUX_DIRECT_UPLOAD_ERROR);
 		emitter.emit("uploadError", {
 			filename,
 			error: "Video upload failed"
 		});
-		return null;
 	}
 }
 /**
@@ -85,23 +92,13 @@ async function muxUpload(args) {
 * @returns Promise that resolves to upload result or null if upload fails
 */
 async function tusUpload(args) {
-	const { apiRoute, serverURL, file, prefix = "", mimeType } = args;
+	const { apiRoute, serverURL, file, prefix = "", mimeType, onResolve } = args;
 	const filename = file.name;
 	const filetype = file.type;
 	const filesize = file.size.toString();
 	const endpoint = `${serverURL}${apiRoute}/uploads`;
-	Object.keys(localStorage).filter((key) => key.startsWith("tus::")).forEach((key) => localStorage.removeItem(key));
 	let uploadUrlAvailable = false;
-	let eventListenerAdded = false;
-	function onBeforeUnload(e) {
-		window.removeEventListener("beforeunload", onBeforeUnload);
-		e.preventDefault();
-	}
-	function onPageUnload() {
-		window.removeEventListener("unload", onPageUnload);
-		navigator.sendBeacon(`${endpoint}/cleanup`, JSON.stringify({ filename }));
-	}
-	return new Promise((resolve) => {
+	return new Promise((resolve, reject) => {
 		new tus.Upload(file, {
 			endpoint,
 			retryDelays: TUS_RETRY_DELAYS,
@@ -127,14 +124,7 @@ async function tusUpload(args) {
 					...MediaCloudErrors.TUS_UPLOAD_ERROR,
 					cause: error
 				});
-				resolve(null);
-			},
-			onBeforeRequest() {
-				if (!eventListenerAdded) {
-					window.addEventListener("beforeunload", onBeforeUnload);
-					window.addEventListener("unload", onPageUnload);
-					eventListenerAdded = true;
-				}
+				reject(error);
 			},
 			onProgress: function(bytesUploaded, bytesTotal) {
 				const percentage = Math.round(bytesUploaded / bytesTotal * 100);
@@ -144,77 +134,105 @@ async function tusUpload(args) {
 				});
 			},
 			async onSuccess() {
-				window.removeEventListener("beforeunload", onBeforeUnload);
-				window.removeEventListener("unload", onPageUnload);
-				emitter.emit("uploadComplete", { filename });
-				await fetch(`${endpoint}/${filename}/process`);
-				await fetch(`${endpoint}/${filename}/folder`);
+				try {
+					emitter.emit("uploadComplete", { filename });
+					await fetch(`${endpoint}/${filename}/process`);
+					await fetch(`${endpoint}/${filename}/folder`);
+				} catch (error) {
+					console.error(error);
+				} finally {
+					resolve();
+				}
 			},
 			onUploadUrlAvailable: async function() {
-				if (uploadUrlAvailable) return;
-				uploadUrlAvailable = true;
-				emitter.emit("addUpload", { filename });
-				resolve({
-					filename,
-					mimeType,
-					storage: "s3"
-				});
+				try {
+					if (uploadUrlAvailable) return;
+					uploadUrlAvailable = true;
+					emitter.emit("addUpload", { filename });
+					onResolve({
+						filename,
+						mimeType,
+						storage: "s3"
+					});
+				} catch (error) {
+					console.error(error);
+				}
 			}
 		}).start();
 	});
 }
-const { log } = useErrorHandler();
 function UploadHandler(props) {
 	return createClientUploadHandler({ handler: async function(args) {
 		const { serverURL, apiRoute, file, prefix, updateFilename, extra } = args;
 		const { pluginOptions } = extra;
-		const mimeType = await getMimeType(file);
-		magicError.assert(mimeType, MediaCloudErrors.FILE_TYPE_UNKNOWN);
-		if (!(pluginOptions.limits?.mimeTypes ?? []).some((allowed) => allowed.endsWith("/*") ? mimeType?.startsWith(allowed.replace("/*", "/")) : mimeType === allowed)) {
-			throwError(MediaCloudErrors.FILE_TYPE_NOT_ALLOWED);
-			return null;
-		}
-		if (file.size > (pluginOptions.limits?.fileSize ?? Infinity)) {
-			throwError(MediaCloudErrors.FILE_SIZE_EXCEEDED);
-			return null;
-		}
-		let mappedFile = file;
-		try {
-			const endpoint = `${serverURL}${apiRoute}/uploads`;
-			const response = await fetch(`${endpoint}/${file.name}/exists`);
-			if (response?.status === 200) log(MediaCloudLogs.S3_STORE_FILE_FOUND);
-			const newFilename = response?.status === 200 ? generateUniqueFilename(file.name) : sanitizeFilename(file.name);
-			mappedFile = new File([file], newFilename, { type: file.type });
-			await updateFilename(newFilename);
-		} catch (error) {
-			throwError({
-				...MediaCloudErrors.NAMING_FUNCTION_ERROR,
-				cause: error
-			});
-			return null;
-		}
-		try {
-			const uploadArgs = {
-				file: mappedFile,
-				serverURL,
-				apiRoute,
-				mimeType,
-				prefix
-			};
-			const storageForMimeType = pluginOptions.storage && Object.prototype.hasOwnProperty.call(pluginOptions.storage, mimeType) ? pluginOptions.storage[mimeType] : void 0;
-			const isVideoFile = await isVideo(file);
-			const storeOnMux = pluginOptions.storage?.["video/*"] === "mux" || storageForMimeType === "mux";
-			switch (true) {
-				case storeOnMux && isVideoFile: return await muxUpload(uploadArgs);
-				default: return await tusUpload(uploadArgs);
+		if (!queue) queue = new PQueue({ concurrency: pluginOptions.limits.concurrency });
+		if (queue && queue.concurrency !== pluginOptions.limits.concurrency) queue.concurrency = pluginOptions.limits.concurrency;
+		async function upload(onResolve) {
+			const mimeType = await getMimeType(file);
+			const allowedMimeTypes = pluginOptions.limits?.mimeTypes ?? [];
+			magicError.assert(mimeType, MediaCloudErrors.FILE_TYPE_UNKNOWN);
+			if (!allowedMimeTypes.some((allowed) => allowed.endsWith("/*") ? mimeType?.startsWith(allowed.replace("/*", "/")) : mimeType === allowed)) {
+				throwError(MediaCloudErrors.FILE_TYPE_NOT_ALLOWED);
+				onResolve(null);
+				return;
+			}
+			if (file.size > pluginOptions.limits.fileSize) {
+				throwError(MediaCloudErrors.FILE_SIZE_EXCEEDED);
+				onResolve(null);
+				return;
+			}
+			let mappedFile = file;
+			try {
+				const sanitizedFilename = sanitizeFilename(file.name);
+				const endpoint = `${serverURL}${apiRoute}/uploads`;
+				const response = await fetch(`${endpoint}/${sanitizedFilename}/exists`);
+				switch (response?.status) {
+					case 200:
+						log(MediaCloudLogs.S3_STORE_FILE_FOUND);
+						break;
+					case 204:
+						log(MediaCloudLogs.S3_STORE_FILE_NOT_FOUND);
+						break;
+				}
+				const newFilename = response?.status === 200 ? generateUniqueFilename(sanitizedFilename) : sanitizedFilename;
+				mappedFile = new File([file], newFilename, { type: file.type });
+				await updateFilename(newFilename);
+			} catch (error) {
+				throwError({
+					...MediaCloudErrors.NAMING_FUNCTION_ERROR,
+					cause: error
+				});
+				onResolve(null);
+				return;
+			}
+			try {
+				const uploadArgs = {
+					file: mappedFile,
+					serverURL,
+					apiRoute,
+					mimeType,
+					prefix,
+					onResolve
+				};
+				const storageForMimeType = pluginOptions.storage && Object.prototype.hasOwnProperty.call(pluginOptions.storage, mimeType) ? pluginOptions.storage[mimeType] : void 0;
+				const isVideoFile = await isVideo(file);
+				const storeOnMux = pluginOptions.storage?.["video/*"] === "mux" || storageForMimeType === "mux";
+				switch (true) {
+					case storeOnMux && isVideoFile: return await muxUpload(uploadArgs);
+					default: return await tusUpload(uploadArgs);
+				}
+			} catch (error) {
+				throwError({
+					...MediaCloudErrors.UPLOAD_HANDLER_ERROR,
+					cause: error
+				});
+				onResolve(null);
 			}
-		} catch (error) {
-			throwError({
-				...MediaCloudErrors.UPLOAD_HANDLER_ERROR,
-				cause: error
-			});
-			return null;
 		}
+		return new Promise((resolve) => {
+			magicError.assert(queue, MediaCloudErrors.UPLOAD_QUEUE_NOT_INITIALIZED);
+			queue.add(() => upload(resolve));
+		});
 	} })(props);
 }
 

package/dist/components/uploadHandler/uploadHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"uploadHandler.mjs","names":["upchunk","tus","createClientUploadHandler","MediaCloudErrors","MediaCloudLogs","useMediaCloudEmitter","useErrorHandler","isVideo","getMimeType","generateUniqueFilename","sanitizeFilename","useMagicError","MUX_CHUNK_SIZE","TUS_CHUNK_SIZE","TUS_RETRY_DELAYS","magicError","prefix","throwError","emitter","muxUpload","args","file","serverURL","apiRoute","mimeType","endpoint","filename","name","response","fetch","body","JSON","stringify","credentials","method","headers","url","uploadId","json","uploader","createUpload","chunkSize","emit","polling","pollingUrl","on","MUX_UPLOAD_ERROR","progress","detail","storage","MUX_DIRECT_UPLOAD_ERROR","error","tusUpload","filetype","type","filesize","size","toString","Object","keys","localStorage","filter","key","startsWith","forEach","removeItem","uploadUrlAvailable","eventListenerAdded","onBeforeUnload","e","window","removeEventListener","preventDefault","onPageUnload","navigator","sendBeacon","Promise","resolve","upload","Upload","retryDelays","storeFingerprintForResuming","metadata","contentType","contentLength","contentDisposition","onError","message","TUS_UPLOAD_ERROR","cause","onBeforeRequest","addEventListener","onProgress","bytesUploaded","bytesTotal","percentage","Math","round","onSuccess","onUploadUrlAvailable","start","log","UploadHandler","props","handler","updateFilename","extra","pluginOptions","assert","FILE_TYPE_UNKNOWN","allowedMimeTypes","limits","mimeTypes","mimeTypeMatches","some","allowed","endsWith","replace","FILE_TYPE_NOT_ALLOWED","fileSize","Infinity","FILE_SIZE_EXCEEDED","mappedFile","status","S3_STORE_FILE_FOUND","newFilename","File","NAMING_FUNCTION_ERROR","uploadArgs","storageForMimeType","prototype","hasOwnProperty","call","undefined","isVideoFile","storeOnMux","UPLOAD_HANDLER_ERROR"],"sources":["../../../src/components/uploadHandler/uploadHandler.tsx"],"sourcesContent":["'use client'\n\nimport * as upchunk from '@mux/upchunk'\nimport * as tus from 'tus-js-client'\n\nimport { createClientUploadHandler } from '@payloadcms/plugin-cloud-storage/client'\n\nimport { MediaCloudErrors, MediaCloudLogs } from '../../types/errors'\nimport { useMediaCloudEmitter } from '../../hooks/useMediaCloudEmitter'\nimport { useErrorHandler } from '../../hooks/useErrorHandler'\nimport {\n  isVideo,\n  getMimeType,\n  generateUniqueFilename,\n  sanitizeFilename,\n} from '../../utils/file'\n\nimport type {\n  MediaCloudPluginOptions,\n  Storage,\n  MimeType,\n} from '../../types/index'\nimport type { ReactNode } from 'react'\nimport type { UploadCollectionSlug } from 'payload'\nimport { useMagicError, UseMagicErrorReturn } from '@maas/error-handler'\n\ninterface UploadArgs {\n  serverURL: string\n  apiRoute: string\n  file: File\n  mimeType: MimeType\n  prefix?: string\n}\n\ninterface UploadResult {\n  storage: Storage\n  mimeType: MimeType\n  filename: string\n  uploadId?: string\n}\n\ninterface MuxCreateUploadResponse {\n  url: string\n  uploadId: string\n  filename: string\n}\n\nconst MUX_CHUNK_SIZE = 30720\nconst TUS_CHUNK_SIZE = 1024 * 1024\nconst TUS_RETRY_DELAYS = [0, 1000, 2000, 5000]\n\nconst magicError: UseMagicErrorReturn = useMagicError({\n  prefix: 'PLUGIN-MEDIA-CLOUD',\n})\n\nconst { throwError } = magicError\nconst emitter = useMediaCloudEmitter()\n\n/**\n * Handles Mux video upload with progress tracking\n * @param args - The upload arguments including file, server URL, and callbacks\n * @returns Promise that resolves to upload result or null if upload fails\n */\nasync function muxUpload(args: UploadArgs): Promise<UploadResult | null> {\n  const { file, serverURL, apiRoute, mimeType } = args\n\n  const endpoint = `${serverURL}${apiRoute}`\n  const filename = file.name\n\n  try {\n    // Request upload URL from Mux\n    const response = await fetch(`${endpoint}/mux/upload`, {\n      body: JSON.stringify({ filename, mimeType }),\n      credentials: 'include',\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    })\n\n    const { url, uploadId } = (await response.json()) as MuxCreateUploadResponse\n\n    // Create upchunk uploader\n    const uploader = await upchunk.createUpload({\n      endpoint: url,\n      file,\n      chunkSize: MUX_CHUNK_SIZE,\n    })\n\n    // Add upload to tracker\n    emitter.emit('addUpload', {\n      filename,\n      uploadId,\n      polling: false,\n      pollingUrl: `${endpoint}/mux/asset`,\n    })\n\n    // Set up event handlers\n    uploader.on('error', function () {\n      emitter.emit('removeUpload', { uploadId })\n      throwError(MediaCloudErrors.MUX_UPLOAD_ERROR)\n    })\n\n    uploader.on('progress', function (progress) {\n      emitter.emit('updateUpload', {\n        filename,\n        progress: progress.detail,\n      })\n    })\n\n    uploader.on('success', function () {\n      emitter.emit('uploadComplete', { filename })\n    })\n\n    // Update collection entry\n    // with filename, uploadId, mimeType, and storage\n    return {\n      filename,\n      uploadId,\n      mimeType,\n      storage: 'mux',\n    }\n  } catch {\n    throwError(MediaCloudErrors.MUX_DIRECT_UPLOAD_ERROR)\n    emitter.emit('uploadError', { filename, error: 'Video upload failed' })\n    return null\n  }\n}\n\n/**\n * Handles TUS file upload with resumable capabilities\n * @param args - The upload arguments including file, server URL, and callbacks\n * @returns Promise that resolves to upload result or null if upload fails\n */\nasync function tusUpload(args: UploadArgs): Promise<UploadResult | null> {\n  const { apiRoute, serverURL, file, prefix = '', mimeType } = args\n\n  const filename = file.name\n  const filetype = file.type\n  const filesize = file.size.toString()\n\n  const endpoint = `${serverURL}${apiRoute}/uploads`\n\n  // Clear any stale TUS uploads from localStorage\n  Object.keys(localStorage)\n    .filter((key) => key.startsWith('tus::'))\n    .forEach((key) => localStorage.removeItem(key))\n\n  // Flag to prevent multiple onUploadUrlAvailable calls\n  let uploadUrlAvailable = false\n  let eventListenerAdded = false\n\n  function onBeforeUnload(e: BeforeUnloadEvent) {\n    window.removeEventListener('beforeunload', onBeforeUnload)\n    e.preventDefault()\n  }\n\n  function onPageUnload() {\n    window.removeEventListener('unload', onPageUnload)\n    navigator.sendBeacon(`${endpoint}/cleanup`, JSON.stringify({ filename }))\n  }\n\n  return new Promise((resolve) => {\n    const upload = new tus.Upload(file, {\n      endpoint,\n      retryDelays: TUS_RETRY_DELAYS,\n      chunkSize: TUS_CHUNK_SIZE,\n      storeFingerprintForResuming: false,\n      metadata: {\n        filetype,\n        filesize,\n        filename,\n        prefix,\n        contentType: filetype,\n        contentLength: filesize,\n        contentDisposition: 'inline',\n      },\n      onError(error) {\n        // Clean up\n        navigator.sendBeacon(\n          `${endpoint}/cleanup`,\n          JSON.stringify({ filename })\n        )\n\n        // Inform user\n        emitter.emit('uploadError', { filename, error: error.message })\n        emitter.emit('removeUpload', { filename })\n        throwError({ ...MediaCloudErrors.TUS_UPLOAD_ERROR, cause: error })\n        resolve(null)\n      },\n      onBeforeRequest() {\n        if (!eventListenerAdded) {\n          window.addEventListener('beforeunload', onBeforeUnload)\n          window.addEventListener('unload', onPageUnload)\n          eventListenerAdded = true\n        }\n      },\n      onProgress: function (bytesUploaded, bytesTotal) {\n        const percentage = Math.round((bytesUploaded / bytesTotal) * 100)\n        emitter.emit('updateUpload', {\n          filename,\n          progress: percentage,\n        })\n      },\n      async onSuccess() {\n        // Clean up beforeunload listener\n        window.removeEventListener('beforeunload', onBeforeUnload)\n        window.removeEventListener('unload', onPageUnload)\n\n        // Mark upload as complete in UI\n        emitter.emit('uploadComplete', { filename })\n\n        // Trigger post upload processing\n        await fetch(`${endpoint}/${filename}/process`)\n\n        // Move file to correct folder\n        await fetch(`${endpoint}/${filename}/folder`)\n      },\n      onUploadUrlAvailable: async function () {\n        // Prevent multiple callbacks\n        if (uploadUrlAvailable) {\n          return\n        }\n\n        // Update flag\n        uploadUrlAvailable = true\n\n        // Add upload to UI\n        emitter.emit('addUpload', { filename })\n\n        // Update collection entry\n        // with filename, mimeType, and storage\n        resolve({\n          filename,\n          mimeType,\n          storage: 's3',\n        })\n      },\n    })\n\n    upload.start()\n  })\n}\n\nconst { log } = useErrorHandler()\n\ninterface Extra {\n  pluginOptions: MediaCloudPluginOptions\n}\n\ntype ClientUploadHandlerProps<T extends Record<string, unknown>> = {\n  children: ReactNode\n  collectionSlug: UploadCollectionSlug\n  enabled?: boolean\n  extra: T\n  prefix?: string\n  serverHandlerPath: `/${string}`\n}\n\nexport function UploadHandler(\n  props: ClientUploadHandlerProps<{ pluginOptions: MediaCloudPluginOptions }>\n) {\n  return createClientUploadHandler({\n    handler: async function (args) {\n      const { serverURL, apiRoute, file, prefix, updateFilename, extra } = args\n      const { pluginOptions } = extra as unknown as Extra\n\n      // Check mime type\n      const mimeType = await getMimeType(file)\n\n      magicError.assert(mimeType, MediaCloudErrors.FILE_TYPE_UNKNOWN)\n\n      const allowedMimeTypes = pluginOptions.limits?.mimeTypes ?? []\n\n      const mimeTypeMatches = allowedMimeTypes.some((allowed) =>\n        allowed.endsWith('/*')\n          ? mimeType?.startsWith(allowed.replace('/*', '/'))\n          : mimeType === allowed\n      )\n\n      if (!mimeTypeMatches) {\n        throwError(MediaCloudErrors.FILE_TYPE_NOT_ALLOWED)\n        return null\n      }\n\n      // Check file size limit\n      if (file.size > (pluginOptions.limits?.fileSize ?? Infinity)) {\n        throwError(MediaCloudErrors.FILE_SIZE_EXCEEDED)\n        return null\n      }\n\n      // Clone file\n      let mappedFile = file\n\n      try {\n        // Check if file with same name exists\n        const endpoint = `${serverURL}${apiRoute}/uploads`\n        const response = await fetch(`${endpoint}/${file.name}/exists`)\n\n        if (response?.status === 200) {\n          log(MediaCloudLogs.S3_STORE_FILE_FOUND)\n        }\n\n        // If file exists, generate a cloned file with a unique filename\n        // If not, generate a cloned file with a sanitized filename\n        const newFilename =\n          response?.status === 200\n            ? generateUniqueFilename(file.name)\n            : sanitizeFilename(file.name)\n\n        mappedFile = new File([file], newFilename, {\n          type: file.type,\n        })\n\n        await updateFilename(newFilename)\n      } catch (error) {\n        throwError({\n          ...MediaCloudErrors.NAMING_FUNCTION_ERROR,\n          cause: error,\n        })\n        return null\n      }\n\n      try {\n        const uploadArgs: UploadArgs = {\n          file: mappedFile,\n          serverURL,\n          apiRoute,\n          mimeType,\n          prefix,\n        }\n\n        // Check storage mapping for mime type\n        type StorageMap = NonNullable<typeof pluginOptions.storage>\n\n        const storageForMimeType =\n          pluginOptions.storage &&\n          Object.prototype.hasOwnProperty.call(pluginOptions.storage, mimeType)\n            ? pluginOptions.storage[mimeType as keyof StorageMap]\n            : undefined\n\n        const isVideoFile = await isVideo(file)\n        const storeOnMux =\n          pluginOptions.storage?.['video/*'] === 'mux' ||\n          storageForMimeType === 'mux'\n\n        switch (true) {\n          case storeOnMux && isVideoFile:\n            return await muxUpload(uploadArgs)\n          default:\n            return await tusUpload(uploadArgs)\n        }\n      } catch (error) {\n        throwError({ ...MediaCloudErrors.UPLOAD_HANDLER_ERROR, cause: error })\n        return null\n      }\n    },\n  })(props)\n}\n"],"mappings":"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"}
+{"version":3,"file":"uploadHandler.mjs","names":["PQueue","upchunk","tus","createClientUploadHandler","MediaCloudErrors","MediaCloudLogs","useMediaCloudEmitter","isVideo","getMimeType","generateUniqueFilename","sanitizeFilename","useMagicError","queue","MUX_CHUNK_SIZE","TUS_CHUNK_SIZE","TUS_RETRY_DELAYS","magicError","prefix","throwError","log","emitter","muxUpload","args","file","serverURL","apiRoute","mimeType","onResolve","endpoint","filename","name","response","fetch","body","JSON","stringify","credentials","method","headers","url","uploadId","json","uploader","createUpload","chunkSize","emit","polling","pollingUrl","storage","Promise","resolve","reject","on","error","MUX_UPLOAD_ERROR","cause","progress","detail","MUX_DIRECT_UPLOAD_ERROR","tusUpload","filetype","type","filesize","size","toString","uploadUrlAvailable","upload","Upload","retryDelays","storeFingerprintForResuming","metadata","contentType","contentLength","contentDisposition","onError","navigator","sendBeacon","message","TUS_UPLOAD_ERROR","onProgress","bytesUploaded","bytesTotal","percentage","Math","round","onSuccess","console","onUploadUrlAvailable","start","UploadHandler","props","handler","updateFilename","extra","pluginOptions","concurrency","limits","allowedMimeTypes","mimeTypes","assert","FILE_TYPE_UNKNOWN","mimeTypeMatches","some","allowed","endsWith","startsWith","replace","FILE_TYPE_NOT_ALLOWED","fileSize","FILE_SIZE_EXCEEDED","mappedFile","sanitizedFilename","status","S3_STORE_FILE_FOUND","S3_STORE_FILE_NOT_FOUND","newFilename","File","NAMING_FUNCTION_ERROR","uploadArgs","storageForMimeType","Object","prototype","hasOwnProperty","call","undefined","isVideoFile","storeOnMux","UPLOAD_HANDLER_ERROR","UPLOAD_QUEUE_NOT_INITIALIZED","add"],"sources":["../../../src/components/uploadHandler/uploadHandler.tsx"],"sourcesContent":["'use client'\n\nimport PQueue from 'p-queue'\n\nimport * as upchunk from '@mux/upchunk'\nimport * as tus from 'tus-js-client'\n\nimport { createClientUploadHandler } from '@payloadcms/plugin-cloud-storage/client'\n\nimport { MediaCloudErrors, MediaCloudLogs } from '../../types/errors'\nimport { useMediaCloudEmitter } from '../../hooks/useMediaCloudEmitter'\nimport {\n  isVideo,\n  getMimeType,\n  generateUniqueFilename,\n  sanitizeFilename,\n} from '../../utils/file'\n\nimport type {\n  MediaCloudPluginOptions,\n  Storage,\n  MimeType,\n  RequireAllNested,\n} from '../../types/index'\nimport type { ReactNode } from 'react'\nimport type { UploadCollectionSlug } from 'payload'\nimport { useMagicError, UseMagicErrorReturn } from '@maas/error-handler'\n\ninterface UploadResult {\n  storage: Storage\n  mimeType: MimeType\n  filename: string\n  uploadId?: string\n}\n\ninterface UploadArgs {\n  serverURL: string\n  apiRoute: string\n  file: File\n  mimeType: MimeType\n  prefix?: string\n  onResolve: (result: UploadResult | null) => void\n}\n\ninterface MuxCreateUploadResponse {\n  url: string\n  uploadId: string\n  filename: string\n}\n\nlet queue: PQueue | undefined\n\nconst MUX_CHUNK_SIZE = 30720\nconst TUS_CHUNK_SIZE = 1024 * 1024\nconst TUS_RETRY_DELAYS = [0, 1000, 2000, 5000]\n\nconst magicError: UseMagicErrorReturn = useMagicError({\n  prefix: 'PLUGIN-MEDIA-CLOUD',\n})\n\nconst { throwError, log } = magicError\nconst emitter = useMediaCloudEmitter()\n\n/**\n * Handles Mux video upload with progress tracking\n * @param args - The upload arguments including file, server URL, and callbacks\n * @returns Promise that resolves to upload result or null if upload fails\n */\nasync function muxUpload(args: UploadArgs): Promise<void> {\n  const { file, serverURL, apiRoute, mimeType, onResolve } = args\n\n  const endpoint = `${serverURL}${apiRoute}`\n  const filename = file.name\n\n  try {\n    // Request upload URL from Mux\n    const response = await fetch(`${endpoint}/mux/upload`, {\n      body: JSON.stringify({ filename, mimeType }),\n      credentials: 'include',\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    })\n\n    const { url, uploadId } = (await response.json()) as MuxCreateUploadResponse\n\n    // Create upchunk uploader\n    const uploader = await upchunk.createUpload({\n      endpoint: url,\n      file,\n      chunkSize: MUX_CHUNK_SIZE,\n    })\n\n    // Add upload to tracker\n    emitter.emit('addUpload', {\n      filename,\n      uploadId,\n      polling: false,\n      pollingUrl: `${endpoint}/mux/asset`,\n    })\n\n    // Update collection entry\n    await onResolve({\n      storage: 'mux',\n      filename,\n      uploadId,\n      mimeType,\n    })\n\n    return new Promise((resolve, reject) => {\n      // Set up event handlers\n      uploader.on('error', function (error) {\n        emitter.emit('removeUpload', { uploadId })\n        throwError({ ...MediaCloudErrors.MUX_UPLOAD_ERROR, cause: error })\n        reject(error)\n      })\n\n      uploader.on('progress', function (progress) {\n        emitter.emit('updateUpload', {\n          filename,\n          progress: progress.detail,\n        })\n      })\n\n      uploader.on('success', function () {\n        emitter.emit('uploadComplete', { filename })\n        resolve()\n      })\n    })\n  } catch {\n    throwError(MediaCloudErrors.MUX_DIRECT_UPLOAD_ERROR)\n    emitter.emit('uploadError', { filename, error: 'Video upload failed' })\n  }\n}\n\n/**\n * Handles TUS file upload with resumable capabilities\n * @param args - The upload arguments including file, server URL, and callbacks\n * @returns Promise that resolves to upload result or null if upload fails\n */\nasync function tusUpload(args: UploadArgs): Promise<void> {\n  const { apiRoute, serverURL, file, prefix = '', mimeType, onResolve } = args\n\n  const filename = file.name\n  const filetype = file.type\n  const filesize = file.size.toString()\n\n  const endpoint = `${serverURL}${apiRoute}/uploads`\n\n  // Flag to prevent multiple onUploadUrlAvailable calls\n  let uploadUrlAvailable = false\n\n  return new Promise((resolve, reject) => {\n    const upload = new tus.Upload(file, {\n      endpoint,\n      retryDelays: TUS_RETRY_DELAYS,\n      chunkSize: TUS_CHUNK_SIZE,\n      storeFingerprintForResuming: false,\n      metadata: {\n        filetype,\n        filesize,\n        filename,\n        prefix,\n        contentType: filetype,\n        contentLength: filesize,\n        contentDisposition: 'inline',\n      },\n      onError(error) {\n        // Clean up\n        navigator.sendBeacon(\n          `${endpoint}/cleanup`,\n          JSON.stringify({ filename })\n        )\n\n        // Inform user\n        emitter.emit('uploadError', { filename, error: error.message })\n        emitter.emit('removeUpload', { filename })\n        throwError({ ...MediaCloudErrors.TUS_UPLOAD_ERROR, cause: error })\n        reject(error)\n      },\n      onProgress: function (bytesUploaded, bytesTotal) {\n        const percentage = Math.round((bytesUploaded / bytesTotal) * 100)\n        emitter.emit('updateUpload', {\n          filename,\n          progress: percentage,\n        })\n      },\n      async onSuccess() {\n        try {\n          // Mark upload as complete in UI\n          emitter.emit('uploadComplete', { filename })\n\n          // Trigger post upload processing\n          await fetch(`${endpoint}/${filename}/process`)\n\n          // Move file to correct folder\n          await fetch(`${endpoint}/${filename}/folder`)\n        } catch (error) {\n          console.error(error)\n        } finally {\n          resolve()\n        }\n      },\n      onUploadUrlAvailable: async function () {\n        try {\n          // Prevent multiple callbacks\n          if (uploadUrlAvailable) {\n            return\n          }\n\n          // Update flag\n          uploadUrlAvailable = true\n\n          // Add upload to UI\n          emitter.emit('addUpload', { filename })\n\n          // Update collection entry\n          onResolve({\n            filename,\n            mimeType,\n            storage: 's3',\n          })\n        } catch (error) {\n          // Handled elsewhere\n          console.error(error)\n        }\n      },\n    })\n\n    upload.start()\n  })\n}\n\ninterface Extra {\n  pluginOptions: RequireAllNested<MediaCloudPluginOptions>\n}\n\ntype ClientUploadHandlerProps<T extends Record<string, unknown>> = {\n  children: ReactNode\n  collectionSlug: UploadCollectionSlug\n  enabled?: boolean\n  extra: T\n  prefix?: string\n  serverHandlerPath: `/${string}`\n}\n\nexport function UploadHandler(\n  props: ClientUploadHandlerProps<{ pluginOptions: MediaCloudPluginOptions }>\n) {\n  return createClientUploadHandler({\n    handler: async function (args) {\n      const { serverURL, apiRoute, file, prefix, updateFilename, extra } = args\n      const { pluginOptions } = extra as unknown as Extra\n\n      // Initialize upload queue\n      if (!queue) {\n        queue = new PQueue({\n          concurrency: pluginOptions.limits.concurrency,\n        })\n      }\n\n      // Update concurrency\n      if (queue && queue.concurrency !== pluginOptions.limits.concurrency) {\n        queue.concurrency = pluginOptions.limits.concurrency\n      }\n\n      async function upload(onResolve: UploadArgs['onResolve']) {\n        // Check mime type\n        const mimeType = await getMimeType(file)\n        const allowedMimeTypes = pluginOptions.limits?.mimeTypes ?? []\n\n        magicError.assert(mimeType, MediaCloudErrors.FILE_TYPE_UNKNOWN)\n\n        const mimeTypeMatches = allowedMimeTypes.some((allowed) =>\n          allowed.endsWith('/*')\n            ? mimeType?.startsWith(allowed.replace('/*', '/'))\n            : mimeType === allowed\n        )\n\n        if (!mimeTypeMatches) {\n          throwError(MediaCloudErrors.FILE_TYPE_NOT_ALLOWED)\n          onResolve(null)\n          return\n        }\n\n        // Check file size limit\n        if (file.size > pluginOptions.limits.fileSize) {\n          throwError(MediaCloudErrors.FILE_SIZE_EXCEEDED)\n          onResolve(null)\n          return\n        }\n\n        // Clone file\n        let mappedFile = file\n\n        try {\n          // Check if file with same name exists\n          const sanitizedFilename = sanitizeFilename(file.name)\n          const endpoint = `${serverURL}${apiRoute}/uploads`\n          const response = await fetch(\n            `${endpoint}/${sanitizedFilename}/exists`\n          )\n\n          switch (response?.status) {\n            case 200:\n              log(MediaCloudLogs.S3_STORE_FILE_FOUND)\n              break\n            case 204:\n              log(MediaCloudLogs.S3_STORE_FILE_NOT_FOUND)\n              break\n          }\n\n          // If file exists, generate a cloned file with a unique filename\n          // If not, generate a cloned file with a sanitized filename\n          const newFilename =\n            response?.status === 200\n              ? generateUniqueFilename(sanitizedFilename)\n              : sanitizedFilename\n\n          mappedFile = new File([file], newFilename, {\n            type: file.type,\n          })\n\n          await updateFilename(newFilename)\n        } catch (error) {\n          throwError({\n            ...MediaCloudErrors.NAMING_FUNCTION_ERROR,\n            cause: error,\n          })\n          onResolve(null)\n          return\n        }\n\n        try {\n          const uploadArgs: UploadArgs = {\n            file: mappedFile,\n            serverURL,\n            apiRoute,\n            mimeType,\n            prefix,\n            onResolve,\n          }\n\n          // Check storage mapping for mime type\n          type StorageMap = NonNullable<typeof pluginOptions.storage>\n\n          const storageForMimeType =\n            pluginOptions.storage &&\n            Object.prototype.hasOwnProperty.call(\n              pluginOptions.storage,\n              mimeType\n            )\n              ? pluginOptions.storage[mimeType as keyof StorageMap]\n              : undefined\n\n          const isVideoFile = await isVideo(file)\n          const storeOnMux =\n            pluginOptions.storage?.['video/*'] === 'mux' ||\n            storageForMimeType === 'mux'\n\n          switch (true) {\n            case storeOnMux && isVideoFile:\n              return await muxUpload(uploadArgs)\n            default:\n              return await tusUpload(uploadArgs)\n          }\n        } catch (error) {\n          throwError({\n            ...MediaCloudErrors.UPLOAD_HANDLER_ERROR,\n            cause: error,\n          })\n\n          onResolve(null)\n        }\n      }\n\n      return new Promise((resolve) => {\n        magicError.assert(queue, MediaCloudErrors.UPLOAD_QUEUE_NOT_INITIALIZED)\n        queue.add(() => upload(resolve))\n      })\n    },\n  })(props)\n}\n"],"mappings":"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"}

package/dist/components/uploadManager/uploadManager.mjs

@@ -409,7 +409,7 @@ function _temp0() {
 function _temp9(upload_18) {
 	return upload_18.polling;
 }
-function _temp8(upload_17) {
+function _temp8(upload_17, index) {
 	return /* @__PURE__ */ jsxs("li", {
 		"data-status": upload_17.status,
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -429,7 +429,7 @@ function _temp8(upload_17) {
 				className: "upload-progress"
 			})
 		})]
-	}, upload_17.filename);
+	}, `${upload_17.filename}-${index}`);
 }
 function _temp7(upload_16) {
 	return upload_16.status === "completed";