convert images on upload

app/javascript/elements/convert_upload.js

@@ -38,10 +38,10 @@ export async function convertImagesInInput (input) {
     let converted = file
 
     try {
-      if (['image/bmp', 'image/vnd.microsoft.icon', 'image/svg+xml'].includes(file.type)) {
+      if (['image/bmp', 'image/vnd.microsoft.icon', 'image/svg+xml', 'image/gif'].includes(file.type)) {
         converted = await convertImage(file, 'image/png')
         didConvert = true
-      } else if (['image/heic', 'image/heif', 'image/heic-sequence', 'image/heif-sequence', 'image/avif', 'image/avif-sequence'].includes(file.type)) {
+      } else if (['image/heic', 'image/heif', 'image/heic-sequence', 'image/heif-sequence', 'image/avif', 'image/avif-sequence', 'image/webp'].includes(file.type)) {
         converted = await convertImage(file, 'image/jpeg', 0.9)
         didConvert = true
       }

app/javascript/submission_form/dropzone.vue

@@ -184,9 +184,9 @@ export default {
             })
           } else {
             try {
-              if (['image/bmp', 'image/vnd.microsoft.icon', 'image/svg+xml'].includes(file.type)) {
+              if (['image/bmp', 'image/vnd.microsoft.icon', 'image/svg+xml', 'image/gif'].includes(file.type)) {
                 file = await convertImage(file, 'image/png')
-              } else if (['image/heic', 'image/heif', 'image/heic-sequence', 'image/heif-sequence', 'image/avif', 'image/avif-sequence'].includes(file.type)) {
+              } else if (['image/heic', 'image/heif', 'image/heic-sequence', 'image/heif-sequence', 'image/avif', 'image/avif-sequence', 'image/webp'].includes(file.type)) {
                 file = await convertImage(file, 'image/jpeg', 0.9)
               }
             } catch (e) {

app/javascript/template_builder/upload.vue

@@ -208,10 +208,10 @@ async function convertImagesInInput (input) {
     let converted = file
 
     try {
-      if (['image/bmp', 'image/vnd.microsoft.icon', 'image/svg+xml'].includes(file.type)) {
+      if (['image/bmp', 'image/vnd.microsoft.icon', 'image/svg+xml', 'image/gif'].includes(file.type)) {
         converted = await convertImage(file, 'image/png')
         didConvert = true
-      } else if (['image/heic', 'image/heif', 'image/heic-sequence', 'image/heif-sequence', 'image/avif', 'image/avif-sequence'].includes(file.type)) {
+      } else if (['image/heic', 'image/heif', 'image/heic-sequence', 'image/heif-sequence', 'image/avif', 'image/avif-sequence', 'image/webp'].includes(file.type)) {
         converted = await convertImage(file, 'image/jpeg', 0.9)
         didConvert = true
       }