fix import file size + extension validation (#1060)

* change max file import size to 50mb

* allow all extensions on FileInput to show errors on Error modal

Author: nicoecheza

packages/@dcl/inspector/src/components/FileInput/FileInput.tsx

@@ -8,7 +8,7 @@ function parseAccept(accept: PropTypes['accept']) {
   for (const [key, values] of Object.entries(accept ?? {})) {
     value += `${key},${values.join(',')},`
   }
-  return value
+  return value || '*'
 }
 
 export interface InputRef {
@@ -27,7 +27,8 @@ export const FileInput = React.forwardRef<InputRef, React.PropsWithChildren<Prop
         if (onDrop) onDrop(item.files)
       },
       canDrop(item: { files: File[] }) {
-        return !disabled && item.files.every((file) => !!acceptExtensions.find((ext) => file.name.endsWith(ext)))
+        if (disabled || acceptExtensions.length === 0) return !disabled
+        return item.files.every((file) => !!acceptExtensions.find((ext) => file.name.endsWith(ext)))
       },
       collect: (monitor) => ({
         isHover: monitor.canDrop() && monitor.isOver()

packages/@dcl/inspector/src/components/ImportAsset/ImportAsset.tsx

@@ -121,14 +121,7 @@ const ImportAsset = React.forwardRef<InputRef, PropsWithChildren<PropTypes>>(({
 
   return (
     <div className={cx('ImportAsset', { ImportAssetHover: isHover })}>
-      <FileInput
-        disabled={!!files.length}
-        onDrop={handleDrop}
-        onHover={handleHover}
-        ref={inputRef}
-        accept={ACCEPTED_FILE_TYPES}
-        multiple
-      >
+      <FileInput disabled={!!files.length} onDrop={handleDrop} onHover={handleHover} ref={inputRef} multiple>
         {isImportActive && (
           <>
             <div className="upload-icon">

packages/@dcl/inspector/src/components/ImportAsset/utils.ts

@@ -105,7 +105,7 @@ export const ACCEPTED_FILE_TYPES = {
   'video/mp4': ['.mp4']
 }
 
-const ONE_GB_IN_BYTES = 1024 * 1024 * 1024
+const FIFTY_MB_IN_BYTES = 50 * 1024 * 1024
 const VALID_EXTENSIONS = new Set(
   Object.values(ACCEPTED_FILE_TYPES)
     .flat()
@@ -159,7 +159,7 @@ export function formatFileName(file: BaseAsset): string {
 }
 
 function validateFileSize(size: number): ValidationError {
-  return size <= ONE_GB_IN_BYTES ? undefined : { type: 'size', message: 'Max file size: 1 GB' }
+  return size <= FIFTY_MB_IN_BYTES ? undefined : { type: 'size', message: 'Max file size: 50 MB' }
 }
 
 function validateExtension(extension: string): ValidationError {