clean up svg code (#941)

mocks/api/v1/policy/GET.json

@@ -14,7 +14,6 @@
   "validmimetypes":[
     "image/jpeg",
     "image/png",
-    "image/svg+xml",
     "text/plain",
     "text/plain; charset=utf-8"
   ],

src/components/Form/Fields/FilesField.js

@@ -4,11 +4,7 @@ import ReactFileReader from "react-file-reader";
 import { change } from "redux-form";
 import ProposalImages from "../../ProposalImages";
 import PolicyErrors from "./PolicyErrors";
-import {
-  validateFiles,
-  getFormattedFiles,
-  sanitizeSVGFiles
-} from "../../ProposalImages/helpers";
+import { validateFiles, getFormattedFiles } from "../../ProposalImages/helpers";
 
 class FilesField extends React.Component {
   constructor(props) {
@@ -29,13 +25,12 @@ class FilesField extends React.Component {
       ? formattedFiles.concat(input.value)
       : formattedFiles;
     const validation = validateFiles(inputAndNewFiles, policy);
-    const sanitizedFiles = sanitizeSVGFiles(validation.files);
 
     this.setState({
       policyErrors: validation.errors ? validation.errors : []
     });
 
-    return dispatch(change("form/proposal", "files", sanitizedFiles));
+    return dispatch(change("form/proposal", "files", inputAndNewFiles));
   };
 
   render() {

src/components/ProposalImages/helpers.js

@@ -1,5 +1,3 @@
-import DOMPurify from "dompurify";
-
 export const errorTypes = {
   MAX_SIZE: "max_size",
   MAX_IMAGES: "max_length",
@@ -112,20 +110,3 @@ function validateMimeTypes({ files, errors, policy }) {
     errors
   };
 }
-
-const isSVG = file => file.mime === "image/svg+xml";
-
-export const sanitizeSVGFiles = files => {
-  files = files.map(file => {
-    if (!isSVG(file)) return file;
-
-    const decodedStr = window.atob(file.payload);
-    const sanitizedPayload = DOMPurify.sanitize(decodedStr);
-    const payload = window.btoa(sanitizedPayload);
-    return {
-      ...file,
-      payload
-    };
-  });
-  return files;
-};

src/components/ProposalImages/index.js

@@ -1,6 +1,5 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
-import { sanitizeSVGFiles } from "./helpers";
 
 class ProposalImages extends Component {
   constructor(props) {
@@ -15,11 +14,10 @@ class ProposalImages extends Component {
 
   render() {
     const { files, readOnly } = this.props;
-    const sanitizedFiles = sanitizeSVGFiles(files || []);
 
     return (
       <div className="attached-images">
-        {sanitizedFiles.map(({ name, mime, payload }, idx) => (
+        {files.map(({ name, mime, payload }, idx) => (
           <div key={`prop-image-${idx}`} className="attached-image-ct">
             <div style={{ display: "flex", alignItems: "center" }}>
               <h5 className="attached-image-title">{name}</h5>