1.3.6(1) Resolved local upload issues due to form type.

util/local-document-upload.utility.js

@@ -1,100 +1,132 @@
 import axios from "axios";
 import { store } from "../redux/store";
-
+import mime from "mime";
 import * as MediaLibrary from "expo-media-library";
 import * as ImageManipulator from "expo-image-manipulator";
 
+axios.interceptors.request.use(
+  function (config) {
+    config.metadata = { startTime: new Date() };
+    return config;
+  },
+  function (error) {
+    return Promise.reject(error);
+  }
+);
+
+axios.interceptors.response.use(
+  function (response) {
+    response.config.metadata.endTime = new Date();
+    response.duration =
+      response.config.metadata.endTime - response.config.metadata.startTime;
+    return response;
+  },
+  function (error) {
+    error.config.metadata.endTime = new Date();
+    error.duration =
+      error.config.metadata.endTime - error.config.metadata.startTime;
+    return Promise.reject(error);
+  }
+);
+
 export const handleLocalUpload = async ({ ev, context }) => {
   const { onError, onSuccess, onProgress, filename, mediaId } = ev;
   const { jobid, invoice_number, vendorid, callbackAfterUpload } = context;
   const bodyshop = store.getState().user.bodyshop;
-  var options = {
-    headers: {
-      "X-Requested-With": "XMLHttpRequest",
-      ims_token: bodyshop.localmediatoken,
-    },
-    onUploadProgress: (e) => {
-      if (onProgress) onProgress({ percent: (e.loaded / e.total) * 100 });
-    },
-  };
-
-  const formData = new FormData();
-
-  formData.append("jobid", jobid);
-  if (invoice_number) {
-    formData.append("invoice_number", invoice_number);
-    formData.append("vendorid", vendorid);
-  }
-  const imageData = await MediaLibrary.getAssetInfoAsync(mediaId);
-
-  let newFile;
   try {
-    newFile = await (await fetch(imageData.localUri || imageData.uri)).blob();
-  } catch (error) {
-    console.log("blobbing error", error, imageData.localUri || imageData.uri);
-  }
-
-  let thumb;
-  let fileData = {
-    uri: null,
-    type: null,
-    name: null,
-  };
-  if (newFile.type === "image/heic") {
-    try {
-      thumb = await ImageManipulator.manipulateAsync(imageData.uri, [], {
-        format: "jpeg",
-        base64: true,
-        compress: 0.75,
-      });
-      const name = newFile.data.name.split(".");
-      name.pop();
-      fileData = {
-        uri: thumb.uri,
-        type: newFile.type,
-        name: name.join("") + ".jpeg",
-      };
-    } catch (error) {
-      console.log(error);
-      onError && onError(error.message);
-    }
-  } else {
-    fileData = {
-      uri: imageData.localUri || imageData.uri,
-      type: newFile.type,
-      name: filename,
+    var options = {
+      headers: {
+        "Content-Type": "multipart/form-data",
+        ims_token: bodyshop.localmediatoken,
+      },
+      onUploadProgress: (e) => {
+        if (onProgress) onProgress({ percent: (e.loaded / e.total) * 100 });
+      },
     };
-  }
 
-  formData.append("file", fileData);
+    const formData = new FormData();
 
-  try {
-    const imexMediaServerResponse = await axios.post(
-      `${bodyshop.localmediaserverhttp}/${
-        invoice_number ? "bills" : "jobs"
-      }/upload`,
-      formData,
-      {
-        ...options,
-      }
-    );
+    formData.append("jobid", jobid);
+    if (invoice_number) {
+      formData.append("invoice_number", invoice_number);
+      formData.append("vendorid", vendorid);
+    }
+    const imageData = await MediaLibrary.getAssetInfoAsync(mediaId);
+    const mimeType = mime.getType(imageData.uri);
 
-    if (imexMediaServerResponse.status !== 200) {
-      if (onError) {
-        console.log(imexMediaServerResponse);
-        onError(
-          imexMediaServerResponse.data || imexMediaServerResponse.statusText
-        );
+    let thumb;
+    let fileData = {
+      uri: null,
+      type: null,
+      name: null,
+    };
+    if (mimeType === "image/heic") {
+      try {
+        thumb = await ImageManipulator.manipulateAsync(imageData.uri, [], {
+          format: "jpeg",
+          base64: true,
+          compress: 0.75,
+        });
+        const name = imageData.filename.split(".");
+        name.pop();
+        fileData = {
+          uri: thumb.uri,
+          type: "image/jpeg",
+          name: name.join("") + ".jpeg",
+        };
+      } catch (error) {
+        console.log(error);
+        onError && onError(error.message);
       }
     } else {
-      onSuccess && onSuccess();
+      fileData = {
+        uri: imageData.localUri || imageData.uri,
+        type: mimeType,
+        name: filename,
+      };
     }
 
-    if (callbackAfterUpload) {
-      callbackAfterUpload();
+    console.log("Got past reading the media.", formData);
+    formData.append("file", fileData);
+    formData.append("skip_thumbnail", true);
+
+    try {
+      const imexMediaServerResponse = await axios.post(
+        `${bodyshop.localmediaserverhttp}/${
+          invoice_number ? "bills" : "jobs"
+        }/upload`,
+        formData,
+        {
+          ...options,
+        }
+      );
+
+      console.log(
+        "Response Time ",
+        imexMediaServerResponse.headers["x-response-time"]
+      );
+
+      if (imexMediaServerResponse.status !== 200) {
+        if (onError) {
+          console.log(imexMediaServerResponse);
+          onError(
+            imexMediaServerResponse.data || imexMediaServerResponse.statusText
+          );
+        }
+      } else {
+        onSuccess && onSuccess();
+        console.log("Succesful upload", imageData.filename);
+      }
+
+      if (callbackAfterUpload) {
+        callbackAfterUpload();
+      }
+    } catch (error) {
+      console.log("Error uploading documents:", error);
+      onError && onError(error.message);
     }
   } catch (error) {
-    console.log("Error uploading documents:", onError, error);
+    console.log("Uncaught error", error);
     onError && onError(error.message);
   }
 };