Add setupOAuth2Credentials

Author: yoandrypa

package-lock.json

@@ -27,6 +27,7 @@ function reset() {
 function App() {
 
   const [authorizing, setAuthorizing] = useState(true);
+  const [clientId, setClientId] = useState(session.clientId);
   const [error, setError] = useState(false);
   const [networkError, setNetworkError] = useState(false);
 
@@ -38,10 +39,13 @@ function App() {
     API.onConnectionRefused(() => {
       setNetworkError(true);
     });
+    if (!clientId) API.setupOAuth2Credentials().then(([clientId]) => {
+      setClientId(clientId);
+    });
   }, []);
 
   useEffect(() => {
-    if (authorizing) {
+    if (authorizing && clientId) {
       const params = QueryString.parse(window.location.search.slice(1, window.location.search.length));
 
       if (params.cenitHost) session.cenitBackendBaseUrl = params.cenitHost;
@@ -64,7 +68,7 @@ function App() {
 
       return () => subscription.unsubscribe();
     }
-  }, [authorizing]);
+  }, [authorizing, clientId]);
 
   if (authorizing) {
     return <div className='flex full-width full-v-height justify-content-center align-items-center'>

src/App.js

@@ -2,6 +2,7 @@ import axios from 'axios';
 import { apiRequest } from './AuthorizationService';
 import { catchError } from "rxjs/operators";
 import { from, of, throwError } from "rxjs";
+import session from "../util/session";
 
 export const ApiResource = function () {
 
@@ -125,7 +126,21 @@ const API = {
 
   onError: callback => ErrorCallbacks.push(callback),
 
-  onConnectionRefused: callback => ConnectionRefusedCallbacks.push(callback)
+  onConnectionRefused: callback => ConnectionRefusedCallbacks.push(callback),
+
+  setupOAuth2Credentials: () => {
+    const url = `${session.cenitBackendBaseUrl}/app/admin/oauth2/client/credentials`;
+    const reverse = (str) => str.split('').reverse().join('');
+
+    return axios.get(url).then(({ data: { client_token } }) => {
+      const { OAUTH_CLIENT_ID, OAUTH_CLIENT_SECRET } = JSON.parse(window.atob(reverse(client_token)));
+
+      session.set('OAUTH_CLIENT_ID', OAUTH_CLIENT_ID);
+      session.set('OAUTH_CLIENT_SECRET', OAUTH_CLIENT_SECRET);
+
+      return [OAUTH_CLIENT_ID, OAUTH_CLIENT_SECRET];
+    });
+  }
 };
 
 export default API;