Update vins-by-image call for new endpoint.

src/global-methods.js

@@ -7,16 +7,11 @@ import { GaCategories, GaActions, GaLabels } from "@/constants/analytics";
 import { headerKeys } from "@/constants/header-keys";
 
 export default {
-    callHttpClient({ method, endpoint, payload, logApiCall = true, isFormData = false }) {
+    callHttpClient({ method, endpoint, payload, logApiCall = true }) {
         return new Promise((resolve, reject) => {
             const cfDistroUrl = applicationConfig.CONSUMER_CF_DISTRO;
             let payloadAndAnalyticsData = {};
-            if (isFormData) {
+            Object.assign(payloadAndAnalyticsData, payload, { AppName: "FixMyGlass" });
-                payloadAndAnalyticsData = payload;
-                payloadAndAnalyticsData.append("AppName", "FixMyGlass");
-            } else {
-                Object.assign(payloadAndAnalyticsData, payload, { AppName: "FixMyGlass" });
-            }
             const headers = {
                 [headerKeys.EXPERIMENT]: JSON.stringify(store.getters.experimentSettings),
             };

src/store/index.js

@@ -531,13 +531,28 @@ export const actions = {
         });
     },
     lookupVinByImage(context, image) {
-        const data = new FormData();
+        return new Promise((resolve, reject) => {
-        data.append("vinImage", image);
+            let reader = new FileReader();
-        return globalMethods.callHttpClient({
+            reader.onload = (e) => {
-            method: endpoints.LookupVinByImage.method,
+                resolve(reader.result);
-            endpoint: endpoints.LookupVinByImage.url,
+            };
-            payload: data,
+            reader.readAsDataURL(image);
-            isFormData: true,
+        }).then((result) => {
+            const components = result.split(",");
+            const contentType = image.type;
+            const imageBase64 = components[1];
+
+            const data = {
+                imageData: imageBase64,
+                contentType: contentType,
+                fileName: image.name,
+            };
+
+            return globalMethods.callHttpClient({
+                method: endpoints.LookupVinByImage.method,
+                endpoint: endpoints.LookupVinByImage.url,
+                payload: data,
+            });
         });
     },
     isVinByAddressPermissible(context, zip) {