@maas/payload-plugin-media-cloud 0.0.11 → 0.0.14

package/dist/adapter/handleDelete.mjs

@@ -20,7 +20,7 @@ async function deleteMuxAsset(args) {
 			await mux.video.assets.delete(asset.id);
 		}
 	} catch (_error) {
-		logError(MediaCloudErrors.MUX_ASSET_DELETE_ERROR);
+		logError(MediaCloudErrors.MUX_ASSET_DELETE_ERROR.message);
 	}
 }
 /**
@@ -39,7 +39,7 @@ async function deleteS3File(args) {
 			Delete: { Objects: [{ Key: filename }, { Key: `${filename}.info` }] }
 		});
 	} catch (_error) {
-		logError(MediaCloudErrors.S3_DELETE_ERROR);
+		logError(MediaCloudErrors.S3_DELETE_ERROR.message);
 	}
 }
 /**
@@ -67,7 +67,7 @@ function getHandleDelete(args) {
 					filename: media.filename
 				});
 				break;
-			default: logError(MediaCloudErrors.UNKNOWN_STORAGE_TYPE);
+			default: logError(MediaCloudErrors.UNKNOWN_STORAGE_TYPE.message);
 		}
 	};
 }

package/dist/adapter/handleDelete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"handleDelete.mjs","names":[],"sources":["../../src/adapter/handleDelete.ts"],"sourcesContent":["import { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\nimport type { HandleDelete } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { Mux } from '@mux/mux-node'\nimport type { S3Store } from '../tus/stores/s3/s3-store'\n\ninterface HandleDeleteArgs {\n  s3Store: S3Store\n  getMuxClient: () => Mux\n}\n\ninterface DeleteMuxAssetArgs {\n  getMuxClient: () => Mux\n  uploadId: string\n}\n\ninterface DeleteS3FileArgs {\n  s3Store: S3Store\n  filename: string\n}\n\nconst { logError } = useErrorHandler()\n\n/**\n * Deletes a Mux asset by upload ID\n * @param args - The arguments for deleting the Mux asset\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @param args.uploadId - The upload ID of the Mux asset to delete\n * @returns Promise that resolves when the asset is deleted or rejects on error\n */\nasync function deleteMuxAsset(args: DeleteMuxAssetArgs): Promise<void> {\n  const { getMuxClient, uploadId } = args\n\n  try {\n    const mux = getMuxClient()\n    const assets = await mux.video.assets.list({ upload_id: uploadId })\n    if (assets.data.length > 0) {\n      const asset = assets.data[0]\n      await mux.video.assets.delete(asset.id)\n    }\n  } catch (_error) {\n    logError(MediaCloudErrors.MUX_ASSET_DELETE_ERROR)\n  }\n}\n\n/**\n * Deletes a file from S3 storage including its metadata info file\n * @param args - The arguments for deleting the S3 file\n * @param args.s3Store - The S3Store instance for S3 operations\n * @param args.filename - The filename of the file to delete from S3\n * @returns Promise that resolves when the file is deleted or rejects on error\n */\nasync function deleteS3File(args: DeleteS3FileArgs): Promise<void> {\n  const { s3Store, filename } = args\n\n  try {\n    const { client, bucket } = s3Store\n    await client.deleteObjects({\n      Bucket: bucket,\n      Delete: {\n        Objects: [{ Key: filename }, { Key: `${filename}.info` }],\n      },\n    })\n  } catch (_error) {\n    logError(MediaCloudErrors.S3_DELETE_ERROR)\n  }\n}\n\n/**\n * Creates a handle delete function for processing file deletions from both Mux and S3 storage\n * @param args - The arguments for creating the delete handler\n * @param args.s3Store - The S3Store instance for S3 file operations\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @returns A HandleDelete function that processes deletion requests based on storage type\n */\nexport function getHandleDelete(args: HandleDeleteArgs): HandleDelete {\n  const { s3Store, getMuxClient } = args\n  return async ({ doc, req }) => {\n    if (req?.method !== 'DELETE' || !doc) {\n      return\n    }\n\n    const media = doc as Document\n\n    switch (media?.storage) {\n      case 'mux':\n        if (media.mux?.uploadId) {\n          await deleteMuxAsset({ getMuxClient, uploadId: media.mux.uploadId })\n        }\n        break\n      case 's3':\n        if (media.filename) {\n          await deleteS3File({ s3Store, filename: media.filename })\n        }\n        break\n      default:\n        logError(MediaCloudErrors.UNKNOWN_STORAGE_TYPE)\n    }\n  }\n}\n"],"mappings":";;;;AAuBA,MAAM,EAAE,aAAa,iBAAiB;;;;;;;;AAStC,eAAe,eAAe,MAAyC;CACrE,MAAM,EAAE,cAAc,aAAa;AAEnC,KAAI;EACF,MAAM,MAAM,cAAc;EAC1B,MAAM,SAAS,MAAM,IAAI,MAAM,OAAO,KAAK,EAAE,WAAW,UAAU,CAAC;AACnE,MAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,MAAM,QAAQ,OAAO,KAAK;AAC1B,SAAM,IAAI,MAAM,OAAO,OAAO,MAAM,GAAG;;UAElC,QAAQ;AACf,WAAS,iBAAiB,uBAAuB;;;;;;;;;;AAWrD,eAAe,aAAa,MAAuC;CACjE,MAAM,EAAE,SAAS,aAAa;AAE9B,KAAI;EACF,MAAM,EAAE,QAAQ,WAAW;AAC3B,QAAM,OAAO,cAAc;GACzB,QAAQ;GACR,QAAQ,EACN,SAAS,CAAC,EAAE,KAAK,UAAU,EAAE,EAAE,KAAK,GAAG,SAAS,QAAQ,CAAC,EAC1D;GACF,CAAC;UACK,QAAQ;AACf,WAAS,iBAAiB,gBAAgB;;;;;;;;;;AAW9C,SAAgB,gBAAgB,MAAsC;CACpE,MAAM,EAAE,SAAS,iBAAiB;AAClC,QAAO,OAAO,EAAE,KAAK,UAAU;AAC7B,MAAI,KAAK,WAAW,YAAY,CAAC,IAC/B;EAGF,MAAM,QAAQ;AAEd,UAAQ,OAAO,SAAf;GACE,KAAK;AACH,QAAI,MAAM,KAAK,SACb,OAAM,eAAe;KAAE;KAAc,UAAU,MAAM,IAAI;KAAU,CAAC;AAEtE;GACF,KAAK;AACH,QAAI,MAAM,SACR,OAAM,aAAa;KAAE;KAAS,UAAU,MAAM;KAAU,CAAC;AAE3D;GACF,QACE,UAAS,iBAAiB,qBAAqB"}
+{"version":3,"file":"handleDelete.mjs","names":[],"sources":["../../src/adapter/handleDelete.ts"],"sourcesContent":["import { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\nimport type { HandleDelete } from '@payloadcms/plugin-cloud-storage/types'\nimport type { Document } from 'payload'\nimport type { Mux } from '@mux/mux-node'\nimport type { S3Store } from '../tus/stores/s3/s3-store'\n\ninterface HandleDeleteArgs {\n  s3Store: S3Store\n  getMuxClient: () => Mux\n}\n\ninterface DeleteMuxAssetArgs {\n  getMuxClient: () => Mux\n  uploadId: string\n}\n\ninterface DeleteS3FileArgs {\n  s3Store: S3Store\n  filename: string\n}\n\nconst { logError } = useErrorHandler()\n\n/**\n * Deletes a Mux asset by upload ID\n * @param args - The arguments for deleting the Mux asset\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @param args.uploadId - The upload ID of the Mux asset to delete\n * @returns Promise that resolves when the asset is deleted or rejects on error\n */\nasync function deleteMuxAsset(args: DeleteMuxAssetArgs): Promise<void> {\n  const { getMuxClient, uploadId } = args\n\n  try {\n    const mux = getMuxClient()\n    const assets = await mux.video.assets.list({ upload_id: uploadId })\n    if (assets.data.length > 0) {\n      const asset = assets.data[0]\n      await mux.video.assets.delete(asset.id)\n    }\n  } catch (_error) {\n    logError(MediaCloudErrors.MUX_ASSET_DELETE_ERROR.message)\n  }\n}\n\n/**\n * Deletes a file from S3 storage including its metadata info file\n * @param args - The arguments for deleting the S3 file\n * @param args.s3Store - The S3Store instance for S3 operations\n * @param args.filename - The filename of the file to delete from S3\n * @returns Promise that resolves when the file is deleted or rejects on error\n */\nasync function deleteS3File(args: DeleteS3FileArgs): Promise<void> {\n  const { s3Store, filename } = args\n\n  try {\n    const { client, bucket } = s3Store\n    await client.deleteObjects({\n      Bucket: bucket,\n      Delete: {\n        Objects: [{ Key: filename }, { Key: `${filename}.info` }],\n      },\n    })\n  } catch (_error) {\n    logError(MediaCloudErrors.S3_DELETE_ERROR.message)\n  }\n}\n\n/**\n * Creates a handle delete function for processing file deletions from both Mux and S3 storage\n * @param args - The arguments for creating the delete handler\n * @param args.s3Store - The S3Store instance for S3 file operations\n * @param args.getMuxClient - Function that returns a Mux client instance\n * @returns A HandleDelete function that processes deletion requests based on storage type\n */\nexport function getHandleDelete(args: HandleDeleteArgs): HandleDelete {\n  const { s3Store, getMuxClient } = args\n  return async ({ doc, req }) => {\n    if (req?.method !== 'DELETE' || !doc) {\n      return\n    }\n\n    const media = doc as Document\n\n    switch (media?.storage) {\n      case 'mux':\n        if (media.mux?.uploadId) {\n          await deleteMuxAsset({ getMuxClient, uploadId: media.mux.uploadId })\n        }\n        break\n      case 's3':\n        if (media.filename) {\n          await deleteS3File({ s3Store, filename: media.filename })\n        }\n        break\n      default:\n        logError(MediaCloudErrors.UNKNOWN_STORAGE_TYPE.message)\n    }\n  }\n}\n"],"mappings":";;;;AAuBA,MAAM,EAAE,aAAa,iBAAiB;;;;;;;;AAStC,eAAe,eAAe,MAAyC;CACrE,MAAM,EAAE,cAAc,aAAa;AAEnC,KAAI;EACF,MAAM,MAAM,cAAc;EAC1B,MAAM,SAAS,MAAM,IAAI,MAAM,OAAO,KAAK,EAAE,WAAW,UAAU,CAAC;AACnE,MAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,MAAM,QAAQ,OAAO,KAAK;AAC1B,SAAM,IAAI,MAAM,OAAO,OAAO,MAAM,GAAG;;UAElC,QAAQ;AACf,WAAS,iBAAiB,uBAAuB,QAAQ;;;;;;;;;;AAW7D,eAAe,aAAa,MAAuC;CACjE,MAAM,EAAE,SAAS,aAAa;AAE9B,KAAI;EACF,MAAM,EAAE,QAAQ,WAAW;AAC3B,QAAM,OAAO,cAAc;GACzB,QAAQ;GACR,QAAQ,EACN,SAAS,CAAC,EAAE,KAAK,UAAU,EAAE,EAAE,KAAK,GAAG,SAAS,QAAQ,CAAC,EAC1D;GACF,CAAC;UACK,QAAQ;AACf,WAAS,iBAAiB,gBAAgB,QAAQ;;;;;;;;;;AAWtD,SAAgB,gBAAgB,MAAsC;CACpE,MAAM,EAAE,SAAS,iBAAiB;AAClC,QAAO,OAAO,EAAE,KAAK,UAAU;AAC7B,MAAI,KAAK,WAAW,YAAY,CAAC,IAC/B;EAGF,MAAM,QAAQ;AAEd,UAAQ,OAAO,SAAf;GACE,KAAK;AACH,QAAI,MAAM,KAAK,SACb,OAAM,eAAe;KAAE;KAAc,UAAU,MAAM,IAAI;KAAU,CAAC;AAEtE;GACF,KAAK;AACH,QAAI,MAAM,SACR,OAAM,aAAa;KAAE;KAAS,UAAU,MAAM;KAAU,CAAC;AAE3D;GACF,QACE,UAAS,iBAAiB,qBAAqB,QAAQ"}

package/dist/collections/mediaCollection.mjs

@@ -1,5 +1,3 @@
-import { deepmerge as deepmerge$1 } from "@fastify/deepmerge";
-
 //#region src/collections/mediaCollection.ts
 /**
 * Creates a media collection configuration for Payload CMS
@@ -7,8 +5,8 @@ import { deepmerge as deepmerge$1 } from "@fastify/deepmerge";
 * @returns A configured Payload collection for media files
 */
 function getMediaCollection(args) {
-	const { s3Store, baseCollection = {} } = args;
-	return deepmerge$1({ all: true })(baseCollection, {
+	const { s3Store, baseCollection } = args;
+	const config = {
 		slug: "media",
 		access: {
 			read: () => true,
@@ -157,7 +155,13 @@ function getMediaCollection(args) {
 				]
 			}
 		]
-	});
+	};
+	if (!baseCollection) return config;
+	return {
+		...baseCollection,
+		...config,
+		fields: [...baseCollection.fields || [], ...config.fields]
+	};
 }
 
 //#endregion

package/dist/collections/mediaCollection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mediaCollection.mjs","names":["deepmerge"],"sources":["../../src/collections/mediaCollection.ts"],"sourcesContent":["import { deepmerge } from '@fastify/deepmerge'\n\nimport type { CollectionConfig } from 'payload'\nimport type { Document } from 'payload'\nimport type { S3Store } from './../tus/stores/s3/s3-store'\n\ninterface GetMediaCollectionArgs {\n  s3Store: S3Store\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 { s3Store, baseCollection = {} } = args\n\n  const config: CollectionConfig = {\n    slug: 'media',\n    access: {\n      read: () => true,\n      delete: () => true,\n    },\n    admin: {\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        if (doc?.storage === 'mux' && doc?.mux?.playbackId) {\n          return `https://image.mux.com/${doc.mux.playbackId}/thumbnail.jpg?width=200&height=200&fit_mode=pad`\n        } else if (doc?.storage === 's3') {\n          // @TODO: Make configurable\n          const url = s3Store.getUrl(doc.filename)\n          return `https://wsrv.nl/?url=${url}?width=200&height=200&default=1`\n        }\n        return null\n      },\n    },\n    fields: [\n      {\n        name: 'alt',\n        label: 'Alternative Text',\n        type: 'text',\n      },\n      {\n        name: 'caption',\n        label: 'Caption',\n        type: 'text',\n      },\n      {\n        name: 'copyright',\n        label: 'Copyright',\n        type: 'text',\n      },\n      {\n        type: 'row',\n        fields: [\n          {\n            name: 'width',\n            label: 'Width',\n            type: 'text',\n            admin: {\n              readOnly: true,\n              hidden: false,\n              width: '50%',\n            },\n          },\n          {\n            name: 'height',\n            label: 'Height',\n            type: 'number',\n            admin: {\n              readOnly: true,\n              hidden: false,\n              width: '50%',\n            },\n          },\n        ],\n      },\n      {\n        name: 'storage',\n        label: 'Storage',\n        type: 'select',\n        options: [\n          {\n            label: 'Mux',\n            value: 'mux',\n          },\n          {\n            label: 'S3',\n            value: 's3',\n          },\n        ],\n        admin: {\n          readOnly: true,\n        },\n      },\n      {\n        name: 'mux',\n        label: 'Mux',\n        type: 'group',\n        admin: {\n          disableListColumn: true,\n          disableBulkEdit: true,\n          disableListFilter: true,\n          readOnly: true,\n          condition: (data) => {\n            return data.storage === 'mux'\n          },\n        },\n        fields: [\n          {\n            name: 'preview',\n            type: 'ui',\n            admin: {\n              condition: (data) => {\n                return data.storage === 'mux'\n              },\n              disableListColumn: true,\n              components: {\n                Field: '@maas/payload-plugin-media-cloud/components#MuxPreview',\n              },\n            },\n          },\n          {\n            name: 'status',\n            label: 'Status',\n            type: 'text',\n          },\n          {\n            name: 'uploadId',\n            label: 'Upload ID',\n            type: 'text',\n          },\n          {\n            name: 'assetId',\n            label: 'Asset ID',\n            type: 'text',\n          },\n          {\n            name: 'playbackId',\n            label: 'Playback ID',\n            type: 'text',\n          },\n          {\n            name: 'aspectRatio',\n            label: 'Aspect Ratio',\n            type: 'text',\n          },\n          {\n            name: 'duration',\n            label: 'Duration',\n            type: 'number',\n          },\n          {\n            name: 'tracks',\n            label: 'Tracks',\n            type: 'json',\n          },\n          {\n            name: 'maxResolutionTier',\n            label: 'Max Resolution Tier',\n            type: 'text',\n          },\n          {\n            name: 'videoQuality',\n            label: 'Video Quality',\n            type: 'text',\n          },\n          {\n            name: 'staticRenditions',\n            label: 'Static Renditions',\n            type: 'json',\n          },\n        ],\n      },\n    ],\n  }\n\n  const mergedConfig = deepmerge({ all: true })(baseCollection, config)\n\n  return mergedConfig\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,mBACd,MACkB;CAClB,MAAM,EAAE,SAAS,iBAAiB,EAAE,KAAK;AA4KzC,QAFqBA,YAAU,EAAE,KAAK,MAAM,CAAC,CAAC,gBAxKb;EAC/B,MAAM;EACN,QAAQ;GACN,YAAY;GACZ,cAAc;GACf;EACD,OAAO;GACL,OAAO;GACP,YAAY,EACV,cAAc,IACf;GACF;EACD,QAAQ;GACN,MAAM;GACN,gBAAgB;GAChB,gBAAgB;GAChB,eAAe,EAAE,OAA0B;AACzC,QAAI,KAAK,YAAY,SAAS,KAAK,KAAK,WACtC,QAAO,yBAAyB,IAAI,IAAI,WAAW;aAC1C,KAAK,YAAY,KAG1B,QAAO,wBADK,QAAQ,OAAO,IAAI,SAAS,CACL;AAErC,WAAO;;GAEV;EACD,QAAQ;GACN;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACP;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACP;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACP;GACD;IACE,MAAM;IACN,QAAQ,CACN;KACE,MAAM;KACN,OAAO;KACP,MAAM;KACN,OAAO;MACL,UAAU;MACV,QAAQ;MACR,OAAO;MACR;KACF,EACD;KACE,MAAM;KACN,OAAO;KACP,MAAM;KACN,OAAO;MACL,UAAU;MACV,QAAQ;MACR,OAAO;MACR;KACF,CACF;IACF;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACN,SAAS,CACP;KACE,OAAO;KACP,OAAO;KACR,EACD;KACE,OAAO;KACP,OAAO;KACR,CACF;IACD,OAAO,EACL,UAAU,MACX;IACF;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;KACL,mBAAmB;KACnB,iBAAiB;KACjB,mBAAmB;KACnB,UAAU;KACV,YAAY,SAAS;AACnB,aAAO,KAAK,YAAY;;KAE3B;IACD,QAAQ;KACN;MACE,MAAM;MACN,MAAM;MACN,OAAO;OACL,YAAY,SAAS;AACnB,eAAO,KAAK,YAAY;;OAE1B,mBAAmB;OACnB,YAAY,EACV,OAAO,0DACR;OACF;MACF;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACF;IACF;GACF;EACF,CAEoE"}
+{"version":3,"file":"mediaCollection.mjs","names":["config: CollectionConfig"],"sources":["../../src/collections/mediaCollection.ts"],"sourcesContent":["import type { CollectionConfig } from 'payload'\nimport type { Document } from 'payload'\nimport type { S3Store } from './../tus/stores/s3/s3-store'\n\ninterface GetMediaCollectionArgs {\n  s3Store: S3Store\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 { s3Store, baseCollection } = args\n\n  const config: CollectionConfig = {\n    slug: 'media',\n    access: {\n      read: () => true,\n      delete: () => true,\n    },\n    admin: {\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        if (doc?.storage === 'mux' && doc?.mux?.playbackId) {\n          return `https://image.mux.com/${doc.mux.playbackId}/thumbnail.jpg?width=200&height=200&fit_mode=pad`\n        } else if (doc?.storage === 's3') {\n          // @TODO: Make configurable\n          const url = s3Store.getUrl(doc.filename)\n          return `https://wsrv.nl/?url=${url}?width=200&height=200&default=1`\n        }\n        return null\n      },\n    },\n    fields: [\n      {\n        name: 'alt',\n        label: 'Alternative Text',\n        type: 'text',\n      },\n      {\n        name: 'caption',\n        label: 'Caption',\n        type: 'text',\n      },\n      {\n        name: 'copyright',\n        label: 'Copyright',\n        type: 'text',\n      },\n      {\n        type: 'row',\n        fields: [\n          {\n            name: 'width',\n            label: 'Width',\n            type: 'text',\n            admin: {\n              readOnly: true,\n              hidden: false,\n              width: '50%',\n            },\n          },\n          {\n            name: 'height',\n            label: 'Height',\n            type: 'number',\n            admin: {\n              readOnly: true,\n              hidden: false,\n              width: '50%',\n            },\n          },\n        ],\n      },\n      {\n        name: 'storage',\n        label: 'Storage',\n        type: 'select',\n        options: [\n          {\n            label: 'Mux',\n            value: 'mux',\n          },\n          {\n            label: 'S3',\n            value: 's3',\n          },\n        ],\n        admin: {\n          readOnly: true,\n        },\n      },\n      {\n        name: 'mux',\n        label: 'Mux',\n        type: 'group',\n        admin: {\n          disableListColumn: true,\n          disableBulkEdit: true,\n          disableListFilter: true,\n          readOnly: true,\n          condition: (data) => {\n            return data.storage === 'mux'\n          },\n        },\n        fields: [\n          {\n            name: 'preview',\n            type: 'ui',\n            admin: {\n              condition: (data) => {\n                return data.storage === 'mux'\n              },\n              disableListColumn: true,\n              components: {\n                Field: '@maas/payload-plugin-media-cloud/components#MuxPreview',\n              },\n            },\n          },\n          {\n            name: 'status',\n            label: 'Status',\n            type: 'text',\n          },\n          {\n            name: 'uploadId',\n            label: 'Upload ID',\n            type: 'text',\n          },\n          {\n            name: 'assetId',\n            label: 'Asset ID',\n            type: 'text',\n          },\n          {\n            name: 'playbackId',\n            label: 'Playback ID',\n            type: 'text',\n          },\n          {\n            name: 'aspectRatio',\n            label: 'Aspect Ratio',\n            type: 'text',\n          },\n          {\n            name: 'duration',\n            label: 'Duration',\n            type: 'number',\n          },\n          {\n            name: 'tracks',\n            label: 'Tracks',\n            type: 'json',\n          },\n          {\n            name: 'maxResolutionTier',\n            label: 'Max Resolution Tier',\n            type: 'text',\n          },\n          {\n            name: 'videoQuality',\n            label: 'Video Quality',\n            type: 'text',\n          },\n          {\n            name: 'staticRenditions',\n            label: 'Static Renditions',\n            type: 'json',\n          },\n        ],\n      },\n    ],\n  }\n\n  // Simple merge: if baseCollection exists, spread it first, then our config overrides\n  if (!baseCollection) {\n    return config\n  }\n\n  return {\n    ...baseCollection,\n    ...config,\n    fields: [...(baseCollection.fields || []), ...config.fields],\n  }\n}\n"],"mappings":";;;;;;AAcA,SAAgB,mBACd,MACkB;CAClB,MAAM,EAAE,SAAS,mBAAmB;CAEpC,MAAMA,SAA2B;EAC/B,MAAM;EACN,QAAQ;GACN,YAAY;GACZ,cAAc;GACf;EACD,OAAO;GACL,OAAO;GACP,YAAY,EACV,cAAc,IACf;GACF;EACD,QAAQ;GACN,MAAM;GACN,gBAAgB;GAChB,gBAAgB;GAChB,eAAe,EAAE,OAA0B;AACzC,QAAI,KAAK,YAAY,SAAS,KAAK,KAAK,WACtC,QAAO,yBAAyB,IAAI,IAAI,WAAW;aAC1C,KAAK,YAAY,KAG1B,QAAO,wBADK,QAAQ,OAAO,IAAI,SAAS,CACL;AAErC,WAAO;;GAEV;EACD,QAAQ;GACN;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACP;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACP;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACP;GACD;IACE,MAAM;IACN,QAAQ,CACN;KACE,MAAM;KACN,OAAO;KACP,MAAM;KACN,OAAO;MACL,UAAU;MACV,QAAQ;MACR,OAAO;MACR;KACF,EACD;KACE,MAAM;KACN,OAAO;KACP,MAAM;KACN,OAAO;MACL,UAAU;MACV,QAAQ;MACR,OAAO;MACR;KACF,CACF;IACF;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACN,SAAS,CACP;KACE,OAAO;KACP,OAAO;KACR,EACD;KACE,OAAO;KACP,OAAO;KACR,CACF;IACD,OAAO,EACL,UAAU,MACX;IACF;GACD;IACE,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;KACL,mBAAmB;KACnB,iBAAiB;KACjB,mBAAmB;KACnB,UAAU;KACV,YAAY,SAAS;AACnB,aAAO,KAAK,YAAY;;KAE3B;IACD,QAAQ;KACN;MACE,MAAM;MACN,MAAM;MACN,OAAO;OACL,YAAY,SAAS;AACnB,eAAO,KAAK,YAAY;;OAE1B,mBAAmB;OACnB,YAAY,EACV,OAAO,0DACR;OACF;MACF;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACD;MACE,MAAM;MACN,OAAO;MACP,MAAM;MACP;KACF;IACF;GACF;EACF;AAGD,KAAI,CAAC,eACH,QAAO;AAGT,QAAO;EACL,GAAG;EACH,GAAG;EACH,QAAQ,CAAC,GAAI,eAAe,UAAU,EAAE,EAAG,GAAG,OAAO,OAAO;EAC7D"}

package/dist/components/upload-handler/upload-handler.mjs

@@ -27,7 +27,7 @@ const TUS_RETRY_DELAYS = [
 */
 function parseFilename(uploadUrl) {
 	if (!uploadUrl) {
-		logError(MediaCloudErrors.UPLOAD_NO_URL);
+		logError(MediaCloudErrors.UPLOAD_NO_URL.message);
 		return "";
 	}
 	return new URL(uploadUrl).pathname.split("/").pop() || "";
@@ -40,11 +40,9 @@ function parseFilename(uploadUrl) {
 async function muxUpload(args) {
 	const { file, serverURL, apiRoute, mimeType, updateFilename } = args;
 	const filename = sanitizeFilename(file.name);
-	const getUploadUrlEndpoint = `${serverURL}${apiRoute}/mux/upload`;
-	const getAssetEndpoint = `${serverURL}${apiRoute}/mux/asset`;
 	updateFilename(filename);
 	try {
-		const { url, uploadId } = await (await fetch(getUploadUrlEndpoint, {
+		const { url, uploadId } = await (await fetch(`${serverURL}${apiRoute}/mux/upload`, {
 			body: JSON.stringify({
 				filename,
 				mimeType
@@ -62,10 +60,10 @@ async function muxUpload(args) {
 			filename,
 			uploadId,
 			polling: false,
-			pollingUrl: getAssetEndpoint
+			pollingUrl: `${serverURL}${apiRoute}/mux/asset`
 		});
 		uploader.on("error", function() {
-			logError(MediaCloudErrors.MUX_UPLOAD_ERROR);
+			logError(MediaCloudErrors.MUX_UPLOAD_ERROR.message);
 			toast.error("Video upload failed");
 			emitter.emit("removeUpload", { uploadId });
 		});
@@ -80,11 +78,12 @@ async function muxUpload(args) {
 		});
 		return {
 			filename,
+			uploadId,
 			mimeType,
 			storage: "mux"
 		};
 	} catch (_error) {
-		logError(MediaCloudErrors.MUX_DIRECT_UPLOAD_ERROR);
+		logError(MediaCloudErrors.MUX_DIRECT_UPLOAD_ERROR.message);
 		toast.error("Video upload failed");
 		return null;
 	}
@@ -113,7 +112,7 @@ async function tusUpload(args) {
 				contentLength: filesize
 			},
 			onError: function() {
-				logError(MediaCloudErrors.TUS_UPLOAD_ERROR);
+				logError(MediaCloudErrors.TUS_UPLOAD_ERROR.message);
 				toast.error("File upload failed");
 				resolve(null);
 			},
@@ -147,7 +146,7 @@ async function tusUpload(args) {
 const UploadHandler = createClientUploadHandler({ handler: async function(args) {
 	const { serverURL, apiRoute, file, updateFilename } = args;
 	try {
-		const mimeType = await getFileType(file);
+		const mimeType = await getFileType(file) || file.type || "application/octet-stream";
 		if (!mimeType) {
 			throwError(MediaCloudErrors.FILE_TYPE_UNKNOWN);
 			return null;
@@ -162,9 +161,10 @@ const UploadHandler = createClientUploadHandler({ handler: async function(args)
 		};
 		if (isVideoFile) return await muxUpload(uploadArgs);
 		else return await tusUpload(uploadArgs);
-	} catch (_error) {
-		logError(MediaCloudErrors.UPLOAD_HANDLER_ERROR);
-		toast.error("Upload failed");
+	} catch (error) {
+		console.error("[PLUGIN-MEDIA-CLOUD] Upload handler detailed error:", error);
+		logError(MediaCloudErrors.UPLOAD_HANDLER_ERROR.message);
+		toast.error(`Upload failed: ${error instanceof Error ? error.message : "Unknown error"}`);
 		return null;
 	}
 } });

package/dist/components/upload-handler/upload-handler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-handler.mjs","names":["filename","uploadArgs: UploadArgs"],"sources":["../../../src/components/upload-handler/upload-handler.tsx"],"sourcesContent":["'use client'\n\nimport * as upchunk from '@mux/upchunk'\nimport * as tus from 'tus-js-client'\n\nimport { toast } from '@payloadcms/ui'\nimport { createClientUploadHandler } from '@payloadcms/plugin-cloud-storage/client'\n\nimport { MediaCloudErrors } from '../../types/errors'\nimport { useMediaCloudEmitter } from '../../hooks/useMediaCloudEmitter'\nimport { useErrorHandler } from '../../hooks/useErrorHandler'\nimport { isVideo, getFileType, sanitizeFilename } from '../../utils/file'\n\ninterface UploadArgs {\n  serverURL: string\n  apiRoute: string\n  file: File\n  mimeType: string\n  updateFilename: (filename: string) => void\n}\n\ninterface UploadResult {\n  filename: string\n  mimeType: string\n  storage: 'mux' | 's3'\n}\n\ninterface MuxCreateUploadResponse {\n  url: string\n  uploadId: string\n  filename: string\n}\n\nconst { logError, throwError } = useErrorHandler()\nconst emitter = useMediaCloudEmitter()\n\nconst MUX_CHUNK_SIZE = 30720\nconst TUS_CHUNK_SIZE = 1024 * 1024\nconst TUS_RETRY_DELAYS = [0, 1000, 2000, 5000]\n\n/**\n * Utility function to parse upload ID from URL\n * @param uploadUrl - The upload URL to parse\n * @returns The extracted upload ID or empty string if parsing fails\n */\nfunction parseFilename(uploadUrl?: string | null): string {\n  if (!uploadUrl) {\n    logError(MediaCloudErrors.UPLOAD_NO_URL)\n    return ''\n  }\n  const url = new URL(uploadUrl)\n  return url.pathname.split('/').pop() || ''\n}\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, updateFilename } = args\n\n  const filename = sanitizeFilename(file.name)\n  const getUploadUrlEndpoint = `${serverURL}${apiRoute}/mux/upload`\n  const getAssetEndpoint = `${serverURL}${apiRoute}/mux/asset`\n\n  updateFilename(filename)\n\n  try {\n    // Request upload URL from Mux\n    const response = await fetch(getUploadUrlEndpoint, {\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: getAssetEndpoint,\n    })\n\n    // Set up event handlers\n    uploader.on('error', function () {\n      logError(MediaCloudErrors.MUX_UPLOAD_ERROR)\n      toast.error('Video upload failed')\n      emitter.emit('removeUpload', { uploadId })\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    return {\n      filename,\n      mimeType,\n      storage: 'mux',\n    }\n  } catch (_error) {\n    logError(MediaCloudErrors.MUX_DIRECT_UPLOAD_ERROR)\n    toast.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, mimeType, updateFilename } = args\n\n  const filename = file.name\n  const filetype = file.type\n  const filesize = file.size.toString()\n\n  return new Promise((resolve) => {\n    const upload = new tus.Upload(file, {\n      endpoint: `${serverURL}${apiRoute}/uploads`,\n      retryDelays: TUS_RETRY_DELAYS,\n      chunkSize: TUS_CHUNK_SIZE,\n      metadata: {\n        filename,\n        filetype,\n        filesize,\n        contentType: filetype,\n        contentDisposition: 'inline',\n        contentLength: filesize,\n      },\n      onError: function () {\n        logError(MediaCloudErrors.TUS_UPLOAD_ERROR)\n        toast.error('File upload failed')\n        resolve(null)\n      },\n      onProgress: function (bytesUploaded, bytesTotal) {\n        const percentage = Math.round((bytesUploaded / bytesTotal) * 100)\n        const filename = parseFilename(upload?.url)\n        emitter.emit('updateUpload', {\n          filename,\n          progress: percentage,\n        })\n      },\n      onSuccess: function () {\n        const filename = parseFilename(upload?.url)\n        emitter.emit('uploadComplete', { filename })\n\n        // Trigger post upload processing\n        fetch(`${serverURL}${apiRoute}/uploads/${filename}/process`)\n      },\n      onUploadUrlAvailable: function () {\n        const filename = parseFilename(upload?.url)\n        updateFilename(filename)\n        emitter.emit('addUpload', { filename })\n        resolve({\n          filename,\n          mimeType,\n          storage: 's3',\n        })\n      },\n    })\n\n    upload.start()\n  })\n}\n\nexport const UploadHandler = createClientUploadHandler({\n  handler: async function (args) {\n    const { serverURL, apiRoute, file, updateFilename } = args\n\n    try {\n      const mimeType = await getFileType(file)\n\n      if (!mimeType) {\n        throwError(MediaCloudErrors.FILE_TYPE_UNKNOWN)\n        return null\n      }\n\n      const isVideoFile = await isVideo(file)\n      const uploadArgs: UploadArgs = {\n        file,\n        serverURL,\n        apiRoute,\n        mimeType,\n        updateFilename,\n      }\n\n      if (isVideoFile) {\n        return await muxUpload(uploadArgs)\n      } else {\n        return await tusUpload(uploadArgs)\n      }\n    } catch (_error) {\n      logError(MediaCloudErrors.UPLOAD_HANDLER_ERROR)\n      toast.error('Upload failed')\n      return null\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"upload-handler.mjs","names":["filename","uploadArgs: UploadArgs"],"sources":["../../../src/components/upload-handler/upload-handler.tsx"],"sourcesContent":["'use client'\n\nimport * as upchunk from '@mux/upchunk'\nimport * as tus from 'tus-js-client'\n\nimport { toast } from '@payloadcms/ui'\nimport { createClientUploadHandler } from '@payloadcms/plugin-cloud-storage/client'\n\nimport { MediaCloudErrors } from '../../types/errors'\nimport { useMediaCloudEmitter } from '../../hooks/useMediaCloudEmitter'\nimport { useErrorHandler } from '../../hooks/useErrorHandler'\nimport { isVideo, getFileType, sanitizeFilename } from '../../utils/file'\n\ninterface UploadArgs {\n  serverURL: string\n  apiRoute: string\n  file: File\n  mimeType: string\n  updateFilename: (filename: string) => void\n}\n\ninterface UploadResult {\n  filename: string\n  uploadId?: string\n  mimeType: string\n  storage: 'mux' | 's3'\n}\n\ninterface MuxCreateUploadResponse {\n  url: string\n  uploadId: string\n  filename: string\n}\n\nconst { logError, throwError } = useErrorHandler()\nconst emitter = useMediaCloudEmitter()\n\nconst MUX_CHUNK_SIZE = 30720\nconst TUS_CHUNK_SIZE = 1024 * 1024\nconst TUS_RETRY_DELAYS = [0, 1000, 2000, 5000]\n\n/**\n * Utility function to parse upload ID from URL\n * @param uploadUrl - The upload URL to parse\n * @returns The extracted upload ID or empty string if parsing fails\n */\nfunction parseFilename(uploadUrl?: string | null): string {\n  if (!uploadUrl) {\n    logError(MediaCloudErrors.UPLOAD_NO_URL.message)\n    return ''\n  }\n  const url = new URL(uploadUrl)\n  return url.pathname.split('/').pop() || ''\n}\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, updateFilename } = args\n\n  const filename = sanitizeFilename(file.name)\n  updateFilename(filename)\n\n  try {\n    // Request upload URL from Mux\n    const response = await fetch(`${serverURL}${apiRoute}/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: `${serverURL}${apiRoute}/mux/asset`,\n    })\n\n    // Set up event handlers\n    uploader.on('error', function () {\n      logError(MediaCloudErrors.MUX_UPLOAD_ERROR.message)\n      toast.error('Video upload failed')\n      emitter.emit('removeUpload', { uploadId })\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 (_error) {\n    logError(MediaCloudErrors.MUX_DIRECT_UPLOAD_ERROR.message)\n    toast.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, mimeType, updateFilename } = args\n\n  const filename = file.name\n  const filetype = file.type\n  const filesize = file.size.toString()\n\n  return new Promise((resolve) => {\n    const upload = new tus.Upload(file, {\n      endpoint: `${serverURL}${apiRoute}/uploads`,\n      retryDelays: TUS_RETRY_DELAYS,\n      chunkSize: TUS_CHUNK_SIZE,\n      metadata: {\n        filename,\n        filetype,\n        filesize,\n        contentType: filetype,\n        contentDisposition: 'inline',\n        contentLength: filesize,\n      },\n      onError: function () {\n        logError(MediaCloudErrors.TUS_UPLOAD_ERROR.message)\n        toast.error('File upload failed')\n        resolve(null)\n      },\n      onProgress: function (bytesUploaded, bytesTotal) {\n        const percentage = Math.round((bytesUploaded / bytesTotal) * 100)\n        const filename = parseFilename(upload?.url)\n        emitter.emit('updateUpload', {\n          filename,\n          progress: percentage,\n        })\n      },\n      onSuccess: function () {\n        const filename = parseFilename(upload?.url)\n        emitter.emit('uploadComplete', { filename })\n\n        // Trigger post upload processing\n        fetch(`${serverURL}${apiRoute}/uploads/${filename}/process`)\n      },\n      onUploadUrlAvailable: function () {\n        const filename = parseFilename(upload?.url)\n        updateFilename(filename)\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\nexport const UploadHandler = createClientUploadHandler({\n  handler: async function (args) {\n    const { serverURL, apiRoute, file, updateFilename } = args\n\n    try {\n      const mimeType =\n        (await getFileType(file)) || file.type || 'application/octet-stream'\n\n      if (!mimeType) {\n        throwError(MediaCloudErrors.FILE_TYPE_UNKNOWN)\n        return null\n      }\n\n      const isVideoFile = await isVideo(file)\n      const uploadArgs: UploadArgs = {\n        file,\n        serverURL,\n        apiRoute,\n        mimeType,\n        updateFilename,\n      }\n\n      if (isVideoFile) {\n        return await muxUpload(uploadArgs)\n      } else {\n        return await tusUpload(uploadArgs)\n      }\n    } catch (error) {\n      console.error(\n        '[PLUGIN-MEDIA-CLOUD] Upload handler detailed error:',\n        error\n      )\n      logError(MediaCloudErrors.UPLOAD_HANDLER_ERROR.message)\n      toast.error(\n        `Upload failed: ${error instanceof Error ? error.message : 'Unknown error'}`\n      )\n      return null\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/upload-manager/upload-manager.mjs

@@ -62,7 +62,7 @@ function UploadManagerProvider(args) {
 					});
 				}
 			} catch (_error) {
-				logError(MediaCloudErrors.UPLOAD_POLLING_ERROR);
+				logError(MediaCloudErrors.UPLOAD_POLLING_ERROR.message);
 			}
 		};
 		const intervalId = setInterval(pollAssets, 2e3);
@@ -78,7 +78,7 @@ function UploadManagerProvider(args) {
 	*/
 	const onUploadError = useCallback((event) => {
 		const { filename, error } = event;
-		logError(MediaCloudErrors.TUS_UPLOAD_ERROR);
+		logError(MediaCloudErrors.TUS_UPLOAD_ERROR.message);
 		setActiveUploads((prev) => prev.map((upload) => upload.filename === filename ? {
 			...upload,
 			error,

package/dist/components/upload-manager/upload-manager.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-manager.mjs","names":["upload: Upload","args","value: UploadManagerContextType"],"sources":["../../../src/components/upload-manager/upload-manager.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  use,\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { Button } from '@payloadcms/ui'\n\nimport { useMediaCloudEmitter } from '../../hooks/useMediaCloudEmitter'\nimport { useErrorHandler } from '../../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../../types/errors'\n\nimport type { MediaCloudEmitterEvents } from '../../types'\nimport type React from 'react'\n\nimport './upload-manager.css'\n\ninterface Upload {\n  filename: string\n  progress: number\n  uploadId?: string\n  error?: string\n  polling?: boolean\n  pollingUrl?: string\n  status?: 'uploading' | 'processing' | 'completed'\n}\n\ninterface UploadManagerContextType {\n  showUploadManager?: boolean\n  activeUploads: Upload[]\n  addUpload: (args: MediaCloudEmitterEvents['addUpload']) => void\n  updateUpload: (args: MediaCloudEmitterEvents['updateUpload']) => void\n}\n\ninterface UploadManagerProviderArgs {\n  children: React.ReactNode\n}\n\ninterface RenderUploadListArgs {\n  uploads: Upload[]\n}\n\nconst UploadManagerContext = createContext<UploadManagerContextType>({\n  showUploadManager: false,\n  activeUploads: [],\n  addUpload: () => {},\n  updateUpload: () => {},\n})\n\n/**\n * Provider component for upload management context\n * @param args - Arguments including children to wrap\n * @returns JSX element providing upload management context\n */\nexport function UploadManagerProvider(args: UploadManagerProviderArgs) {\n  const { children } = args\n  const [showUploadManager, setShowUploadManager] = useState(false)\n  const [activeUploads, setActiveUploads] = useState<Upload[]>([])\n  const [activeTab, setActiveTab] = useState<\n    'uploading' | 'processing' | 'completed'\n  >('uploading')\n\n  const emitter = useMediaCloudEmitter()\n  const activeTabRef = useRef(activeTab)\n  const activeUploadsRef = useRef(activeUploads)\n\n  const { logError } = useErrorHandler()\n\n  // Keep refs in sync with state\n  useEffect(() => {\n    activeTabRef.current = activeTab\n  }, [activeTab])\n\n  useEffect(() => {\n    activeUploadsRef.current = activeUploads\n  }, [activeUploads])\n\n  // Helper function to check if we should auto-switch to completed tab\n  const checkAutoSwitchToCompleted = useCallback((uploads: Upload[]) => {\n    const hasActiveUploads = uploads.some(\n      (upload) => upload.status === 'uploading'\n    )\n    const hasProcessingUploads = uploads.some(\n      (upload) => upload.status === 'processing'\n    )\n    const hasCompletedUploads = uploads.some(\n      (upload) => upload.status === 'completed'\n    )\n\n    // Auto-switch to completed tab if no uploading/processing uploads remain\n    if (\n      !hasActiveUploads &&\n      !hasProcessingUploads &&\n      hasCompletedUploads &&\n      activeTabRef.current !== 'completed'\n    ) {\n      setActiveTab('completed')\n    }\n  }, [])\n\n  // Polling logic\n  useEffect(() => {\n    const pollingUploads = activeUploads.filter(\n      (upload) => upload.polling && upload.pollingUrl\n    )\n\n    if (pollingUploads.length === 0) {\n      return\n    }\n\n    const pollAssets = async () => {\n      for (const pollingUpload of pollingUploads) {\n        try {\n          const response = await fetch(\n            `${pollingUpload.pollingUrl}?upload_id=${pollingUpload.uploadId}`,\n            {\n              method: 'GET',\n              credentials: 'include',\n            }\n          )\n\n          if (response.ok) {\n            const data = await response.json()\n\n            if (data.ready) {\n              // Asset is ready, stop polling for this upload\n              setActiveUploads((prev) => {\n                const updatedUploads = prev.map((upload) =>\n                  upload.uploadId === pollingUpload.uploadId\n                    ? {\n                        ...upload,\n                        polling: false,\n                        progress: 100,\n                        status: 'completed' as const,\n                      }\n                    : upload\n                )\n\n                // Check if we should auto-switch to completed tab\n                setTimeout(() => checkAutoSwitchToCompleted(updatedUploads), 0)\n\n                return updatedUploads\n              })\n            }\n          }\n        } catch (_error) {\n          logError(MediaCloudErrors.UPLOAD_POLLING_ERROR)\n        }\n      }\n    }\n\n    const intervalId = setInterval(pollAssets, 2000) // Poll every 2 seconds\n\n    return () => clearInterval(intervalId)\n  }, [activeUploads, checkAutoSwitchToCompleted, logError])\n\n  /**\n   * Handles the 'uploadError' event\n   * @param event - The upload error event\n   */\n  const onUploadError = useCallback(\n    (event: MediaCloudEmitterEvents['uploadError']) => {\n      const { filename, error } = event\n\n      logError(MediaCloudErrors.TUS_UPLOAD_ERROR)\n\n      setActiveUploads((prev) =>\n        prev.map((upload) =>\n          upload.filename === filename\n            ? { ...upload, error: error, status: 'completed' }\n            : upload\n        )\n      )\n    },\n    [logError]\n  )\n\n  /**\n   * Handles the 'addUpload' event\n   * @param event - The add upload event\n   */\n  const onAddUpload = useCallback(\n    (event: MediaCloudEmitterEvents['addUpload']) => {\n      const upload: Upload = {\n        filename: event.filename,\n        uploadId: event.uploadId,\n        progress: 0,\n        polling: event.polling,\n        pollingUrl: event.pollingUrl,\n        status: 'uploading',\n      }\n\n      setActiveUploads((prev) => [...prev, upload])\n\n      // Show the upload manager when new upload starts\n      setShowUploadManager(true)\n\n      // Auto-switch to uploading tab when new upload starts\n      if (activeTabRef.current !== 'uploading') {\n        setActiveTab('uploading')\n      }\n    },\n    []\n  )\n\n  /**\n   * Handles the 'updateUpload' event\n   * @param event - The update upload event\n   */\n  const onUpdateUpload = useCallback(\n    (event: MediaCloudEmitterEvents['updateUpload']) => {\n      const { filename, progress, polling } = event\n      setActiveUploads((prev) =>\n        prev.map((upload) =>\n          upload.filename === filename\n            ? {\n                ...upload,\n                progress,\n                ...(polling !== undefined && { polling }),\n                status: polling\n                  ? 'processing'\n                  : progress >= 100\n                    ? 'completed'\n                    : 'uploading',\n              }\n            : upload\n        )\n      )\n    },\n    []\n  )\n\n  /**\n   * Handles the 'removeUpload' event\n   * @param event - The remove upload event\n   */\n  const onRemoveUpload = useCallback(\n    (event: MediaCloudEmitterEvents['removeUpload']) => {\n      setActiveUploads((prev) =>\n        prev.filter((upload) => upload.filename !== event.filename)\n      )\n    },\n    []\n  )\n\n  /**\n   * Handles the 'uploadComplete' event\n   * @param event - The upload completed event\n   */\n  const onUploadComplete = useCallback(\n    (event: MediaCloudEmitterEvents['uploadComplete']) => {\n      // Check if this upload has a polling URL (Mux upload)\n      const upload = activeUploadsRef.current.find(\n        (upload) => upload.filename === event.filename\n      )\n      if (upload?.pollingUrl) {\n        setActiveUploads((prev) =>\n          prev.map((upload) =>\n            upload.filename === event.filename\n              ? {\n                  ...upload,\n                  polling: true,\n                  progress: 100,\n                  status: 'processing' as const,\n                }\n              : upload\n          )\n        )\n      } else {\n        // Regular upload completion\n        setActiveUploads((prev) => {\n          const updatedUploads = prev.map((upload) =>\n            upload.filename === event.filename\n              ? { ...upload, progress: 100, status: 'completed' as const }\n              : upload\n          )\n\n          // Check if we should auto-switch to completed tab\n          setTimeout(() => checkAutoSwitchToCompleted(updatedUploads), 0)\n\n          return updatedUploads\n        })\n      }\n    },\n    [checkAutoSwitchToCompleted]\n  )\n\n  useEffect(() => {\n    emitter.on('addUpload', onAddUpload)\n    emitter.on('updateUpload', onUpdateUpload)\n    emitter.on('removeUpload', onRemoveUpload)\n    emitter.on('uploadError', onUploadError)\n    emitter.on('uploadComplete', onUploadComplete)\n\n    return () => {\n      emitter.off('addUpload', onAddUpload)\n      emitter.off('updateUpload', onUpdateUpload)\n      emitter.off('removeUpload', onRemoveUpload)\n      emitter.off('uploadError', onUploadError)\n      emitter.off('uploadComplete', onUploadComplete)\n    }\n  }, [\n    emitter,\n    onAddUpload,\n    onUpdateUpload,\n    onRemoveUpload,\n    onUploadError,\n    onUploadComplete,\n  ])\n\n  /**\n   * Adds a new upload to the manager\n   * @param args - The upload arguments\n   */\n  const addUpload = useCallback(\n    (args: MediaCloudEmitterEvents['addUpload']) => {\n      const { filename, polling = false, pollingUrl } = args\n      const upload: Upload = {\n        filename,\n        progress: 0,\n        polling,\n        pollingUrl,\n        status: 'uploading',\n      }\n\n      setActiveUploads((prev) => [...prev, upload])\n    },\n    []\n  )\n\n  /**\n   * Updates an existing upload in the manager\n   * @param args - The update arguments\n   */\n  const updateUpload = useCallback(\n    (args: MediaCloudEmitterEvents['updateUpload']) => {\n      const { filename, progress, polling } = args\n      setActiveUploads((prev) =>\n        prev.map((upload) =>\n          upload.filename === filename\n            ? {\n                ...upload,\n                progress,\n                ...(polling !== undefined && { polling }),\n                status: polling\n                  ? 'processing'\n                  : progress >= 100\n                    ? 'completed'\n                    : 'uploading',\n              }\n            : upload\n        )\n      )\n    },\n    []\n  )\n\n  // Filter uploads by status\n  const uploadingFiles = activeUploads.filter(\n    (upload) => upload.status === 'uploading'\n  )\n  const processingFiles = activeUploads.filter(\n    (upload) => upload.status === 'processing'\n  )\n  const completedFiles = activeUploads.filter(\n    (upload) => upload.status === 'completed'\n  )\n\n  /**\n   * Renders the upload list\n   * @param args - The render arguments\n   * @returns JSX element representing the upload list\n   */\n  function renderUploadList(args: RenderUploadListArgs) {\n    const { uploads } = args\n    return (\n      <ul>\n        {uploads.map((upload) => (\n          <li key={upload.filename} data-status={upload.status}>\n            <div className=\"upload-info\">\n              <span className=\"upload-filename\">{upload.filename}</span>\n              <span className=\"upload-meta\">\n                {upload.status === 'processing'\n                  ? 'Processing...'\n                  : upload.progress < 100\n                    ? `${Math.ceil(upload.progress)}%`\n                    : 'Completed'}\n              </span>\n            </div>\n            <div\n              className=\"upload-progress-bar\"\n              style={\n                {\n                  ['--progress']:\n                    upload.status === 'processing'\n                      ? '1'\n                      : `${upload.progress / 100}`,\n                } as React.CSSProperties\n              }\n            >\n              <div\n                data-active={upload.status === 'processing'}\n                className=\"upload-progress\"\n              />\n            </div>\n          </li>\n        ))}\n      </ul>\n    )\n  }\n\n  /**\n   * Closes the upload manager\n   */\n  function closeUploadManager() {\n    // Only allow closing if no uploads are actively polling\n    const hasPollingUploads = activeUploads.some((upload) => upload.polling)\n    if (!hasPollingUploads) {\n      setActiveUploads([])\n      setShowUploadManager(false)\n    }\n  }\n\n  const value: UploadManagerContextType = {\n    activeUploads,\n    addUpload,\n    updateUpload,\n  }\n\n  return (\n    <UploadManagerContext.Provider value={value}>\n      {showUploadManager && (\n        <div className=\"upload-manager\">\n          <div className=\"upload-manager__header\">\n            <h4>Uploads</h4>\n            <Button\n              buttonStyle=\"icon-label\"\n              icon=\"x\"\n              margin={false}\n              onClick={closeUploadManager}\n            />\n          </div>\n\n          <div className=\"upload-manager__tabs\">\n            <button\n              data-active={activeTab === 'uploading'}\n              className=\"upload-tab\"\n              onClick={() => setActiveTab('uploading')}\n            >\n              Uploading ({uploadingFiles.length})\n            </button>\n            <button\n              data-active={activeTab === 'processing'}\n              className=\"upload-tab\"\n              onClick={() => setActiveTab('processing')}\n            >\n              Processing ({processingFiles.length})\n            </button>\n            <button\n              data-active={activeTab === 'completed'}\n              className=\"upload-tab\"\n              onClick={() => setActiveTab('completed')}\n            >\n              Completed ({completedFiles.length})\n            </button>\n          </div>\n\n          <div className=\"upload-manager__content\">\n            {activeTab === 'uploading' && uploadingFiles.length > 0 && (\n              <div>{renderUploadList({ uploads: uploadingFiles })}</div>\n            )}\n            {activeTab === 'processing' && processingFiles.length > 0 && (\n              <div>{renderUploadList({ uploads: processingFiles })}</div>\n            )}\n            {activeTab === 'completed' && completedFiles.length > 0 && (\n              <div>\n                {renderUploadList({ uploads: completedFiles })}\n                <div className=\"upload-manager__footer\">\n                  <Button\n                    buttonStyle=\"subtle\"\n                    size=\"small\"\n                    margin={false}\n                    onClick={() => window?.location?.reload()}\n                  >\n                    Refresh\n                  </Button>\n                </div>\n              </div>\n            )}\n            {((activeTab === 'uploading' && uploadingFiles.length === 0) ||\n              (activeTab === 'processing' && processingFiles.length === 0) ||\n              (activeTab === 'completed' && completedFiles.length === 0)) && (\n              <p className=\"upload-empty-state\">No {activeTab} files</p>\n            )}\n          </div>\n        </div>\n      )}\n      {children}\n    </UploadManagerContext.Provider>\n  )\n}\n\nexport const useUploadManagerContext = () => use(UploadManagerContext)\n"],"mappings":"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"}
+{"version":3,"file":"upload-manager.mjs","names":["upload: Upload","args","value: UploadManagerContextType"],"sources":["../../../src/components/upload-manager/upload-manager.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  use,\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { Button } from '@payloadcms/ui'\n\nimport { useMediaCloudEmitter } from '../../hooks/useMediaCloudEmitter'\nimport { useErrorHandler } from '../../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../../types/errors'\n\nimport type { MediaCloudEmitterEvents } from '../../types'\nimport type React from 'react'\n\nimport './upload-manager.css'\n\ninterface Upload {\n  filename: string\n  progress: number\n  uploadId?: string\n  error?: string\n  polling?: boolean\n  pollingUrl?: string\n  status?: 'uploading' | 'processing' | 'completed'\n}\n\ninterface UploadManagerContextType {\n  showUploadManager?: boolean\n  activeUploads: Upload[]\n  addUpload: (args: MediaCloudEmitterEvents['addUpload']) => void\n  updateUpload: (args: MediaCloudEmitterEvents['updateUpload']) => void\n}\n\ninterface UploadManagerProviderArgs {\n  children: React.ReactNode\n}\n\ninterface RenderUploadListArgs {\n  uploads: Upload[]\n}\n\nconst UploadManagerContext = createContext<UploadManagerContextType>({\n  showUploadManager: false,\n  activeUploads: [],\n  addUpload: () => {},\n  updateUpload: () => {},\n})\n\n/**\n * Provider component for upload management context\n * @param args - Arguments including children to wrap\n * @returns JSX element providing upload management context\n */\nexport function UploadManagerProvider(args: UploadManagerProviderArgs) {\n  const { children } = args\n  const [showUploadManager, setShowUploadManager] = useState(false)\n  const [activeUploads, setActiveUploads] = useState<Upload[]>([])\n  const [activeTab, setActiveTab] = useState<\n    'uploading' | 'processing' | 'completed'\n  >('uploading')\n\n  const emitter = useMediaCloudEmitter()\n  const activeTabRef = useRef(activeTab)\n  const activeUploadsRef = useRef(activeUploads)\n\n  const { logError } = useErrorHandler()\n\n  // Keep refs in sync with state\n  useEffect(() => {\n    activeTabRef.current = activeTab\n  }, [activeTab])\n\n  useEffect(() => {\n    activeUploadsRef.current = activeUploads\n  }, [activeUploads])\n\n  // Helper function to check if we should auto-switch to completed tab\n  const checkAutoSwitchToCompleted = useCallback((uploads: Upload[]) => {\n    const hasActiveUploads = uploads.some(\n      (upload) => upload.status === 'uploading'\n    )\n    const hasProcessingUploads = uploads.some(\n      (upload) => upload.status === 'processing'\n    )\n    const hasCompletedUploads = uploads.some(\n      (upload) => upload.status === 'completed'\n    )\n\n    // Auto-switch to completed tab if no uploading/processing uploads remain\n    if (\n      !hasActiveUploads &&\n      !hasProcessingUploads &&\n      hasCompletedUploads &&\n      activeTabRef.current !== 'completed'\n    ) {\n      setActiveTab('completed')\n    }\n  }, [])\n\n  // Polling logic\n  useEffect(() => {\n    const pollingUploads = activeUploads.filter(\n      (upload) => upload.polling && upload.pollingUrl\n    )\n\n    if (pollingUploads.length === 0) {\n      return\n    }\n\n    const pollAssets = async () => {\n      for (const pollingUpload of pollingUploads) {\n        try {\n          const response = await fetch(\n            `${pollingUpload.pollingUrl}?upload_id=${pollingUpload.uploadId}`,\n            {\n              method: 'GET',\n              credentials: 'include',\n            }\n          )\n\n          if (response.ok) {\n            const data = await response.json()\n\n            if (data.ready) {\n              // Asset is ready, stop polling for this upload\n              setActiveUploads((prev) => {\n                const updatedUploads = prev.map((upload) =>\n                  upload.uploadId === pollingUpload.uploadId\n                    ? {\n                        ...upload,\n                        polling: false,\n                        progress: 100,\n                        status: 'completed' as const,\n                      }\n                    : upload\n                )\n\n                // Check if we should auto-switch to completed tab\n                setTimeout(() => checkAutoSwitchToCompleted(updatedUploads), 0)\n\n                return updatedUploads\n              })\n            }\n          }\n        } catch (_error) {\n          logError(MediaCloudErrors.UPLOAD_POLLING_ERROR.message)\n        }\n      }\n    }\n\n    const intervalId = setInterval(pollAssets, 2000) // Poll every 2 seconds\n\n    return () => clearInterval(intervalId)\n  }, [activeUploads, checkAutoSwitchToCompleted, logError])\n\n  /**\n   * Handles the 'uploadError' event\n   * @param event - The upload error event\n   */\n  const onUploadError = useCallback(\n    (event: MediaCloudEmitterEvents['uploadError']) => {\n      const { filename, error } = event\n\n      logError(MediaCloudErrors.TUS_UPLOAD_ERROR.message)\n\n      setActiveUploads((prev) =>\n        prev.map((upload) =>\n          upload.filename === filename\n            ? { ...upload, error: error, status: 'completed' }\n            : upload\n        )\n      )\n    },\n    [logError]\n  )\n\n  /**\n   * Handles the 'addUpload' event\n   * @param event - The add upload event\n   */\n  const onAddUpload = useCallback(\n    (event: MediaCloudEmitterEvents['addUpload']) => {\n      const upload: Upload = {\n        filename: event.filename,\n        uploadId: event.uploadId,\n        progress: 0,\n        polling: event.polling,\n        pollingUrl: event.pollingUrl,\n        status: 'uploading',\n      }\n\n      setActiveUploads((prev) => [...prev, upload])\n\n      // Show the upload manager when new upload starts\n      setShowUploadManager(true)\n\n      // Auto-switch to uploading tab when new upload starts\n      if (activeTabRef.current !== 'uploading') {\n        setActiveTab('uploading')\n      }\n    },\n    []\n  )\n\n  /**\n   * Handles the 'updateUpload' event\n   * @param event - The update upload event\n   */\n  const onUpdateUpload = useCallback(\n    (event: MediaCloudEmitterEvents['updateUpload']) => {\n      const { filename, progress, polling } = event\n      setActiveUploads((prev) =>\n        prev.map((upload) =>\n          upload.filename === filename\n            ? {\n                ...upload,\n                progress,\n                ...(polling !== undefined && { polling }),\n                status: polling\n                  ? 'processing'\n                  : progress >= 100\n                    ? 'completed'\n                    : 'uploading',\n              }\n            : upload\n        )\n      )\n    },\n    []\n  )\n\n  /**\n   * Handles the 'removeUpload' event\n   * @param event - The remove upload event\n   */\n  const onRemoveUpload = useCallback(\n    (event: MediaCloudEmitterEvents['removeUpload']) => {\n      setActiveUploads((prev) =>\n        prev.filter((upload) => upload.filename !== event.filename)\n      )\n    },\n    []\n  )\n\n  /**\n   * Handles the 'uploadComplete' event\n   * @param event - The upload completed event\n   */\n  const onUploadComplete = useCallback(\n    (event: MediaCloudEmitterEvents['uploadComplete']) => {\n      // Check if this upload has a polling URL (Mux upload)\n      const upload = activeUploadsRef.current.find(\n        (upload) => upload.filename === event.filename\n      )\n      if (upload?.pollingUrl) {\n        setActiveUploads((prev) =>\n          prev.map((upload) =>\n            upload.filename === event.filename\n              ? {\n                  ...upload,\n                  polling: true,\n                  progress: 100,\n                  status: 'processing' as const,\n                }\n              : upload\n          )\n        )\n      } else {\n        // Regular upload completion\n        setActiveUploads((prev) => {\n          const updatedUploads = prev.map((upload) =>\n            upload.filename === event.filename\n              ? { ...upload, progress: 100, status: 'completed' as const }\n              : upload\n          )\n\n          // Check if we should auto-switch to completed tab\n          setTimeout(() => checkAutoSwitchToCompleted(updatedUploads), 0)\n\n          return updatedUploads\n        })\n      }\n    },\n    [checkAutoSwitchToCompleted]\n  )\n\n  useEffect(() => {\n    emitter.on('addUpload', onAddUpload)\n    emitter.on('updateUpload', onUpdateUpload)\n    emitter.on('removeUpload', onRemoveUpload)\n    emitter.on('uploadError', onUploadError)\n    emitter.on('uploadComplete', onUploadComplete)\n\n    return () => {\n      emitter.off('addUpload', onAddUpload)\n      emitter.off('updateUpload', onUpdateUpload)\n      emitter.off('removeUpload', onRemoveUpload)\n      emitter.off('uploadError', onUploadError)\n      emitter.off('uploadComplete', onUploadComplete)\n    }\n  }, [\n    emitter,\n    onAddUpload,\n    onUpdateUpload,\n    onRemoveUpload,\n    onUploadError,\n    onUploadComplete,\n  ])\n\n  /**\n   * Adds a new upload to the manager\n   * @param args - The upload arguments\n   */\n  const addUpload = useCallback(\n    (args: MediaCloudEmitterEvents['addUpload']) => {\n      const { filename, polling = false, pollingUrl } = args\n      const upload: Upload = {\n        filename,\n        progress: 0,\n        polling,\n        pollingUrl,\n        status: 'uploading',\n      }\n\n      setActiveUploads((prev) => [...prev, upload])\n    },\n    []\n  )\n\n  /**\n   * Updates an existing upload in the manager\n   * @param args - The update arguments\n   */\n  const updateUpload = useCallback(\n    (args: MediaCloudEmitterEvents['updateUpload']) => {\n      const { filename, progress, polling } = args\n      setActiveUploads((prev) =>\n        prev.map((upload) =>\n          upload.filename === filename\n            ? {\n                ...upload,\n                progress,\n                ...(polling !== undefined && { polling }),\n                status: polling\n                  ? 'processing'\n                  : progress >= 100\n                    ? 'completed'\n                    : 'uploading',\n              }\n            : upload\n        )\n      )\n    },\n    []\n  )\n\n  // Filter uploads by status\n  const uploadingFiles = activeUploads.filter(\n    (upload) => upload.status === 'uploading'\n  )\n  const processingFiles = activeUploads.filter(\n    (upload) => upload.status === 'processing'\n  )\n  const completedFiles = activeUploads.filter(\n    (upload) => upload.status === 'completed'\n  )\n\n  /**\n   * Renders the upload list\n   * @param args - The render arguments\n   * @returns JSX element representing the upload list\n   */\n  function renderUploadList(args: RenderUploadListArgs) {\n    const { uploads } = args\n    return (\n      <ul>\n        {uploads.map((upload) => (\n          <li key={upload.filename} data-status={upload.status}>\n            <div className=\"upload-info\">\n              <span className=\"upload-filename\">{upload.filename}</span>\n              <span className=\"upload-meta\">\n                {upload.status === 'processing'\n                  ? 'Processing...'\n                  : upload.progress < 100\n                    ? `${Math.ceil(upload.progress)}%`\n                    : 'Completed'}\n              </span>\n            </div>\n            <div\n              className=\"upload-progress-bar\"\n              style={\n                {\n                  ['--progress']:\n                    upload.status === 'processing'\n                      ? '1'\n                      : `${upload.progress / 100}`,\n                } as React.CSSProperties\n              }\n            >\n              <div\n                data-active={upload.status === 'processing'}\n                className=\"upload-progress\"\n              />\n            </div>\n          </li>\n        ))}\n      </ul>\n    )\n  }\n\n  /**\n   * Closes the upload manager\n   */\n  function closeUploadManager() {\n    // Only allow closing if no uploads are actively polling\n    const hasPollingUploads = activeUploads.some((upload) => upload.polling)\n    if (!hasPollingUploads) {\n      setActiveUploads([])\n      setShowUploadManager(false)\n    }\n  }\n\n  const value: UploadManagerContextType = {\n    activeUploads,\n    addUpload,\n    updateUpload,\n  }\n\n  return (\n    <UploadManagerContext.Provider value={value}>\n      {showUploadManager && (\n        <div className=\"upload-manager\">\n          <div className=\"upload-manager__header\">\n            <h4>Uploads</h4>\n            <Button\n              buttonStyle=\"icon-label\"\n              icon=\"x\"\n              margin={false}\n              onClick={closeUploadManager}\n            />\n          </div>\n\n          <div className=\"upload-manager__tabs\">\n            <button\n              data-active={activeTab === 'uploading'}\n              className=\"upload-tab\"\n              onClick={() => setActiveTab('uploading')}\n            >\n              Uploading ({uploadingFiles.length})\n            </button>\n            <button\n              data-active={activeTab === 'processing'}\n              className=\"upload-tab\"\n              onClick={() => setActiveTab('processing')}\n            >\n              Processing ({processingFiles.length})\n            </button>\n            <button\n              data-active={activeTab === 'completed'}\n              className=\"upload-tab\"\n              onClick={() => setActiveTab('completed')}\n            >\n              Completed ({completedFiles.length})\n            </button>\n          </div>\n\n          <div className=\"upload-manager__content\">\n            {activeTab === 'uploading' && uploadingFiles.length > 0 && (\n              <div>{renderUploadList({ uploads: uploadingFiles })}</div>\n            )}\n            {activeTab === 'processing' && processingFiles.length > 0 && (\n              <div>{renderUploadList({ uploads: processingFiles })}</div>\n            )}\n            {activeTab === 'completed' && completedFiles.length > 0 && (\n              <div>\n                {renderUploadList({ uploads: completedFiles })}\n                <div className=\"upload-manager__footer\">\n                  <Button\n                    buttonStyle=\"subtle\"\n                    size=\"small\"\n                    margin={false}\n                    onClick={() => window?.location?.reload()}\n                  >\n                    Refresh\n                  </Button>\n                </div>\n              </div>\n            )}\n            {((activeTab === 'uploading' && uploadingFiles.length === 0) ||\n              (activeTab === 'processing' && processingFiles.length === 0) ||\n              (activeTab === 'completed' && completedFiles.length === 0)) && (\n              <p className=\"upload-empty-state\">No {activeTab} files</p>\n            )}\n          </div>\n        </div>\n      )}\n      {children}\n    </UploadManagerContext.Provider>\n  )\n}\n\nexport const useUploadManagerContext = () => use(UploadManagerContext)\n"],"mappings":"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"}

package/dist/endpoints/muxAssetHandler.d.mts

@@ -1,5 +1,5 @@
-import { PayloadHandler } from "payload";
 import { Mux as Mux$1 } from "@mux/mux-node";
+import { PayloadHandler } from "payload";
 
 //#region src/endpoints/muxAssetHandler.d.ts
 interface GetMuxAssetHandlerArgs {

package/dist/endpoints/muxCreateUploadHandler.d.mts

@@ -1,6 +1,6 @@
 import { MediaCloudPluginOptions } from "../types/index.mjs";
-import { PayloadHandler } from "payload";
 import { Mux as Mux$1 } from "@mux/mux-node";
+import { PayloadHandler } from "payload";
 
 //#region src/endpoints/muxCreateUploadHandler.d.ts
 interface GetMuxCreateUploadHandlerArgs {

package/dist/endpoints/muxCreateUploadHandler.mjs

@@ -28,7 +28,7 @@ function getMuxCreateUploadHandler(args) {
 				uploadId: upload.id
 			});
 		} catch (_error) {
-			logError(MediaCloudErrors.MUX_CREATE_UPLOAD_ERROR);
+			logError(MediaCloudErrors.MUX_CREATE_UPLOAD_ERROR.message);
 			return Response.json({ message: "Failed to create upload" }, { status: 500 });
 		}
 	};

package/dist/endpoints/muxCreateUploadHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"muxCreateUploadHandler.mjs","names":[],"sources":["../../src/endpoints/muxCreateUploadHandler.ts"],"sourcesContent":["import type { Mux } from '@mux/mux-node'\n\nimport type { PayloadHandler } from 'payload'\nimport { MediaCloudPluginOptions } from '../types'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\ninterface GetMuxCreateUploadHandlerArgs {\n  getMuxClient: () => Mux\n  pluginOptions: MediaCloudPluginOptions\n}\n\nexport function getMuxCreateUploadHandler(\n  args: GetMuxCreateUploadHandlerArgs\n): PayloadHandler {\n  const { getMuxClient, pluginOptions } = args\n\n  return async (req) => {\n    const { throwError, logError } = useErrorHandler()\n\n    try {\n      if (!req.json) {\n        throwError(MediaCloudErrors.MUX_REQUEST_NO_JSON)\n        throw new Error() // This will never execute but satisfies TypeScript\n      }\n      const body = req.json ? await req.json() : ''\n      const { filename } = body\n      const mux = getMuxClient()\n      const assetOptions = pluginOptions.mux?.assetOptions || {}\n      const upload = await mux.video.uploads.create({\n        cors_origin: '*',\n        new_asset_settings: {\n          playback_policies: ['public'],\n          meta: {\n            title: filename,\n          },\n          ...assetOptions,\n        },\n        test: pluginOptions.mux?.testMode ?? false,\n      })\n      return Response.json({ url: upload.url, uploadId: upload.id })\n    } catch (_error) {\n      logError(MediaCloudErrors.MUX_CREATE_UPLOAD_ERROR)\n      return Response.json(\n        { message: 'Failed to create upload' },\n        { status: 500 }\n      )\n    }\n  }\n}\n"],"mappings":";;;;AAYA,SAAgB,0BACd,MACgB;CAChB,MAAM,EAAE,cAAc,kBAAkB;AAExC,QAAO,OAAO,QAAQ;EACpB,MAAM,EAAE,YAAY,aAAa,iBAAiB;AAElD,MAAI;AACF,OAAI,CAAC,IAAI,MAAM;AACb,eAAW,iBAAiB,oBAAoB;AAChD,UAAM,IAAI,OAAO;;GAGnB,MAAM,EAAE,aADK,IAAI,OAAO,MAAM,IAAI,MAAM,GAAG;GAE3C,MAAM,MAAM,cAAc;GAC1B,MAAM,eAAe,cAAc,KAAK,gBAAgB,EAAE;GAC1D,MAAM,SAAS,MAAM,IAAI,MAAM,QAAQ,OAAO;IAC5C,aAAa;IACb,oBAAoB;KAClB,mBAAmB,CAAC,SAAS;KAC7B,MAAM,EACJ,OAAO,UACR;KACD,GAAG;KACJ;IACD,MAAM,cAAc,KAAK,YAAY;IACtC,CAAC;AACF,UAAO,SAAS,KAAK;IAAE,KAAK,OAAO;IAAK,UAAU,OAAO;IAAI,CAAC;WACvD,QAAQ;AACf,YAAS,iBAAiB,wBAAwB;AAClD,UAAO,SAAS,KACd,EAAE,SAAS,2BAA2B,EACtC,EAAE,QAAQ,KAAK,CAChB"}
+{"version":3,"file":"muxCreateUploadHandler.mjs","names":[],"sources":["../../src/endpoints/muxCreateUploadHandler.ts"],"sourcesContent":["import type { Mux } from '@mux/mux-node'\n\nimport type { PayloadHandler } from 'payload'\nimport { MediaCloudPluginOptions } from '../types'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\ninterface GetMuxCreateUploadHandlerArgs {\n  getMuxClient: () => Mux\n  pluginOptions: MediaCloudPluginOptions\n}\n\nexport function getMuxCreateUploadHandler(\n  args: GetMuxCreateUploadHandlerArgs\n): PayloadHandler {\n  const { getMuxClient, pluginOptions } = args\n\n  return async (req) => {\n    const { throwError, logError } = useErrorHandler()\n\n    try {\n      if (!req.json) {\n        throwError(MediaCloudErrors.MUX_REQUEST_NO_JSON)\n        throw new Error() // This will never execute but satisfies TypeScript\n      }\n      const body = req.json ? await req.json() : ''\n      const { filename } = body\n      const mux = getMuxClient()\n      const assetOptions = pluginOptions.mux?.assetOptions || {}\n      const upload = await mux.video.uploads.create({\n        cors_origin: '*',\n        new_asset_settings: {\n          playback_policies: ['public'],\n          meta: {\n            title: filename,\n          },\n          ...assetOptions,\n        },\n        test: pluginOptions.mux?.testMode ?? false,\n      })\n      return Response.json({ url: upload.url, uploadId: upload.id })\n    } catch (_error) {\n      logError(MediaCloudErrors.MUX_CREATE_UPLOAD_ERROR.message)\n      return Response.json(\n        { message: 'Failed to create upload' },\n        { status: 500 }\n      )\n    }\n  }\n}\n"],"mappings":";;;;AAYA,SAAgB,0BACd,MACgB;CAChB,MAAM,EAAE,cAAc,kBAAkB;AAExC,QAAO,OAAO,QAAQ;EACpB,MAAM,EAAE,YAAY,aAAa,iBAAiB;AAElD,MAAI;AACF,OAAI,CAAC,IAAI,MAAM;AACb,eAAW,iBAAiB,oBAAoB;AAChD,UAAM,IAAI,OAAO;;GAGnB,MAAM,EAAE,aADK,IAAI,OAAO,MAAM,IAAI,MAAM,GAAG;GAE3C,MAAM,MAAM,cAAc;GAC1B,MAAM,eAAe,cAAc,KAAK,gBAAgB,EAAE;GAC1D,MAAM,SAAS,MAAM,IAAI,MAAM,QAAQ,OAAO;IAC5C,aAAa;IACb,oBAAoB;KAClB,mBAAmB,CAAC,SAAS;KAC7B,MAAM,EACJ,OAAO,UACR;KACD,GAAG;KACJ;IACD,MAAM,cAAc,KAAK,YAAY;IACtC,CAAC;AACF,UAAO,SAAS,KAAK;IAAE,KAAK,OAAO;IAAK,UAAU,OAAO;IAAI,CAAC;WACvD,QAAQ;AACf,YAAS,iBAAiB,wBAAwB,QAAQ;AAC1D,UAAO,SAAS,KACd,EAAE,SAAS,2BAA2B,EACtC,EAAE,QAAQ,KAAK,CAChB"}

package/dist/endpoints/muxWebhookHandler.d.mts

@@ -1,5 +1,5 @@
-import { PayloadHandler } from "payload";
 import { Mux as Mux$1 } from "@mux/mux-node";
+import { PayloadHandler } from "payload";
 
 //#region src/endpoints/muxWebhookHandler.d.ts
 interface GetMuxWebhookHandlerArgs {

package/dist/endpoints/muxWebhookHandler.mjs

@@ -1,18 +1,22 @@
+import { MediaCloudErrors } from "../types/errors.mjs";
+import { useErrorHandler } from "../hooks/useErrorHandler.mjs";
+
 //#region src/endpoints/muxWebhookHandler.ts
+const { logError } = useErrorHandler();
 function getMuxWebhookHandler(args) {
 	const { getMuxClient } = args;
 	return async (req) => {
 		const mux = getMuxClient();
 		try {
-			const body = req.json ? await req.json() : "";
+			const body = req.text ? await req.text() : "";
 			const headers = req.headers;
+			if (!body) logError(MediaCloudErrors.MUX_WEBHOOK_BODY_INVALID.message);
 			mux.webhooks.verifySignature(body, headers);
 			const event = JSON.parse(body);
 			switch (event.type) {
 				case "video.asset.created":
 				case "video.asset.errored":
 				case "video.asset.deleted":
-				case "video.asset.static_renditions.ready":
 					console.log(`Received Mux webhook: ${event.type}, ${event.object.id}`);
 					break;
 				case "video.asset.ready":

package/dist/endpoints/muxWebhookHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"muxWebhookHandler.mjs","names":[],"sources":["../../src/endpoints/muxWebhookHandler.ts"],"sourcesContent":["import type { Mux } from '@mux/mux-node'\nimport type { BasePayload, PayloadHandler } from 'payload'\nimport type { StaticRenditions } from '../types'\n\ninterface GetMuxWebhookHandlerArgs {\n  getMuxClient: () => Mux\n}\n\nexport function getMuxWebhookHandler(\n  args: GetMuxWebhookHandlerArgs\n): PayloadHandler {\n  const { getMuxClient } = args\n\n  return async (req) => {\n    const mux = getMuxClient()\n\n    try {\n      const body = req.json ? await req.json() : ''\n      const headers = req.headers\n\n      // Verify the webhook signature\n      mux.webhooks.verifySignature(body, headers)\n\n      // Parse the request body\n      const event = JSON.parse(body)\n\n      // Handle the event\n      switch (event.type) {\n        case 'video.asset.created':\n        case 'video.asset.errored':\n        case 'video.asset.deleted':\n        case 'video.asset.static_renditions.ready':\n          console.log(`Received Mux webhook: ${event.type}, ${event.object.id}`)\n          break\n        case 'video.asset.ready':\n        case 'video.asset.static_renditions.ready':\n        case 'video.asset.static_renditions.deleted':\n          await updateMuxAsset({ asset: event.object, payload: req.payload })\n          break\n      }\n\n      return Response.json({ message: 'Webhook received' }, { status: 200 })\n    } catch (error) {\n      return Response.json(\n        { message: error instanceof Error ? error.message : String(error) },\n        { status: 500 }\n      )\n    }\n  }\n}\n\ninterface UpdateMuxAssetArgs {\n  asset: Mux.Video.Asset\n  payload: BasePayload\n}\n\nasync function updateMuxAsset(args: UpdateMuxAssetArgs): Promise<void> {\n  const { asset, payload } = args\n\n  if (asset.status === 'ready') {\n    const { docs } = await payload.find({\n      collection: 'media',\n      where: {\n        'mux.assetId': {\n          equals: asset.id,\n        },\n      },\n      limit: 1,\n      pagination: false,\n    })\n\n    if (docs.length > 0) {\n      const { id } = docs[0]\n\n      const width = Array.from(asset.tracks ?? []).reduce(\n        (max, track) =>\n          track.type === 'video' && track.max_width\n            ? Math.max(max, track.max_width)\n            : max,\n        0\n      )\n\n      const height = Array.from(asset.tracks ?? []).reduce(\n        (max, track) =>\n          track.type === 'video' && track.max_height\n            ? Math.max(max, track.max_height)\n            : max,\n        0\n      )\n\n      await payload.update({\n        collection: 'media',\n        id,\n        data: {\n          mux: {\n            status: asset.status,\n            assetId: asset.id,\n            playbackId: asset.playback_ids?.[0]?.id,\n            aspectRatio: asset.aspect_ratio,\n            duration: asset.duration,\n            tracks: asset.tracks,\n            maxResolutionTier: asset.max_resolution_tier,\n            videoQuality: asset.video_quality,\n            staticRenditions: asset.static_renditions as StaticRenditions,\n          },\n          width,\n          height,\n        },\n      })\n    }\n  }\n}\n"],"mappings":";AAQA,SAAgB,qBACd,MACgB;CAChB,MAAM,EAAE,iBAAiB;AAEzB,QAAO,OAAO,QAAQ;EACpB,MAAM,MAAM,cAAc;AAE1B,MAAI;GACF,MAAM,OAAO,IAAI,OAAO,MAAM,IAAI,MAAM,GAAG;GAC3C,MAAM,UAAU,IAAI;AAGpB,OAAI,SAAS,gBAAgB,MAAM,QAAQ;GAG3C,MAAM,QAAQ,KAAK,MAAM,KAAK;AAG9B,WAAQ,MAAM,MAAd;IACE,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;AACH,aAAQ,IAAI,yBAAyB,MAAM,KAAK,IAAI,MAAM,OAAO,KAAK;AACtE;IACF,KAAK;IACL,KAAK;IACL,KAAK;AACH,WAAM,eAAe;MAAE,OAAO,MAAM;MAAQ,SAAS,IAAI;MAAS,CAAC;AACnE;;AAGJ,UAAO,SAAS,KAAK,EAAE,SAAS,oBAAoB,EAAE,EAAE,QAAQ,KAAK,CAAC;WAC/D,OAAO;AACd,UAAO,SAAS,KACd,EAAE,SAAS,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,EAAE,EACnE,EAAE,QAAQ,KAAK,CAChB;;;;AAUP,eAAe,eAAe,MAAyC;CACrE,MAAM,EAAE,OAAO,YAAY;AAE3B,KAAI,MAAM,WAAW,SAAS;EAC5B,MAAM,EAAE,SAAS,MAAM,QAAQ,KAAK;GAClC,YAAY;GACZ,OAAO,EACL,eAAe,EACb,QAAQ,MAAM,IACf,EACF;GACD,OAAO;GACP,YAAY;GACb,CAAC;AAEF,MAAI,KAAK,SAAS,GAAG;GACnB,MAAM,EAAE,OAAO,KAAK;GAEpB,MAAM,QAAQ,MAAM,KAAK,MAAM,UAAU,EAAE,CAAC,CAAC,QAC1C,KAAK,UACJ,MAAM,SAAS,WAAW,MAAM,YAC5B,KAAK,IAAI,KAAK,MAAM,UAAU,GAC9B,KACN,EACD;GAED,MAAM,SAAS,MAAM,KAAK,MAAM,UAAU,EAAE,CAAC,CAAC,QAC3C,KAAK,UACJ,MAAM,SAAS,WAAW,MAAM,aAC5B,KAAK,IAAI,KAAK,MAAM,WAAW,GAC/B,KACN,EACD;AAED,SAAM,QAAQ,OAAO;IACnB,YAAY;IACZ;IACA,MAAM;KACJ,KAAK;MACH,QAAQ,MAAM;MACd,SAAS,MAAM;MACf,YAAY,MAAM,eAAe,IAAI;MACrC,aAAa,MAAM;MACnB,UAAU,MAAM;MAChB,QAAQ,MAAM;MACd,mBAAmB,MAAM;MACzB,cAAc,MAAM;MACpB,kBAAkB,MAAM;MACzB;KACD;KACA;KACD;IACF,CAAC"}
+{"version":3,"file":"muxWebhookHandler.mjs","names":[],"sources":["../../src/endpoints/muxWebhookHandler.ts"],"sourcesContent":["import { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\nimport type { Mux } from '@mux/mux-node'\nimport type { BasePayload, PayloadHandler } from 'payload'\nimport type { StaticRenditions } from '../types'\n\ninterface GetMuxWebhookHandlerArgs {\n  getMuxClient: () => Mux\n}\n\nconst { logError } = useErrorHandler()\n\nexport function getMuxWebhookHandler(\n  args: GetMuxWebhookHandlerArgs\n): PayloadHandler {\n  const { getMuxClient } = args\n\n  return async (req) => {\n    const mux = getMuxClient()\n\n    try {\n      const body = req.text ? await req.text() : ''\n      const headers = req.headers\n\n      if (!body) {\n        logError(MediaCloudErrors.MUX_WEBHOOK_BODY_INVALID.message)\n      }\n\n      // Verify the webhook signature\n      mux.webhooks.verifySignature(body, headers)\n\n      // Parse the request body\n      const event = JSON.parse(body)\n\n      // Handle the event\n      switch (event.type) {\n        case 'video.asset.created':\n        case 'video.asset.errored':\n        case 'video.asset.deleted':\n          console.log(`Received Mux webhook: ${event.type}, ${event.object.id}`)\n          break\n        case 'video.asset.ready':\n        case 'video.asset.static_renditions.ready':\n        case 'video.asset.static_renditions.deleted':\n          await updateMuxAsset({ asset: event.object, payload: req.payload })\n          break\n      }\n\n      return Response.json({ message: 'Webhook received' }, { status: 200 })\n    } catch (error) {\n      return Response.json(\n        { message: error instanceof Error ? error.message : String(error) },\n        { status: 500 }\n      )\n    }\n  }\n}\n\ninterface UpdateMuxAssetArgs {\n  asset: Mux.Video.Asset\n  payload: BasePayload\n}\n\nasync function updateMuxAsset(args: UpdateMuxAssetArgs): Promise<void> {\n  const { asset, payload } = args\n\n  if (asset.status === 'ready') {\n    const { docs } = await payload.find({\n      collection: 'media',\n      where: {\n        'mux.assetId': {\n          equals: asset.id,\n        },\n      },\n      limit: 1,\n      pagination: false,\n    })\n\n    if (docs.length > 0) {\n      const { id } = docs[0]\n\n      const width = Array.from(asset.tracks ?? []).reduce(\n        (max, track) =>\n          track.type === 'video' && track.max_width\n            ? Math.max(max, track.max_width)\n            : max,\n        0\n      )\n\n      const height = Array.from(asset.tracks ?? []).reduce(\n        (max, track) =>\n          track.type === 'video' && track.max_height\n            ? Math.max(max, track.max_height)\n            : max,\n        0\n      )\n\n      await payload.update({\n        collection: 'media',\n        id,\n        data: {\n          mux: {\n            status: asset.status,\n            assetId: asset.id,\n            playbackId: asset.playback_ids?.[0]?.id,\n            aspectRatio: asset.aspect_ratio,\n            duration: asset.duration,\n            tracks: asset.tracks,\n            maxResolutionTier: asset.max_resolution_tier,\n            videoQuality: asset.video_quality,\n            staticRenditions: asset.static_renditions as StaticRenditions,\n          },\n          width,\n          height,\n        },\n      })\n    }\n  }\n}\n"],"mappings":";;;;AAWA,MAAM,EAAE,aAAa,iBAAiB;AAEtC,SAAgB,qBACd,MACgB;CAChB,MAAM,EAAE,iBAAiB;AAEzB,QAAO,OAAO,QAAQ;EACpB,MAAM,MAAM,cAAc;AAE1B,MAAI;GACF,MAAM,OAAO,IAAI,OAAO,MAAM,IAAI,MAAM,GAAG;GAC3C,MAAM,UAAU,IAAI;AAEpB,OAAI,CAAC,KACH,UAAS,iBAAiB,yBAAyB,QAAQ;AAI7D,OAAI,SAAS,gBAAgB,MAAM,QAAQ;GAG3C,MAAM,QAAQ,KAAK,MAAM,KAAK;AAG9B,WAAQ,MAAM,MAAd;IACE,KAAK;IACL,KAAK;IACL,KAAK;AACH,aAAQ,IAAI,yBAAyB,MAAM,KAAK,IAAI,MAAM,OAAO,KAAK;AACtE;IACF,KAAK;IACL,KAAK;IACL,KAAK;AACH,WAAM,eAAe;MAAE,OAAO,MAAM;MAAQ,SAAS,IAAI;MAAS,CAAC;AACnE;;AAGJ,UAAO,SAAS,KAAK,EAAE,SAAS,oBAAoB,EAAE,EAAE,QAAQ,KAAK,CAAC;WAC/D,OAAO;AACd,UAAO,SAAS,KACd,EAAE,SAAS,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,EAAE,EACnE,EAAE,QAAQ,KAAK,CAChB;;;;AAUP,eAAe,eAAe,MAAyC;CACrE,MAAM,EAAE,OAAO,YAAY;AAE3B,KAAI,MAAM,WAAW,SAAS;EAC5B,MAAM,EAAE,SAAS,MAAM,QAAQ,KAAK;GAClC,YAAY;GACZ,OAAO,EACL,eAAe,EACb,QAAQ,MAAM,IACf,EACF;GACD,OAAO;GACP,YAAY;GACb,CAAC;AAEF,MAAI,KAAK,SAAS,GAAG;GACnB,MAAM,EAAE,OAAO,KAAK;GAEpB,MAAM,QAAQ,MAAM,KAAK,MAAM,UAAU,EAAE,CAAC,CAAC,QAC1C,KAAK,UACJ,MAAM,SAAS,WAAW,MAAM,YAC5B,KAAK,IAAI,KAAK,MAAM,UAAU,GAC9B,KACN,EACD;GAED,MAAM,SAAS,MAAM,KAAK,MAAM,UAAU,EAAE,CAAC,CAAC,QAC3C,KAAK,UACJ,MAAM,SAAS,WAAW,MAAM,aAC5B,KAAK,IAAI,KAAK,MAAM,WAAW,GAC/B,KACN,EACD;AAED,SAAM,QAAQ,OAAO;IACnB,YAAY;IACZ;IACA,MAAM;KACJ,KAAK;MACH,QAAQ,MAAM;MACd,SAAS,MAAM;MACf,YAAY,MAAM,eAAe,IAAI;MACrC,aAAa,MAAM;MACnB,UAAU,MAAM;MAChB,QAAQ,MAAM;MACd,mBAAmB,MAAM;MACzB,cAAc,MAAM;MACpB,kBAAkB,MAAM;MACzB;KACD;KACA;KACD;IACF,CAAC"}

package/dist/endpoints/tusPostProcessorHandler.mjs

@@ -35,7 +35,7 @@ function getTusPostProcessorHandler(args) {
 			});
 			return Response.json({ message: "Asset processed" }, { status: 200 });
 		} catch (_error) {
-			logError(MediaCloudErrors.FILE_DIMENSIONS_ERROR);
+			logError(MediaCloudErrors.FILE_DIMENSIONS_ERROR.message);
 			return Response.json({ message: "Failed to process asset" }, { status: 500 });
 		}
 	};

package/dist/endpoints/tusPostProcessorHandler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tusPostProcessorHandler.mjs","names":[],"sources":["../../src/endpoints/tusPostProcessorHandler.ts"],"sourcesContent":["import type { PayloadHandler } from 'payload'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\nimport { S3Store } from '../tus/stores/s3/s3-store'\nimport { imageSize } from 'image-size'\n\ninterface GetTusPostProcessorHandlerArgs {\n  s3Store: S3Store\n}\n\nexport function getTusPostProcessorHandler(\n  args: GetTusPostProcessorHandlerArgs\n): PayloadHandler {\n  const { s3Store } = args\n  const { throwError, logError } = useErrorHandler()\n\n  return async function (req) {\n    try {\n      const { routeParams, payload } = req\n      const filename = routeParams?.filename as string\n\n      if (!filename) {\n        throwError(MediaCloudErrors.FILE_MISSING_NAME)\n      }\n\n      const decodedFilename = decodeURIComponent(filename)\n\n      const { docs } = await payload.find({\n        collection: 'media',\n        where: {\n          filename: {\n            equals: decodedFilename,\n          },\n        },\n        limit: 1,\n        pagination: false,\n      })\n\n      const media = docs?.[0]\n\n      if (!media) {\n        throwError(MediaCloudErrors.FILE_NOT_FOUND)\n      }\n\n      if (media.storage !== 's3') {\n        return Response.json(\n          { message: 'Asset not stored on S3, skipping processing' },\n          { status: 200 }\n        )\n      }\n\n      const matchedId = media?.id\n\n      const url = s3Store.getUrl(filename)\n      const response = await fetch(url)\n      const arrayBuffer = await response.arrayBuffer()\n      const buffer = Buffer.from(arrayBuffer)\n\n      const dimensions = imageSize(buffer)\n      const { width, height } = dimensions\n\n      if (width && height) {\n        await payload.update({\n          collection: 'media',\n          id: matchedId,\n          data: {\n            width,\n            height,\n          },\n        })\n      }\n\n      return Response.json({ message: 'Asset processed' }, { status: 200 })\n    } catch (_error) {\n      logError(MediaCloudErrors.FILE_DIMENSIONS_ERROR)\n      return Response.json(\n        { message: 'Failed to process asset' },\n        { status: 500 }\n      )\n    }\n  }\n}\n"],"mappings":";;;;;AAWA,SAAgB,2BACd,MACgB;CAChB,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,YAAY,aAAa,iBAAiB;AAElD,QAAO,eAAgB,KAAK;AAC1B,MAAI;GACF,MAAM,EAAE,aAAa,YAAY;GACjC,MAAM,WAAW,aAAa;AAE9B,OAAI,CAAC,SACH,YAAW,iBAAiB,kBAAkB;GAGhD,MAAM,kBAAkB,mBAAmB,SAAS;GAEpD,MAAM,EAAE,SAAS,MAAM,QAAQ,KAAK;IAClC,YAAY;IACZ,OAAO,EACL,UAAU,EACR,QAAQ,iBACT,EACF;IACD,OAAO;IACP,YAAY;IACb,CAAC;GAEF,MAAM,QAAQ,OAAO;AAErB,OAAI,CAAC,MACH,YAAW,iBAAiB,eAAe;AAG7C,OAAI,MAAM,YAAY,KACpB,QAAO,SAAS,KACd,EAAE,SAAS,+CAA+C,EAC1D,EAAE,QAAQ,KAAK,CAChB;GAGH,MAAM,YAAY,OAAO;GAEzB,MAAM,MAAM,QAAQ,OAAO,SAAS;GAEpC,MAAM,cAAc,OADH,MAAM,MAAM,IAAI,EACE,aAAa;GAIhD,MAAM,EAAE,OAAO,WADI,UAFJ,OAAO,KAAK,YAAY,CAEH;AAGpC,OAAI,SAAS,OACX,OAAM,QAAQ,OAAO;IACnB,YAAY;IACZ,IAAI;IACJ,MAAM;KACJ;KACA;KACD;IACF,CAAC;AAGJ,UAAO,SAAS,KAAK,EAAE,SAAS,mBAAmB,EAAE,EAAE,QAAQ,KAAK,CAAC;WAC9D,QAAQ;AACf,YAAS,iBAAiB,sBAAsB;AAChD,UAAO,SAAS,KACd,EAAE,SAAS,2BAA2B,EACtC,EAAE,QAAQ,KAAK,CAChB"}
+{"version":3,"file":"tusPostProcessorHandler.mjs","names":[],"sources":["../../src/endpoints/tusPostProcessorHandler.ts"],"sourcesContent":["import type { PayloadHandler } from 'payload'\nimport { useErrorHandler } from '../hooks/useErrorHandler'\nimport { MediaCloudErrors } from '../types/errors'\n\nimport { S3Store } from '../tus/stores/s3/s3-store'\nimport { imageSize } from 'image-size'\n\ninterface GetTusPostProcessorHandlerArgs {\n  s3Store: S3Store\n}\n\nexport function getTusPostProcessorHandler(\n  args: GetTusPostProcessorHandlerArgs\n): PayloadHandler {\n  const { s3Store } = args\n  const { throwError, logError } = useErrorHandler()\n\n  return async function (req) {\n    try {\n      const { routeParams, payload } = req\n      const filename = routeParams?.filename as string\n\n      if (!filename) {\n        throwError(MediaCloudErrors.FILE_MISSING_NAME)\n      }\n\n      const decodedFilename = decodeURIComponent(filename)\n\n      const { docs } = await payload.find({\n        collection: 'media',\n        where: {\n          filename: {\n            equals: decodedFilename,\n          },\n        },\n        limit: 1,\n        pagination: false,\n      })\n\n      const media = docs?.[0]\n\n      if (!media) {\n        throwError(MediaCloudErrors.FILE_NOT_FOUND)\n      }\n\n      if (media.storage !== 's3') {\n        return Response.json(\n          { message: 'Asset not stored on S3, skipping processing' },\n          { status: 200 }\n        )\n      }\n\n      const matchedId = media?.id\n\n      const url = s3Store.getUrl(filename)\n      const response = await fetch(url)\n      const arrayBuffer = await response.arrayBuffer()\n      const buffer = Buffer.from(arrayBuffer)\n\n      const dimensions = imageSize(buffer)\n      const { width, height } = dimensions\n\n      if (width && height) {\n        await payload.update({\n          collection: 'media',\n          id: matchedId,\n          data: {\n            width,\n            height,\n          },\n        })\n      }\n\n      return Response.json({ message: 'Asset processed' }, { status: 200 })\n    } catch (_error) {\n      logError(MediaCloudErrors.FILE_DIMENSIONS_ERROR.message)\n      return Response.json(\n        { message: 'Failed to process asset' },\n        { status: 500 }\n      )\n    }\n  }\n}\n"],"mappings":";;;;;AAWA,SAAgB,2BACd,MACgB;CAChB,MAAM,EAAE,YAAY;CACpB,MAAM,EAAE,YAAY,aAAa,iBAAiB;AAElD,QAAO,eAAgB,KAAK;AAC1B,MAAI;GACF,MAAM,EAAE,aAAa,YAAY;GACjC,MAAM,WAAW,aAAa;AAE9B,OAAI,CAAC,SACH,YAAW,iBAAiB,kBAAkB;GAGhD,MAAM,kBAAkB,mBAAmB,SAAS;GAEpD,MAAM,EAAE,SAAS,MAAM,QAAQ,KAAK;IAClC,YAAY;IACZ,OAAO,EACL,UAAU,EACR,QAAQ,iBACT,EACF;IACD,OAAO;IACP,YAAY;IACb,CAAC;GAEF,MAAM,QAAQ,OAAO;AAErB,OAAI,CAAC,MACH,YAAW,iBAAiB,eAAe;AAG7C,OAAI,MAAM,YAAY,KACpB,QAAO,SAAS,KACd,EAAE,SAAS,+CAA+C,EAC1D,EAAE,QAAQ,KAAK,CAChB;GAGH,MAAM,YAAY,OAAO;GAEzB,MAAM,MAAM,QAAQ,OAAO,SAAS;GAEpC,MAAM,cAAc,OADH,MAAM,MAAM,IAAI,EACE,aAAa;GAIhD,MAAM,EAAE,OAAO,WADI,UAFJ,OAAO,KAAK,YAAY,CAEH;AAGpC,OAAI,SAAS,OACX,OAAM,QAAQ,OAAO;IACnB,YAAY;IACZ,IAAI;IACJ,MAAM;KACJ;KACA;KACD;IACF,CAAC;AAGJ,UAAO,SAAS,KAAK,EAAE,SAAS,mBAAmB,EAAE,EAAE,QAAQ,KAAK,CAAC;WAC9D,QAAQ;AACf,YAAS,iBAAiB,sBAAsB,QAAQ;AACxD,UAAO,SAAS,KACd,EAAE,SAAS,2BAA2B,EACtC,EAAE,QAAQ,KAAK,CAChB"}