From 4a6b3fc147d36f86bcd9272b6e1033b16359c32a Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 26 Apr 2023 15:52:57 -0400
Subject: [PATCH] Update vins-by-image call for new endpoint.

---
 src/global-methods.js |  9 ++-------
 src/store/index.js    | 29 ++++++++++++++++++++++-------
 2 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/src/global-methods.js b/src/global-methods.js
index 2df5c29af..cba64e908 100644
--- a/src/global-methods.js
+++ b/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) {
-                payloadAndAnalyticsData = payload;
-                payloadAndAnalyticsData.append("AppName", "FixMyGlass");
-            } else {
-                Object.assign(payloadAndAnalyticsData, payload, { AppName: "FixMyGlass" });
-            }
+            Object.assign(payloadAndAnalyticsData, payload, { AppName: "FixMyGlass" });
             const headers = {
                 [headerKeys.EXPERIMENT]: JSON.stringify(store.getters.experimentSettings),
             };
diff --git a/src/store/index.js b/src/store/index.js
index 661dc7339..da63d3ab6 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -531,13 +531,28 @@ export const actions = {
         });
     },
     lookupVinByImage(context, image) {
-        const data = new FormData();
-        data.append("vinImage", image);
-        return globalMethods.callHttpClient({
-            method: endpoints.LookupVinByImage.method,
-            endpoint: endpoints.LookupVinByImage.url,
-            payload: data,
-            isFormData: true,
+        return new Promise((resolve, reject) => {
+            let reader = new FileReader();
+            reader.onload = (e) => {
+                resolve(reader.result);
+            };
+            reader.readAsDataURL(image);
+        }).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) {