Added beginning of registration logic

Author: Gimleux

webapp_frontend/src/background/api/auth.ts

@@ -1,4 +1,4 @@
-import Axios from "axios";
+import Axios, {AxiosError, AxiosResponse} from "axios";
 
 
 import {hostname, userPath} from "./api";
@@ -8,6 +8,8 @@ import store from "../redux/store";
 import {addAccessToken, addRefreshToken} from "../redux/actions/tokens";
 import {addUser} from "../redux/actions/user";
 import {AccessToken, AddAccessToken, AddRefreshToken, TokensState} from "../redux/actions/tokenTypes";
+import {Simulate} from "react-dom/test-utils";
+import error = Simulate.error;
 
 
 // reference: https://daveceddia.com/access-redux-store-outside-react/
@@ -18,6 +20,10 @@ export interface BackendLoginData {
 
 }
 
+export interface BackendRegistrationData {
+
+}
+
 export const loginWithUsernameAndPassword = (userName: string, password: string): Promise<BackendLoginData> => {
 
     return new Promise<BackendLoginData>((resolve, reject) => {
@@ -43,6 +49,36 @@ export const loginWithUsernameAndPassword = (userName: string, password: string)
     })
 }
 
+export const registerNewUser = (username: string, password: string, passwordConfirmation: string): Promise<BackendRegistrationData> => {
+
+    let accessToken: AccessToken|null = (store.getState().tokens as TokensState).accessToken;
+
+    return new Promise<BackendRegistrationData>((resolve, reject) => {
+        let config = {
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+            },
+            payload: {
+                username: username,
+                password: password,
+                confirmationPassword: passwordConfirmation
+            }
+        };
+
+        return Axios.get(hostname + username + "/register", config)
+            .then((data:AxiosResponse<object>) => {
+                console.log(data.status + ": " + data.statusText);
+                alert(data.status + ": " + data.statusText);
+            })
+            .catch((error:AxiosError) => {
+                //if(error.response!.status === 409){
+                    console.log("Error " + error.response!.status + ": " + error.response!.statusText);
+                //}
+                reject(error);
+            })
+    })
+}
+
 
 export const getAccessTokenWithRefreshToken = () => {
     console.log("getAccessTokenWithRefreshToken")