Add missing forceReplace param when replacing a file

src/files/domain/models/FileTypeToFriendlyTypeMap.ts

@@ -195,6 +195,7 @@ const MimeTypeDisplay: Record<string, string> = {
   'application/photoshop': 'Photoshop Image',
   'image/vnd.adobe.photoshop': 'Photoshop Image',
   'application/x-photoshop': 'Photoshop Image',
+  'image/webp': 'WebP Image',
   // Audio
   'audio/x-aiff': 'AIFF Audio',
   'audio/mp3': 'MP3 Audio',

src/files/infrastructure/mappers/UploadedFileDTOMapper.ts

@@ -11,7 +11,8 @@ export class UploadedFileDTOMapper {
     storageId: string,
     checksumValue: string,
     checksumType: FixityAlgorithm,
-    fileType: string
+    fileType: string,
+    forceReplace?: boolean
   ): UploadedFileDTO {
     return {
       fileName: fileName,
@@ -22,7 +23,8 @@ export class UploadedFileDTOMapper {
       storageId: storageId,
       checksumValue: checksumValue,
       checksumType: checksumType,
-      mimeType: fileType === '' ? 'application/octet-stream' : fileType // some browsers (e.g., chromium for .java files) fail to detect the mime type for some files and leave the fileType as an empty string, we use the default value 'application/octet-stream' in that case
+      mimeType: fileType === '' ? 'application/octet-stream' : fileType, // some browsers (e.g., chromium for .java files) fail to detect the mime type for some files and leave the fileType as an empty string, we use the default value 'application/octet-stream' in that case,
+      ...(forceReplace && { forceReplace: true })
     }
   }
 }

src/sections/shared/file-uploader/useReplaceFile.ts

@@ -28,7 +28,8 @@ export const useReplaceFile = (fileRepository: FileRepository): UseReplaceFileRe
       newFileInfo.storageId,
       newFileInfo.checksumValue,
       newFileInfo.checksumAlgorithm,
-      newFileInfo.fileType
+      newFileInfo.fileType,
+      true
     )
 
     try {