Vercel Blob Storage's with addRandomSuffix: true does not work for filenames with spaces and other special characters

[DriesCruyskens]

This is a bug but I don't have time to create a repro so I'm putting it here so other people can at least find a solution.

When the plugin receives the new filename with random suffix from Vercel, it receives it URI encoded and saves it without decoding to the filename field: https://fmvxowslianlssr7.public.blob.vercel-storage.com/text%20with%20spaces-XGyAWpmju4GO3Y8X4hU9sLLDL2nosE.jpg. All other code in the plugin and in Payload assumes the original filename without URI encoding so this breaks functinality. In my case read access control but certainly other places too.

patch package:

diff --git a/dist/client/VercelBlobClientUploadHandler.js b/dist/client/VercelBlobClientUploadHandler.js
index 76db6882931e65f407e8aa044d598ca5269c1522..55e8f98ea7cec80b5662b07606ba0cf6e15fe449 100644
--- a/dist/client/VercelBlobClientUploadHandler.js
+++ b/dist/client/VercelBlobClientUploadHandler.js
@@ -11,7 +11,9 @@ export const VercelBlobClientUploadHandler = createClientUploadHandler({
         });
         // Update filename with suffix from returned url
         if (addRandomSuffix) {
-            updateFilename(result.url.replace(`${baseURL}/`, ''));
+            // The resulting url is URI encoded. If we don't decode it, the filename will be saved URI encoded in the database, breaking functionality for filenames with spaces and other special characters.
+            const decodedResultUrl = decodeURI(result.url);
+            updateFilename(decodedResultUrl.replace(`${baseURL}/`, ''));
         }
         return {
             prefix
diff --git a/dist/handleUpload.js b/dist/handleUpload.js
index d4d8c95663e86d109064c144a1cc2a8f3c5729e3..e2ea5e6dd82aa6917373cb1fcbde987fa4abad84 100644
--- a/dist/handleUpload.js
+++ b/dist/handleUpload.js
@@ -12,7 +12,9 @@ export const getHandleUpload = ({ access = 'public', addRandomSuffix, baseUrl, c
         });
         // Get filename with suffix from returned url
         if (addRandomSuffix) {
-            data.filename = result.url.replace(`${baseUrl}/`, '');
+            // The resulting url is URI encoded. If we don't decode it, the filename will be saved URI encoded in the database, breaking functionality for filenames with spaces and other special characters.
+            const decodedResultUrl = decodeURI(result.url);
+            data.filename = decodedResultUrl.replace(`${baseUrl}/`, '');
         }
         return data;
     };