Resolved CORS errors for document upload BOD-407

bodyshop_translations.babel

@@ -7082,6 +7082,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>deleting_cloudinary</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>getpresignurl</name>
                                         <definition_loaded>false</definition_loaded>

client/src/App/App.container.jsx

@@ -22,7 +22,7 @@ import App from "./App";
 
 moment.locale("en-US");
 
-axios.interceptors.request.use(
+export const axiosAuthInterceptorId = axios.interceptors.request.use(
   async (config) => {
     if (!config.headers.Authorization) {
       const token =

client/src/components/documents-upload/documents-upload.utility.js

@@ -5,8 +5,12 @@ import { client } from "../../App/App.container";
 import { INSERT_NEW_DOCUMENT } from "../../graphql/documents.queries";
 import i18n from "i18next";
 import { logImEXEvent } from "../../firebase/firebase.utils";
-
+import { axiosAuthInterceptorId } from "../../App/App.container";
 //Context: currentUserEmail, bodyshop, jobid, invoiceid
+
+var cleanAxios = axios.create();
+cleanAxios.interceptors.request.eject(axiosAuthInterceptorId);
+
 export const handleUpload = (ev, context) => {
   console.log("ev", ev);
 
@@ -102,12 +106,10 @@ export const uploadToS3 = (
       formData.append("timestamp", timestamp);
       formData.append("signature", signature);
 
-      axios
+      cleanAxios
-        .post(
+        .post(`${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/upload`, formData, {
-          `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/upload`,
+          ...options,
-          formData,
+        })
-          options
-        )
         .then((response) => {
           console.log("Upload Response", response);
           client

client/src/components/jobs-documents-gallery/jobs-documents-gallery.delete.component.jsx

@@ -6,6 +6,12 @@ import { useMutation } from "@apollo/react-hooks";
 import { DELETE_DOCUMENT } from "../../graphql/documents.queries";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 
+import { axiosAuthInterceptorId } from "../../App/App.container";
+//Context: currentUserEmail, bodyshop, jobid, invoiceid
+
+var cleanAxios = axios.create();
+cleanAxios.interceptors.request.eject(axiosAuthInterceptorId);
+
 export default function JobsDocumentsDeleteButton({
   galleryImages,
   deletionCallback,
@@ -37,7 +43,7 @@ export default function JobsDocumentsDeleteButton({
           formData.append("timestamp", timestamp);
           formData.append("signature", signature);
 
-          axios
+          cleanAxios
             .post(
               `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/destroy`,
               formData,

client/src/translations/en_us/common.json

@@ -472,6 +472,7 @@
 			},
 			"errors": {
 				"deletes3": "Error deleting document from storage. ",
+				"deleting_cloudinary": "Error deleting document from storage. {{message}}",
 				"getpresignurl": "Error obtaining presigned URL for document.  {{message}}",
 				"insert": "Unable to upload file. {{message}}",
 				"nodocuments": "There are no documents."

client/src/translations/es/common.json

@@ -472,6 +472,7 @@
 			},
 			"errors": {
 				"deletes3": "Error al eliminar el documento del almacenamiento.",
+				"deleting_cloudinary": "",
 				"getpresignurl": "Error al obtener la URL prescrita para el documento. {{message}}",
 				"insert": "Incapaz de cargar el archivo. {{message}}",
 				"nodocuments": "No hay documentos"

client/src/translations/fr/common.json

@@ -472,6 +472,7 @@
 			},
 			"errors": {
 				"deletes3": "Erreur lors de la suppression du document du stockage.",
+				"deleting_cloudinary": "",
 				"getpresignurl": "Erreur lors de l'obtention de l'URL présignée pour le document. {{message}}",
 				"insert": "Incapable de télécharger le fichier. {{message}}",
 				"nodocuments": "Il n'y a pas de documents."