fix(console): allow image/x-icon mime type (#5193)

packages/console/src/consts/user-assets.ts

@@ -9,6 +9,7 @@ export const mimeTypeToFileExtensionMappings: MimeTypeToFileExtensionMappings =
   'image/png': ['png'],
   'image/gif': ['gif'],
   'image/vnd.microsoft.icon': ['ico'],
+  'image/x-icon': ['ico'],
   'image/svg+xml': ['svg'],
   'image/tiff': ['tif', 'tiff'],
   'image/webp': ['webp'],

packages/console/src/hooks/use-image-mime-types.ts

@@ -11,6 +11,7 @@ const allowedImageMimeTypes: AllowedUploadMimeType[] = [
   'image/png',
   'image/jpeg',
   'image/vnd.microsoft.icon',
+  'image/x-icon',
 ];
 
 const useImageMimeTypes = (

packages/console/src/utils/uploader.ts

@@ -1,8 +1,11 @@
 import type { AllowedUploadMimeType } from '@logto/schemas';
+import { deduplicate } from '@silverhand/essentials';
 
 import { mimeTypeToFileExtensionMappings } from '@/consts/user-assets';
 
 export const convertToFileExtensionArray = (mimeTypes: AllowedUploadMimeType[]) =>
-  mimeTypes
-    .flatMap((type) => mimeTypeToFileExtensionMappings[type])
-    .map((extension) => extension.toUpperCase());
+  deduplicate(
+    mimeTypes
+      .flatMap((type) => mimeTypeToFileExtensionMappings[type])
+      .map((extension) => extension.toUpperCase())
+  );

packages/schemas/src/types/user-assets.ts

@@ -8,6 +8,7 @@ export const allowUploadMimeTypes = [
   'image/png',
   'image/gif',
   'image/vnd.microsoft.icon',
+  'image/x-icon',
   'image/svg+xml',
   'image/tiff',
   'image/webp',