feat: Added File Enums in the accept prop of UploadDropzone

Author: thisismayuresh

apps/web/design-system/UploadDropzone/UploadDropzone.tsx

@@ -1,9 +1,10 @@
 import { Flex, Stack, Text } from '@mantine/core';
-import { Dropzone as MantineDropzone, FileWithPath, MIME_TYPES } from '@mantine/dropzone';
+import { Dropzone as MantineDropzone, FileWithPath } from '@mantine/dropzone';
 
 import { WIDGET_TEXTS } from '@impler/client';
 import useStyles from './UploadDropzone.styles';
 import { Button } from '@ui/button';
+import { FileMimeTypesEnum } from '@impler/shared';
 
 interface IDropzoneProps {
   loading?: boolean;
@@ -18,7 +19,15 @@ interface IDropzoneProps {
 export function UploadDropzone(props: IDropzoneProps) {
   const {
     loading,
-    accept = [MIME_TYPES.csv, MIME_TYPES.xlsx, 'application/vnd.ms-excel.sheet.macroenabled.12'],
+    accept = [
+      FileMimeTypesEnum.CSV,
+      FileMimeTypesEnum.CSV_ALT,
+      FileMimeTypesEnum.CSV_ALT2,
+      FileMimeTypesEnum.EXCEL,
+      FileMimeTypesEnum.EXCELX,
+      FileMimeTypesEnum.EXCELM,
+      '.csv',
+    ],
     onDrop,
     onReject,
     error,

libs/shared/src/types/upload/upload.types.ts

@@ -23,6 +23,8 @@ export const SupportedFileMimeTypes = [
 
 export enum FileMimeTypesEnum {
   'CSV' = 'text/csv',
+  'CSV_ALT' = 'text/comma-separated-values',
+  'CSV_ALT2' = 'application/csv',
   'EXCEL' = 'application/vnd.ms-excel',
   'EXCELX' = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
   'EXCELM' = 'application/vnd.ms-excel.sheet.macroenabled.12',
@@ -34,6 +36,7 @@ export enum FileMimeTypesEnum {
   'JPG' = 'image/jpeg',
   'JPEG' = 'image/jpeg',
   'WEBP' = 'image/webp',
+  'TEXT_PLAIN' = 'text/plain',
 }
 
 export enum FileEncodingsEnum {