Integrate google photos

package.json

@@ -35,6 +35,7 @@
     "file-saver": "^2.0.5",
     "fontsource-roboto": "^4.0.0",
     "formik": "^1.3.2",
+    "google-auth-library": "^7.1.0",
     "i18n-iso-countries": "4.3.1",
     "intl": "^1.2.5",
     "is-url": "1.2.4",

public/index.html

@@ -26,6 +26,9 @@
         https://www.youtube.com/
         https://*.cloudfront.net/
         https://*.visualstudio.com/
+        https://content-photoslibrary.googleapis.com/
+        https://photoslibrary.googleapis.com/
+        https://oauth2.googleapis.com/token
         blob: 
         gap:
         data:;

src/api/api.js

@@ -340,6 +340,24 @@ class API {
     return response.data.url;
   }
 
+  async uploadFromUrlOnApi(url) {
+    const authToken = getAuthToken();
+    if (!(authToken && authToken.length)) {
+      throw new Error('Need to be authenticated to perform this request');
+    }
+
+    const headers = {
+      Authorization: `Bearer ${authToken}`,
+      'Content-Type': 'application/json'
+    };
+
+    const response = await this.axiosInstance.post('media/url', {url}, {
+      headers
+    });
+
+    return response.data.url;
+  }
+
   async createCommunicator(communicator) {
     const authToken = getAuthToken();
     if (!(authToken && authToken.length)) {

src/components/App/App.actions.js

@@ -3,9 +3,16 @@ import {
   UPDATE_DISPLAY_SETTINGS,
   UPDATE_NAVIGATION_SETTINGS,
   UPDATE_USER_DATA,
+  LOG_IN_GOOGLE_PHOTOS,
+  LOG_OUT_GOOGLE_PHOTOS,
   DISABLE_TOUR
 } from './App.constants';
 
+import {
+  getAuthtoken,
+  refreshAuthToken
+} from '../Board/GooglePhotosSearch/googlePhotosSearch.auth';
+
 export function updateDisplaySettings(payload = {}) {
   return {
     type: UPDATE_DISPLAY_SETTINGS,
@@ -38,3 +45,40 @@ export function updateUserData(userData) {
     userData
   };
 }
+
+export function logInGooglePhotosAuth({ googlePhotosCode, refreshToken }) {
+  return dispatch =>
+    new Promise(resolve => {
+      if (googlePhotosCode) {
+        getAuthtoken(googlePhotosCode)
+          .then(googlePhotosAuth => {
+            dispatch({
+              type: LOG_IN_GOOGLE_PHOTOS,
+              googlePhotosAuth: googlePhotosAuth.tokens
+            });
+            resolve();
+          })
+          .catch(error => {
+            throw error;
+          });
+      } else if (refreshToken) {
+        refreshAuthToken(refreshToken)
+          .then(googlePhotosAuth => {
+            dispatch({
+              type: LOG_IN_GOOGLE_PHOTOS,
+              googlePhotosAuth: googlePhotosAuth
+            });
+            resolve();
+          })
+          .catch(error => {
+            throw error;
+          });
+      }
+    });
+}
+
+export function logOutGooglePhotos() {
+  return {
+    type: LOG_OUT_GOOGLE_PHOTOS
+  };
+}

src/components/App/App.constants.js

@@ -6,6 +6,8 @@ export const UPDATE_DISPLAY_SETTINGS = 'cboard/App/UPDATE_DISPLAY_SETTINGS';
 export const UPDATE_NAVIGATION_SETTINGS =
   'cboard/App/UPDATE_NAVIGATION_SETTINGS';
 export const UPDATE_USER_DATA = 'cboard/App/UPDATE_USER_DATA';
+export const LOG_IN_GOOGLE_PHOTOS = 'cboard/App/LOG_IN_GOOGLE_PHOTOS';
+export const LOG_OUT_GOOGLE_PHOTOS = 'cboard/App/LOG_OUT_GOOGLE_PHOTOS';
 
 // language constants
 export const DEFAULT_LANG = 'en-US';

src/components/App/App.reducer.js

@@ -4,6 +4,8 @@ import {
   UPDATE_DISPLAY_SETTINGS,
   UPDATE_NAVIGATION_SETTINGS,
   UPDATE_USER_DATA,
+  LOG_IN_GOOGLE_PHOTOS,
+  LOG_OUT_GOOGLE_PHOTOS,
   DISABLE_TOUR
 } from './App.constants';
 import { LOGIN_SUCCESS, LOGOUT } from '../Account/Login/Login.constants';
@@ -101,6 +103,22 @@ function appReducer(state = initialState, action) {
         ...state,
         userData: action.userData
       };
+    case LOG_IN_GOOGLE_PHOTOS:
+      return {
+        ...state,
+        userData: {
+          ...state.userData,
+          googlePhotosAuth: action.googlePhotosAuth
+        }
+      };
+    case LOG_OUT_GOOGLE_PHOTOS:
+      return {
+        ...state,
+        userData: {
+          ...state.userData,
+          googlePhotosAuth: null
+        }
+      };
     default:
       return state;
   }

src/components/Board/Board.actions.js

@@ -36,7 +36,12 @@ import {
   DOWNLOAD_IMAGES_FAILURE,
   DOWNLOAD_IMAGES_STARTED,
   DOWNLOAD_IMAGE_SUCCESS,
-  DOWNLOAD_IMAGE_FAILURE
+  DOWNLOAD_IMAGE_FAILURE,
+  SET_EDITING_TILES,
+  CLEAR_EDITING_TILES,
+  UPDATE_EDITING_TILES,
+  EDITING_TILES_NEXT_STEP,
+  EDITING_TILES_PREV_STEP
 } from './Board.constants';
 
 import API from '../../api';
@@ -165,6 +170,40 @@ export function focusTile(tileId, boardId) {
   };
 }
 
+export function setEditingTiles(editingTiles) {
+  return {
+    type: SET_EDITING_TILES,
+    editingTiles
+  };
+}
+
+export function clearEditingTiles() {
+  return {
+    type: CLEAR_EDITING_TILES
+  };
+}
+
+export function updateEditingTiles(id, property, value) {
+  return {
+    type: UPDATE_EDITING_TILES,
+    id,
+    property,
+    value
+  };
+}
+
+export function editingTilesNextStep() {
+  return {
+    type: EDITING_TILES_NEXT_STEP
+  };
+}
+
+export function editingTilesPrevStep() {
+  return {
+    type: EDITING_TILES_PREV_STEP
+  };
+}
+
 export function clickSymbol(symbolLabel) {
   return {
     type: CLICK_SYMBOL,

src/components/Board/Board.constants.js

@@ -37,5 +37,14 @@ export const DOWNLOAD_IMAGES_FAILURE = 'cboard/Board/DOWNLOAD_IMAGES_FAILURE';
 export const DOWNLOAD_IMAGES_STARTED = 'cboard/Board/DOWNLOAD_IMAGES_STARTED';
 export const DOWNLOAD_IMAGE_SUCCESS = 'cboard/Board/DOWNLOAD_IMAGE_SUCCESS';
 export const DOWNLOAD_IMAGE_FAILURE = 'cboard/Board/DOWNLOAD_IMAGE_FAILURE';
+export const SET_EDITING_TILES = 'cboard/Board/TileEditor/SET_EDITING_TILES';
+export const CLEAR_EDITING_TILES =
+  'cboard/Board/TileEditor/CLEAR_EDITING_TILES';
+export const UPDATE_EDITING_TILES =
+  'cboard/Board/TileEditor/UPDATE_EDITING_TILES';
+export const EDITING_TILES_NEXT_STEP =
+  'cboard/Board/TileEditor/EDITING_TILES_NEXT_STEP';
+export const EDITING_TILES_PREV_STEP =
+  'cboard/Board/TileEditor/EDITING_TILES_PREV_STEP';
 export const DEFAULT_ROWS_NUMBER = 5;
 export const DEFAULT_COLUMNS_NUMBER = 5;