First prototype of image upload working. IO-397 IO-398

redux/app/app.actions.js

@@ -16,7 +16,7 @@ export const documentUploadStart = (jobId) => ({
 });
 
 export const documentUploadSuccess = (jobId) => ({
-  type: AppActionTypes.DOCUMNET_UPLOAD_SUCCESS,
+  type: AppActionTypes.DOCUMENT_UPLOAD_SUCCESS,
   payload: jobId,
 });
 

redux/app/app.reducer.js

@@ -25,7 +25,7 @@ const appReducer = (state = INITIAL_STATE, action) => {
         documentUploadError: null,
         documentUploadInProgress: action.payload,
       };
-    case AppActionTypes.DOCUMNET_UPLOAD_SUCCESS:
+    case AppActionTypes.DOCUMENT_UPLOAD_SUCCESS:
       return {
         ...state,
         documentUploadError: null,

redux/app/app.types.js

@@ -2,7 +2,7 @@ const AppActionTypes = {
   SET_CAMERA_JOB_ID: "SET_CAMERA_JOB_ID",
   SET_CAMERA_JOB: "SET_CAMERA_JOB",
   DOCUMENT_UPLOAD_START: "DOCUMENT_UPLOAD_START",
-  DOCUMNET_UPLOAD_SUCCESS: "DOCUMNET_UPLOAD_SUCCESS",
+  DOCUMENT_UPLOAD_SUCCESS: "DOCUMENT_UPLOAD_SUCCESS",
   DOCUMENT_UPLOAD_FAILURE: "DOCUMENT_UPLOAD_FAILURE",
 };
 export default AppActionTypes;

redux/photos/photos.sagas.js

@@ -1,6 +1,7 @@
-import { all, call, takeLatest } from "redux-saga/effects";
-import PhotosActionTypes from "./photos.types";
 import * as FileSystem from "expo-file-system";
+import { all, call, select, takeLatest } from "redux-saga/effects";
+import { handleUpload } from "../../util/document-upload.utility";
+import PhotosActionTypes from "./photos.types";
 
 export function* onRemoveAllPhotos() {
   yield takeLatest(PhotosActionTypes.REMOVE_ALL_PHOTOS, removeAllPhotosAction);
@@ -20,11 +21,58 @@ export function* removeAllPhotosAction() {
     console.log("All photos deleted.");
   } catch (error) {
     console.log("Saga Error: onRemoveAllPhotos", error);
-    //yield put(signInFailure(error));
-    //logImEXEvent("redux_sign_in_failure", { user: email, error });
+  }
+}
+
+export function* onUploadAllPhotos() {
+  yield takeLatest(
+    PhotosActionTypes.UPLOAD_ALL_PHOTOS_START,
+    uploadAllPhotosAction
+  );
+}
+export function* uploadAllPhotosAction() {
+  try {
+    const photos = yield select((state) => state.photos.photos);
+    const bodyshop = yield select((state) => state.user.bodyshop);
+    const user = yield select((state) => state.user);
+    const actions = [];
+    photos.forEach(async (p) =>
+      actions.push(
+        handleUpload(
+          {
+            file: await (await fetch(p.uri)).blob(),
+
+            onError: (props) => {
+              console.log("Error Callback", props);
+            },
+            onProgress: (props) => {
+              console.log("Progress Calback", props);
+            },
+            onSuccess: (props) => {
+              console.log("Success Calback", props);
+            },
+          },
+          {
+            bodyshop: bodyshop,
+            jobId: p.jobId,
+            uploaded_by: user.currentUser.email,
+            callback: (props) => {
+              console.log("Context Callback", props);
+            },
+            photo: {
+              ...p,
+              name: p.uri.substring(p.uri.lastIndexOf("/") + 1),
+            },
+          }
+        )
+      )
+    );
+    yield Promise.all(actions);
+  } catch (error) {
+    console.log("Saga Error: onRemoveAllPhotos", error);
   }
 }
 
 export function* photosSagas() {
-  yield all([call(onRemoveAllPhotos)]);
+  yield all([call(onRemoveAllPhotos), call(onUploadAllPhotos)]);
 }

redux/user/user.reducer.js

@@ -5,10 +5,8 @@ const INITIAL_STATE = {
     authorized: null,
   },
   bodyshop: null,
-  fingerprint: null,
   signingIn: false,
   error: null,
-  conflict: false,
 };
 
 const userReducer = (state = INITIAL_STATE, action) => {