PR463: Front end auth checkup (#499)

* PR463: Front end auth checkup

* PR463: Prettier and eslint adjustments

* PR463: Adding api to programs api calls

Author: medy-io

frontend/.babelrc

@@ -5,5 +5,6 @@
     ["@babel/plugin-proposal-decorators", { "legacy": true }],
     ["@babel/plugin-proposal-class-properties", { "loose": true }, "classes-alias"],
     ["@babel/plugin-proposal-private-methods", { "loose": true }, "methods-alias"]
-  ]
+  ],
+  "sourceMaps": true
 }

frontend/src/api/authEndpoints.js

@@ -1,7 +1,7 @@
 import cookieValue, { setAuthCookie } from "./cookies"
 
 export const createToken = api => async (username, password) => {
-  const response = await api.post("/token/", { username, password })
+  const response = await api.post("/api/token/", { username, password })
   if (response.ok) {
     setAuthCookie("JWT_ACCESS", response.data.access)
     setAuthCookie("JWT_REFRESH", response.data.refresh)
@@ -11,6 +11,6 @@ export const createToken = api => async (username, password) => {
 
 export const verifyToken = api => async () => {
   const accessToken = cookieValue("JWT_ACCESS")
-  const response = await api.post("/token/verify/", { token: accessToken })
+  const response = await api.post("/api/token/verify/", { token: accessToken })
   return response
 }

frontend/src/api/frontDeskEventEndpoints.js

@@ -1,8 +1,8 @@
 export const getFrontDeskEvent = api => async id =>
-  await api.get(`/front-desk-events/${id}/`)
+  await api.get(`/api/front-desk-events/${id}/`)
 
 export const postFrontDeskEvent = api => async data =>
-  await api.post("/front-desk-events/", data)
+  await api.post("/api/front-desk-events/", data)
 
 export const patchFrontDeskEvent = api => async (id, data) =>
-  await api.patch(`/front-desk-events/${id}/`, data)
+  await api.patch(`/api/front-desk-events/${id}/`, data)

frontend/src/api/index.js

@@ -24,9 +24,7 @@ import { createSEP, getSepDataByVisitId } from "./sepEndpoints"
 import cookieValue from "./cookies"
 
 const create = () => {
-  const api = apisauce.create({
-    baseURL: "/api",
-  })
+  const api = apisauce.create({})
 
   createAuthRefreshInterceptor(api.axiosInstance, refreshAuthLogic(api))
 

frontend/src/api/insurersEndpoints.js

@@ -1 +1 @@
-export const getInsurers = api => async () => await api.get("insurers/")
+export const getInsurers = api => async () => await api.get("/api/insurers/")

frontend/src/api/participantEndpoints.js

@@ -12,27 +12,26 @@ const removeEmptyParams = params => {
 export const getParticipants = api => async params => {
   const queryParams = queryString.stringify(removeEmptyParams(params))
   return await api.get(
-    queryParams ? `participants/?${queryParams}` : "participants/"
+    queryParams ? `/api/participants/?${queryParams}` : "/api/participants/"
   )
 }
 
 export const getParticipantById = api => async id =>
-  await api.get(`participants/${id}/`)
+  await api.get(`/api/participants/${id}/`)
 
 export const getParticipantByName = api => async (firstname, lastname) =>
-  await api.get(`participants/?first_name=${firstname}&last_name=${lastname}`)
+  await api.get(
+    `/api/participants/?first_name=${firstname}&last_name=${lastname}`
+  )
 
 export const getParticipant = api => async id =>
-  await api.get(`/participants/${id}`)
+  await api.get(`/api/participants/${id}`)
 
 export const getParticipantVisits = api => async id =>
-  await api.get(`/participants/${id}/visits/`)
+  await api.get(`/api/participants/${id}/visits/`)
 
 export const updateParticipant = api => async (id, body) =>
-  await api.put(`/participants/${id}/`, body)
+  await api.put(`/api/participants/${id}/`, body)
 
 export const createParticipant = api => async body =>
-  await api.post("/participants/", body)
-
-// export const postParticipant = api => async (id, body) =>
-// await api.post(`/participant/${id}`, body)
+  await api.post("/api/participants/", body)

frontend/src/api/programEndpoints.js

@@ -1,6 +1,6 @@
-export const getPrograms = api => async () => api.get("programs/")
-export const getProgram = api => async id => api.get(`programs/${id}/`)
+export const getPrograms = api => async () => api.get("/api/programs/")
+export const getProgram = api => async id => api.get(`/api/programs/${id}/`)
 export const patchProgram = api => async (id, body) =>
-  api.patch(`programs/${id}/`, body)
+  api.patch(`/api/programs/${id}/`, body)
 
 document.getElementsByClassName("header")

frontend/src/api/queueEndpoints.js

@@ -1,2 +1,2 @@
 export const getQueue = api => async programId =>
-  await api.get(`programs/${programId}/queue/`)
+  await api.get(`/api/programs/${programId}/queue/`)

frontend/src/api/refreshAuthLogic.js

@@ -2,7 +2,7 @@ import cookieValue, { setAuthCookie } from "./cookies"
 
 const refreshAuthLogic = api => async failedRequest => {
   const refreshToken = cookieValue("JWT_REFRESH")
-  const tokenRefreshResponse = await api.post("/token/refresh/", {
+  const tokenRefreshResponse = await api.post("/api/token/refresh/", {
     refresh: refreshToken,
   })
   setAuthCookie("JWT_ACCESS", tokenRefreshResponse.data.access)

frontend/src/api/sepEndpoints.js

@@ -1,3 +1,3 @@
-export const createSEP = api => async body => await api.post("/sep/", body)
+export const createSEP = api => async body => await api.post("/api/sep/", body)
 export const getSepDataByVisitId = api => async visitId =>
-  await api.get(`/sep?visit_id=${visitId}`)
+  await api.get(`/api/sep?visit_id=${visitId}`)