chore(frontend): changed source code to src folder from root

frontend/src/pages/api/apiKey/addAPIKey.ts

@@ -0,0 +1,37 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  name: string;
+  expiresIn: number;
+}
+
+/**
+ * This route adds an API key for the user
+ * @param {object} obj
+ * @param {string} obj.name - name of the API key
+ * @param {string} obj.expiresIn - how soon the API key expires in ms
+ * @returns
+ */
+const addAPIKey = ({
+  name,
+  expiresIn,
+}: Props) => {
+  return SecurityClient.fetchCall('/api/v2/api-key/', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      name,
+      expiresIn
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+        return (await res.json());
+    } else {
+      console.log('Failed to add API key');
+    }
+  });
+};
+
+export default addAPIKey;

frontend/src/pages/api/apiKey/deleteAPIKey.ts

@@ -0,0 +1,30 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  apiKeyId: string;
+}
+
+/**
+ * This route revokes the API key with id [apiKeyId]
+ * @param {object} obj
+ * @param {string} obj.apiKeyId - id of the API key to delete
+ * @returns
+ */
+const deleteAPIKey = ({
+    apiKeyId
+}: Props) => {
+  return SecurityClient.fetchCall('/api/v2/api-key/' + apiKeyId, {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+        return (await res.json());
+    } else {
+      console.log('Failed to delete API key');
+    }
+  });
+};
+
+export default deleteAPIKey;

frontend/src/pages/api/apiKey/getAPIKeys.ts

@@ -0,0 +1,26 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route gets API keys for the user
+ * @param {*} param0
+ * @returns
+ */
+const getAPIKeys = () => {
+  return SecurityClient.fetchCall(
+    '/api/v2/api-key',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+        return (await res.json()).apiKeyData;
+    } else {
+      console.log('Failed to get API keys');
+    }
+  });
+};
+
+export default getAPIKeys;

frontend/src/pages/api/auth/ChangePassword2.ts

@@ -0,0 +1,47 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  encryptedPrivateKey: string;
+  iv: string;
+  tag: string;
+  salt: string;
+  verifier: string;
+  clientProof: string;
+}
+
+/**
+ * This is the second step of the change password process (pake)
+ * @param {*} clientPublicKey
+ * @returns
+ */
+const changePassword2 = ({
+  encryptedPrivateKey,
+  iv,
+  tag,
+  salt,
+  verifier,
+  clientProof
+}: Props) => {
+  return SecurityClient.fetchCall('/api/v1/password/change-password', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      clientProof: clientProof,
+      encryptedPrivateKey: encryptedPrivateKey,
+      iv: iv,
+      tag: tag,
+      salt: salt,
+      verifier: verifier
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to change the password');
+    }
+  });
+};
+
+export default changePassword2;

frontend/src/pages/api/auth/CheckAuth.ts

@@ -0,0 +1,16 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This function is used to check if the user is authenticated.
+ * To do that, we get their tokens from cookies, and verify if they are good.
+ */
+const checkAuth = async () => {
+  return SecurityClient.fetchCall('/api/v1/auth/checkAuth', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then((res) => res);
+};
+
+export default checkAuth;

frontend/src/pages/api/auth/CheckEmailVerificationCode.ts

@@ -0,0 +1,26 @@
+interface Props {
+  email: string;
+  code: string;
+}
+
+/**
+ * This route check the verification code from the email that user just recieved
+ * @param {object} obj
+ * @param {string} obj.email
+ * @param {string} obj.code
+ * @returns
+ */
+const checkEmailVerificationCode = ({ email, code }: Props) => {
+  return fetch('/api/v1/signup/email/verify', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      email: email,
+      code: code
+    })
+  });
+};
+
+export default checkEmailVerificationCode;

frontend/src/pages/api/auth/CompleteAccountInformationSignup.ts

@@ -0,0 +1,66 @@
+interface Props {
+  email: string;
+  firstName: string;
+  lastName: string;
+  publicKey: string;
+  ciphertext: string;
+  organizationName: string;
+  iv: string;
+  tag: string;
+  salt: string;
+  verifier: string;
+  token: string;
+}
+
+/**
+ * This function is called in the end of the signup process.
+ * It sends all the necessary nformation to the server.
+ * @param {object} obj
+ * @param {string} obj.email - email of the user completing signup
+ * @param {string} obj.firstName - first name of the user completing signup
+ * @param {string} obj.lastName - last name of the user completing sign up
+ * @param {string} obj.organizationName - organization name for this user (usually, [FIRST_NAME]'s organization)
+ * @param {string} obj.publicKey - public key of the user completing signup
+ * @param {string} obj.ciphertext
+ * @param {string} obj.iv
+ * @param {string} obj.tag
+ * @param {string} obj.salt
+ * @param {string} obj.verifier
+ * @param {string} obj.token - token that confirms a user's identity
+ * @returns
+ */
+const completeAccountInformationSignup = ({
+  email,
+  firstName,
+  lastName,
+  organizationName,
+  publicKey,
+  ciphertext,
+  iv,
+  tag,
+  salt,
+  verifier,
+  token
+}: Props) => {
+  return fetch('/api/v1/signup/complete-account/signup', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: 'Bearer ' + token
+    },
+    body: JSON.stringify({
+      email,
+      firstName,
+      lastName,
+      publicKey,
+      encryptedPrivateKey: ciphertext,
+      organizationName,
+      iv,
+      tag,
+      salt,
+      verifier
+    })
+  });
+};
+
+export default completeAccountInformationSignup;

frontend/src/pages/api/auth/CompleteAccountInformationSignupInvite.ts

@@ -0,0 +1,62 @@
+interface Props {
+  email: string;
+  firstName: string;
+  lastName: string;
+  publicKey: string;
+  ciphertext: string;
+  iv: string;
+  tag: string;
+  salt: string;
+  verifier: string;
+  token: string;
+}
+
+/**
+ * This function is called in the end of the signup process.
+ * It sends all the necessary nformation to the server.
+ * @param {object} obj
+ * @param {string} obj.email - email of the user completing signupinvite flow
+ * @param {string} obj.firstName - first name of the user completing signupinvite flow
+ * @param {string} obj.lastName - last name of the user completing signupinvite flow
+ * @param {string} obj.publicKey - public key of the user completing signupinvite flow
+ * @param {string} obj.ciphertext
+ * @param {string} obj.iv
+ * @param {string} obj.tag
+ * @param {string} obj.salt
+ * @param {string} obj.verifier
+ * @param {string} obj.token - token that confirms a user's identity
+ * @returns
+ */
+const completeAccountInformationSignupInvite = ({
+  email,
+  firstName,
+  lastName,
+  publicKey,
+  ciphertext,
+  iv,
+  tag,
+  salt,
+  verifier,
+  token
+}: Props) => {
+  return fetch('/api/v1/signup/complete-account/invite', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: 'Bearer ' + token
+    },
+    body: JSON.stringify({
+      email: email,
+      firstName: firstName,
+      lastName: lastName,
+      publicKey: publicKey,
+      encryptedPrivateKey: ciphertext,
+      iv: iv,
+      tag: tag,
+      salt: salt,
+      verifier: verifier
+    })
+  });
+};
+
+export default completeAccountInformationSignupInvite;

frontend/src/pages/api/auth/EmailVerifyOnPasswordReset.ts

@@ -0,0 +1,34 @@
+interface Props {
+  email: string;
+  code: string;
+}
+
+/**
+ * This is the second part of the account recovery step (a user needs to verify their email).
+ * A user need to click on a button in a magic link page
+ * @param {object} obj
+ * @param {object} obj.email - email of a user that is trying to recover access to their account
+ * @param {object} obj.code - token that a use received via the magic link
+ * @returns
+ */
+const EmailVerifyOnPasswordReset = async ({ email, code }: Props) => {
+  const response = await fetch('/api/v1/password/email/password-reset-verify', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      email: email,
+      code: code
+    })
+  });
+  if (response?.status === 200) {
+    return response;
+  }
+
+  throw new Error(
+    'Something went wrong during email verification on password reset.'
+  );
+};
+
+export default EmailVerifyOnPasswordReset;

frontend/src/pages/api/auth/IssueBackupPrivateKey.ts

@@ -0,0 +1,52 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  encryptedPrivateKey: string;
+  iv: string;
+  tag: string;
+  salt: string;
+  verifier: string;
+  clientProof: string;
+}
+
+/**
+ * This is the route that issues a backup private key that will afterwards be added into a pdf
+ * @param {object} obj
+ * @param {string} obj.encryptedPrivateKey
+ * @param {string} obj.iv
+ * @param {string} obj.tag
+ * @param {string} obj.salt
+ * @param {string} obj.verifier
+ * @param {string} obj.clientProof
+ * @returns
+ */
+const issueBackupPrivateKey = ({
+  encryptedPrivateKey,
+  iv,
+  tag,
+  salt,
+  verifier,
+  clientProof
+}: Props) => {
+  return SecurityClient.fetchCall('/api/v1/password/backup-private-key', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      clientProof: clientProof,
+      encryptedPrivateKey: encryptedPrivateKey,
+      iv: iv,
+      tag: tag,
+      salt: salt,
+      verifier: verifier
+    })
+  }).then((res) => {
+    if (res?.status !== 200) {
+      console.log('Failed to issue the backup key');
+    }
+    return res;
+  });
+};
+
+export default issueBackupPrivateKey;

frontend/src/pages/api/auth/Login1.ts

@@ -0,0 +1,32 @@
+interface Login1 {
+  serverPublicKey: string;
+  salt: string;
+}
+
+/**
+ * This is the first step of the login process (pake)
+ * @param {*} email
+ * @param {*} clientPublicKey
+ * @returns
+ */
+const login1 = async (email: string, clientPublicKey: string) => {
+  const response = await fetch("/api/v1/auth/login1", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      email: email,
+      clientPublicKey,
+    }),
+  });
+  // need precise error handling about the status code
+  if (response?.status === 200) {
+    const data = (await response.json()) as unknown as Login1;
+    return data;
+  }
+
+  throw new Error("Wrong password");
+};
+
+export default login1;

frontend/src/pages/api/auth/Login2.ts

@@ -0,0 +1,36 @@
+interface Login2Response {
+  encryptedPrivateKey: string;
+  iv: string;
+  publicKey: string;
+  tag: string;
+  token: string;
+}
+
+/**
+ * This is the second step of the login process
+ * @param {*} email
+ * @param {*} clientPublicKey
+ * @returns
+ */
+const login2 = async (email: string, clientProof: string) => {
+  const response = await fetch("/api/v1/auth/login2", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      email: email,
+      clientProof,
+    }),
+    credentials: "include",
+  });
+  // need precise error handling about the status code
+  if (response.status == 200) {
+    const data = (await response.json()) as unknown as Login2Response;
+    return data;
+  }
+
+  throw new Error("Password verification failed");
+};
+
+export default login2;

frontend/src/pages/api/auth/Logout.ts

@@ -0,0 +1,31 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route logs the user out. Note: the user should authorized to do this.
+ * We first try to log out - if the authorization fails (response.status = 401), we refetch the new token, and then retry
+ */
+const logout = async () => {
+  return SecurityClient.fetchCall('/api/v1/auth/logout', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    credentials: 'include'
+  }).then((res) => {
+    if (res?.status == 200) {
+      SecurityClient.setToken('');
+      // Delete the cookie by not setting a value; Alternatively clear the local storage
+      localStorage.setItem('publicKey', '');
+      localStorage.setItem('encryptedPrivateKey', '');
+      localStorage.setItem('iv', '');
+      localStorage.setItem('tag', '');
+      localStorage.setItem('PRIVATE_KEY', '');
+      console.log('User logged out', res);
+      return res;
+    } else {
+      console.log('Failed to log out');
+    }
+  });
+};
+
+export default logout;

frontend/src/pages/api/auth/SRP1.ts

@@ -0,0 +1,30 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  clientPublicKey: string;
+}
+
+/**
+ * This is the first step of the change password process (pake)
+ * @param {string} clientPublicKey
+ * @returns
+ */
+const SRP1 = ({ clientPublicKey }: Props) => {
+  return SecurityClient.fetchCall('/api/v1/password/srp1', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      clientPublicKey
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return await res.json();
+    } else {
+      console.log('Failed to do the first step of SRP');
+    }
+  });
+};
+
+export default SRP1;

frontend/src/pages/api/auth/SendEmailOnPasswordReset.ts

@@ -0,0 +1,33 @@
+interface Props {
+  email: string;
+}
+
+/**
+ * This is the first of the account recovery step (a user needs to verify their email).
+ * It will send an email containing a magic link to start the account recovery flow.
+ * @param {object} obj
+ * @param {object} obj.email - email of a user that is trying to recover access to their account
+ * @returns
+ */
+const SendEmailOnPasswordReset = async ({ email }: Props) => {
+  const response = await fetch('/api/v1/password/email/password-reset', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      email: email
+    })
+  });
+  // need precise error handling about the status code
+  if (response?.status === 200) {
+    const data = await response.json();
+    return data;
+  }
+
+  throw new Error(
+    'Something went wrong while sending the email verification for password reset.'
+  );
+};
+
+export default SendEmailOnPasswordReset;

frontend/src/pages/api/auth/SendVerificationEmail.ts

@@ -0,0 +1,17 @@
+/**
+ * This route send the verification email to the user's email (contains a 6-digit verification code)
+ * @param {*} email
+ */
+const sendVerificationEmail = (email: string) => {
+  fetch('/api/v1/signup/email/signup', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      email: email
+    })
+  });
+};
+
+export default sendVerificationEmail;

frontend/src/pages/api/auth/Token.ts

@@ -0,0 +1,17 @@
+const token = async () => {
+  return fetch('/api/v1/auth/token', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    credentials: 'include'
+  }).then(async (res) => {
+    if (res.status == 200) {
+      return (await res.json()).token;
+    } else {
+      console.log('Getting a new token failed');
+    }
+  });
+};
+
+export default token;

frontend/src/pages/api/auth/VerifySignupInvite.ts

@@ -0,0 +1,26 @@
+interface Props {
+  email: string;
+  code: string;
+}
+
+/**
+ * This route verifies the signup invite link
+ * @param {object} obj
+ * @param {string} obj.email - email that a user is trying to verify
+ * @param {string} obj.code - code that a user received to the abovementioned email
+ * @returns
+ */
+const verifySignupInvite = ({ email, code }: Props) => {
+  return fetch('/api/v1/invite-org/verify', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      email,
+      code
+    })
+  });
+};
+
+export default verifySignupInvite;

frontend/src/pages/api/auth/getBackupEncryptedPrivateKey.ts

@@ -0,0 +1,26 @@
+/**
+ * This is the route that get an encrypted private key (will be decrypted with a backup key)
+ * @param {object} obj
+ * @param {object} obj.verificationToken - this is the token that confirms that a user is the right one
+ * @returns
+ */
+const getBackupEncryptedPrivateKey = ({
+  verificationToken
+}: {
+  verificationToken: string;
+}) => {
+  return fetch('/api/v1/password/backup-private-key', {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: 'Bearer ' + verificationToken
+    }
+  }).then(async (res) => {
+    if (res?.status !== 200) {
+      console.log('Failed to get the backup key');
+    }
+    return (await res?.json())?.backupPrivateKey;
+  });
+};
+
+export default getBackupEncryptedPrivateKey;

frontend/src/pages/api/auth/publicKeyInfisical.ts

@@ -0,0 +1,10 @@
+const publicKeyInfisical = () => {
+  return fetch('/api/v1/key/publicKey/infisical', {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  });
+};
+
+export default publicKeyInfisical;

frontend/src/pages/api/auth/resetPasswordOnAccountRecovery.ts

@@ -0,0 +1,50 @@
+interface Props {
+  verificationToken: string;
+  encryptedPrivateKey: string;
+  iv: string;
+  tag: string;
+  salt: string;
+  verifier: string;
+}
+
+/**
+ * This is the route that resets the account password if all the previus steps were passed
+ * @param {object} obj
+ * @param {object} obj.verificationToken - this is the token that confirms that a user is the right one
+ * @param {object} obj.encryptedPrivateKey - the new encrypted private key (encrypted using the new password)
+ * @param {object} obj.iv
+ * @param {object} obj.tag
+ * @param {object} obj.salt
+ * @param {object} obj.verifier
+ * @returns
+ */
+const resetPasswordOnAccountRecovery = ({
+  verificationToken,
+  encryptedPrivateKey,
+  iv,
+  tag,
+  salt,
+  verifier
+}: Props) => {
+  return fetch('/api/v1/password/password-reset', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: 'Bearer ' + verificationToken
+    },
+    body: JSON.stringify({
+      encryptedPrivateKey: encryptedPrivateKey,
+      iv: iv,
+      tag: tag,
+      salt: salt,
+      verifier: verifier
+    })
+  }).then(async (res) => {
+    if (res?.status !== 200) {
+      console.log('Failed to get the backup key');
+    }
+    return res;
+  });
+};
+
+export default resetPasswordOnAccountRecovery;

frontend/src/pages/api/bot/getBot.ts

@@ -0,0 +1,31 @@
+import SecurityClient from "~/utilities/SecurityClient";
+
+interface Props {
+  workspaceId: string;
+}
+
+/**
+ * This function fetches the bot for a project
+ * @param {Object} obj
+ * @param {String} obj.workspaceId
+ * @returns
+ */
+const getBot = async ({ workspaceId }: Props) => {
+  return SecurityClient.fetchCall(
+      "/api/v1/bot/" + workspaceId,
+    {
+        method: "GET",
+        headers: {
+        "Content-Type": "application/json",
+        }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).bot;
+    } else {
+      console.log("Failed to get bot for project");
+    }
+  });
+};
+
+export default getBot;

frontend/src/pages/api/bot/setBotActiveStatus.ts

@@ -0,0 +1,46 @@
+import SecurityClient from "~/utilities/SecurityClient";
+
+interface BotKey {
+  encryptedKey: string;
+  nonce: string;
+}
+
+interface Props {
+  botId: string;
+  isActive: boolean;
+  botKey: BotKey;
+}
+ 
+/**
+ * This function sets the active status of a bot and shares a copy of
+ * the project key (encrypted under the bot's public key) with the 
+ * project's bot
+ * @param {Object} obj
+ * @param {String} obj.botId
+ * @param {String} obj.isActive
+ * @param {Object} obj.botKey
+ * @returns
+ */
+const setBotActiveStatus = async ({ botId, isActive, botKey }: Props) => {
+  return SecurityClient.fetchCall(
+      "/api/v1/bot/" + botId + "/active",
+    {
+        method: "PATCH",
+        headers: {
+        "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            isActive,
+            botKey
+        })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return await res.json();
+    } else {
+      console.log("Failed to get bot for project");
+    }
+  });
+};
+
+export default setBotActiveStatus;

frontend/src/pages/api/environments/createEnvironment.ts

@@ -0,0 +1,29 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+type NewEnvironmentInfo = {
+  environmentSlug: string;
+  environmentName: string;
+};
+
+/**
+ * This route deletes a specified workspace.
+ * @param {*} workspaceId
+ * @returns
+ */
+const createEnvironment = (workspaceId:string, newEnv: NewEnvironmentInfo) => {
+  return SecurityClient.fetchCall(`/api/v2/workspace/${workspaceId}/environments`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(newEnv)
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to create environment');
+    }
+  });
+};
+
+export default createEnvironment;

frontend/src/pages/api/environments/deleteEnvironment.ts

@@ -0,0 +1,26 @@
+import SecurityClient from '~/utilities/SecurityClient';
+/**
+ * This route deletes a specified env.
+ * @param {*} workspaceId
+ * @returns
+ */
+const deleteEnvironment = (workspaceId: string, environmentSlug: string) => {
+  return SecurityClient.fetchCall(
+    `/api/v2/workspace/${workspaceId}/environments`,
+    {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ environmentSlug }),
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to delete environment');
+    }
+  });
+};
+
+export default deleteEnvironment;

frontend/src/pages/api/environments/updateEnvironment.ts

@@ -0,0 +1,33 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+type EnvironmentInfo = {
+  oldEnvironmentSlug: string;
+  environmentSlug: string;
+  environmentName: string;
+};
+
+/**
+ * This route updates a specified environment.
+ * @param {*} workspaceId
+ * @returns
+ */
+const updateEnvironment = (workspaceId: string, env: EnvironmentInfo) => {
+  return SecurityClient.fetchCall(
+    `/api/v2/workspace/${workspaceId}/environments`,
+    {
+      method: 'PUT',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(env),
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to update environment');
+    }
+  });
+};
+
+export default updateEnvironment;

frontend/src/pages/api/files/AddSecrets.ts

@@ -0,0 +1,48 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface EncryptedSecretProps {
+  id: string;
+  createdAt: string;
+  environment: string;
+  secretCommentCiphertext: string;
+  secretCommentIV: string;
+  secretCommentTag: string;
+  secretKeyCiphertext: string;
+  secretKeyIV: string;
+  secretKeyTag: string;
+  secretValueCiphertext: string;
+  secretValueIV: string;
+  secretValueTag: string;
+  type: "personal" | "shared";
+}
+
+/**
+ * This function adds secrets to a certain project
+ * @param {object} obj
+ * @param {EncryptedSecretProps} obj.secrets - the ids of secrets that we want to add
+ * @param {string} obj.env - the environment to which we are adding secrets
+ * @param {string} obj.workspaceId - the project to which we are adding secrets
+ * @returns
+ */
+const addSecrets = async ({ secrets, env, workspaceId }: { secrets: EncryptedSecretProps[]; env: string; workspaceId: string; }) => {
+  return SecurityClient.fetchCall('/api/v2/secrets', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        environment: env,
+        workspaceId,
+        secrets
+      })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return await res.json();
+    } else {
+      console.log('Failed to add certain project secrets');
+    }
+  });
+};
+
+export default addSecrets;

frontend/src/pages/api/files/DeleteSecrets.ts

@@ -0,0 +1,27 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This function deletes certain secrets from a certain project
+ * @param {string[]} secretIds - the ids of secrets that we want to be deleted
+ * @returns
+ */
+const deleteSecrets = async ({ secretIds }: { secretIds: string[] }) => {
+  return SecurityClient.fetchCall('/api/v2/secrets', {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        secretIds
+      })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return await res.json();
+    } else {
+      console.log('Failed to delete certain project secrets');
+    }
+  });
+};
+
+export default deleteSecrets;

frontend/src/pages/api/files/GetSecrets.ts

@@ -0,0 +1,31 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This function fetches the encrypted secrets for a certain project
+ * @param {string} workspaceId - project is for which a user is trying to get secrets
+ * @param {string} env - environment of a project for which a user is trying ot get secrets
+ * @returns
+ */
+const getSecrets = async (workspaceId: string, env: string) => {
+  return SecurityClient.fetchCall(
+    '/api/v2/secrets?' +
+      new URLSearchParams({
+        environment: env,
+        workspaceId
+      }),
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).secrets;
+    } else {
+      console.log('Failed to get project secrets');
+    }
+  });
+};
+
+export default getSecrets;

frontend/src/pages/api/files/UpdateSecrets.ts

@@ -0,0 +1,44 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface EncryptedSecretProps {
+  id: string;
+  createdAt: string;
+  environment: string;
+  secretCommentCiphertext: string;
+  secretCommentIV: string;
+  secretCommentTag: string;
+  secretKeyCiphertext: string;
+  secretKeyIV: string;
+  secretKeyTag: string;
+  secretValueCiphertext: string;
+  secretValueIV: string;
+  secretValueTag: string;
+  type: "personal" | "shared";
+}
+
+/**
+ * This function updates certain secrets in a certain project
+ * @param {object} obj
+ * @param {EncryptedSecretProps[]} obj.secrets - the ids of secrets that we want to update
+ * @returns
+ */
+const updateSecrets = async ({ secrets }: { secrets: EncryptedSecretProps[] }) => {
+  return SecurityClient.fetchCall('/api/v2/secrets', {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        secrets
+      })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return await res.json();
+    } else {
+      console.log('Failed to update certain project secrets');
+    }
+  });
+};
+
+export default updateSecrets;

frontend/src/pages/api/files/UploadSecrets.ts

@@ -0,0 +1,45 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  workspaceId: string;
+  secrets: any;
+  keys: string;
+  environment: string;
+}
+
+/**
+ * This function uploads the encrypted .env file
+ * @param {object} obj
+ * @param {string} obj.workspaceId
+ * @param {} obj.secrets
+ * @param {} obj.keys
+ * @param {string} obj.environment
+ * @returns
+ */
+const uploadSecrets = async ({
+  workspaceId,
+  secrets,
+  keys,
+  environment
+}: Props) => {
+  return SecurityClient.fetchCall('/api/v2/workspace/' + workspaceId + '/secrets', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      secrets,
+      keys,
+      environment,
+      channel: 'web'
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to push secrets');
+    }
+  });
+};
+
+export default uploadSecrets;

frontend/src/pages/api/integrations/ChangeHerokuConfigVars.ts

@@ -0,0 +1,41 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  integrationId: string;
+  key: { encryptedKey: any; nonce: any };
+  secrets: {
+    ciphertextKey: any;
+    ivKey: any;
+    tagKey: any;
+    hashKey: any;
+    ciphertextValue: any;
+    ivValue: any;
+    tagValue: any;
+    hashValue: any;
+    type: string;
+  }[];
+}
+
+const changeHerokuConfigVars = ({ integrationId, key, secrets }: Props) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/integration/' + integrationId + '/sync',
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        key,
+        secrets
+      })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to sync secrets to Heroku');
+    }
+  });
+};
+
+export default changeHerokuConfigVars;

frontend/src/pages/api/integrations/DeleteIntegration.ts

@@ -0,0 +1,27 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  integrationId: string;
+}
+
+/**
+ * This route deletes an integration from a certain project
+ * @param {*} integrationId
+ * @returns
+ */
+const deleteIntegration = ({ integrationId }: Props) => {
+  return SecurityClient.fetchCall('/api/v1/integration/' + integrationId, {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).workspace;
+    } else {
+      console.log('Failed to delete an integration');
+    }
+  });
+};
+
+export default deleteIntegration;

frontend/src/pages/api/integrations/DeleteIntegrationAuth.ts

@@ -0,0 +1,30 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  integrationAuthId: string;
+}
+
+/**
+ * This route deletes an integration authorization from a certain project
+ * @param {*} integrationAuthId
+ * @returns
+ */
+const deleteIntegrationAuth = ({ integrationAuthId }: Props) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/integration-auth/' + integrationAuthId,
+    {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to delete an integration authorization');
+    }
+  });
+};
+
+export default deleteIntegrationAuth;

frontend/src/pages/api/integrations/GetIntegrationApps.ts

@@ -0,0 +1,25 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  integrationAuthId: string;
+}
+
+const getIntegrationApps = ({ integrationAuthId }: Props) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/integration-auth/' + integrationAuthId + '/apps',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).apps;
+    } else {
+      console.log('Failed to get available apps for an integration');
+    }
+  });
+};
+
+export default getIntegrationApps;

frontend/src/pages/api/integrations/GetIntegrationOptions.ts

@@ -0,0 +1,21 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+const getIntegrationOptions = () => {
+  return SecurityClient.fetchCall(
+    '/api/v1/integration-auth/integration-options',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).integrationOptions;
+    } else {
+      console.log('Failed to get (cloud) integration options');
+    }
+  });
+};
+
+export default getIntegrationOptions;

frontend/src/pages/api/integrations/StartIntegration.ts

@@ -0,0 +1,36 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  integrationId: string;
+  appName: string;
+  environment: string;
+}
+
+/**
+ * This route starts the integration after teh default one if gonna set up.
+ * @param {*} integrationId
+ * @returns
+ */
+const startIntegration = ({ integrationId, appName, environment }: Props) => {
+  return SecurityClient.fetchCall('/api/v1/integration/' + integrationId, {
+    method: 'PATCH',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      update: {
+        app: appName,
+        environment,
+        isActive: true
+      }
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to start an integration');
+    }
+  });
+};
+
+export default startIntegration;

frontend/src/pages/api/integrations/authorizeIntegration.ts

@@ -0,0 +1,36 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  workspaceId: string;
+  code: string;
+  integration: string;
+}
+/**
+ * This is the first step of the change password process (pake)
+ * @param {object} obj
+ * @param {object} obj.workspaceId - project id for which we want to authorize the integration
+ * @param {object} obj.code
+ * @param {object} obj.integration - integration which a user is trying to turn on
+ * @returns
+ */
+const AuthorizeIntegration = ({ workspaceId, code, integration }: Props) => {
+  return SecurityClient.fetchCall('/api/v1/integration-auth/oauth-token', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      workspaceId,
+      code,
+      integration
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to authorize the integration');
+    }
+  });
+};
+
+export default AuthorizeIntegration;

frontend/src/pages/api/integrations/getWorkspaceAuthorizations.ts

@@ -0,0 +1,30 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  workspaceId: string;
+}
+
+/**
+ * This route gets authorizations of a certain project (Heroku, etc.)
+ * @param {*} workspaceId
+ * @returns
+ */
+const getWorkspaceAuthorizations = ({ workspaceId }: Props) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/workspace/' + workspaceId + '/authorizations',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).authorizations;
+    } else {
+      console.log('Failed to get project authorizations');
+    }
+  });
+};
+
+export default getWorkspaceAuthorizations;

frontend/src/pages/api/integrations/getWorkspaceIntegrations.ts

@@ -0,0 +1,30 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  workspaceId: string;
+}
+
+/**
+ * This route gets integrations of a certain project (Heroku, etc.)
+ * @param {*} workspaceId
+ * @returns
+ */
+const getWorkspaceIntegrations = ({ workspaceId }: Props) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/workspace/' + workspaceId + '/integrations',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).integrations;
+    } else {
+      console.log('Failed to get the project integrations');
+    }
+  });
+};
+
+export default getWorkspaceIntegrations;

frontend/src/pages/api/integrations/updateIntegration.ts

@@ -0,0 +1,60 @@
+import SecurityClient from "~/utilities/SecurityClient";
+
+/**
+ * This route starts the integration after teh default one if gonna set up.
+ * Update integration with id [integrationId] to sync envars from the project's
+ * [environment] to the integration [app] with active state [isActive]
+ * @param {Object} obj
+ * @param {String} obj.integrationId - id of integration
+ * @param {String} obj.app - name of app 
+ * @param {String} obj.environment - project environment to push secrets from
+ * @param {Boolean} obj.isActive - active state
+ * @param {String} obj.target - (optional) target (environment) for Vercel integration
+ * @param {String} obj.context - (optional) context (environment) for Netlify integration
+ * @param {String} obj.siteId - (optional) app (site_id) for Netlify integration
+ * @returns
+ */
+const updateIntegration = ({ 
+  integrationId, 
+  app, 
+  environment,
+  isActive,
+  target,
+  context,
+  siteId
+}: {
+  integrationId: string, 
+  app: string, 
+  environment: string,
+  isActive: boolean,
+  target: string | null,
+  context: string | null,
+  siteId: string | null
+
+}) => { 
+  return SecurityClient.fetchCall(
+    "/api/v1/integration/" + integrationId,
+    {
+      method: "PATCH",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        app,
+        environment,
+        isActive,
+        target,
+        context,
+        siteId
+      }),
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log("Failed to start an integration");
+    }
+  });
+};
+
+export default updateIntegration;

frontend/src/pages/api/organization/GetOrg.ts

@@ -0,0 +1,23 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route lets us get info about a certain org
+ * @param {string} orgId - the organization ID
+ * @returns
+ */
+const getOrganization = ({ orgId }: { orgId: string }) => {
+  return SecurityClient.fetchCall('/api/v1/organization/' + orgId, {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res?.status == 200) {
+      return (await res.json()).organization;
+    } else {
+      console.log('Failed to get org info');
+    }
+  });
+};
+
+export default getOrganization;

frontend/src/pages/api/organization/GetOrgProjects.ts

@@ -0,0 +1,29 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route lets us get all the users in an org.
+ * @param {*} req
+ * @param {*} res
+ * @returns
+ */
+
+// TODO: this file is not used anywhere
+const getOrganizationProjects = (req: { orgId: string }) => {
+  return SecurityClient.fetchCall(
+    '/api/organization/' + req.orgId + '/workspaces',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).workspaces;
+    } else {
+      console.log('Failed to get projects for an org');
+    }
+  });
+};
+
+export default getOrganizationProjects;

frontend/src/pages/api/organization/GetOrgSubscription.ts

@@ -0,0 +1,27 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route lets us get the current subscription of an org.
+ * @param {*} req
+ * @param {*} res
+ * @returns
+ */
+const getOrganizationSubscriptions = (req: { orgId: string }) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/organization/' + req.orgId + '/subscriptions',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).subscriptions;
+    } else {
+      console.log('Failed to get org subscriptions');
+    }
+  });
+};
+
+export default getOrganizationSubscriptions;

frontend/src/pages/api/organization/GetOrgUserProjects.ts

@@ -0,0 +1,27 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route lets us get all the projects of a certain user in an org.
+ * @param {*} req
+ * @param {*} res
+ * @returns
+ */
+const getOrganizationUserProjects = (req: { orgId: string }) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/organization/' + req.orgId + '/my-workspaces',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).workspaces;
+    } else {
+      console.log('Failed to get projects of a user in an org');
+    }
+  });
+};
+
+export default getOrganizationUserProjects;

frontend/src/pages/api/organization/GetOrgUsers.ts

@@ -0,0 +1,42 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+export interface IMembershipOrg {
+  _id: string;
+  user: {
+    email: string;
+    firstName: string;
+    lastName: string;
+    _id: string;
+    publicKey: string;
+  };
+  inviteEmail: string;
+  organization: string;
+  role: 'owner' | 'admin' | 'member';
+  status: 'invited' | 'accepted';
+}
+/**
+ * This route lets us get all the users in an org.
+ * @param {object} obj
+ * @param {string} obj.orgId - organization Id
+ * @returns
+ */
+const getOrganizationUsers = ({
+  orgId,
+}: {
+  orgId: string;
+}): Promise<IMembershipOrg[]> => {
+  return SecurityClient.fetchCall('/api/v1/organization/' + orgId + '/users', {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  }).then(async (res) => {
+    if (res?.status == 200) {
+      return (await res.json()).users;
+    } else {
+      console.log('Failed to get org users');
+    }
+  });
+};
+
+export default getOrganizationUsers;

frontend/src/pages/api/organization/StripeRedirect.ts

@@ -0,0 +1,27 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route redirects the user to the right stripe billing page.
+ * @param {*} req
+ * @param {*} res
+ * @returns
+ */
+const StripeRedirect = ({ orgId }: { orgId: string }) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/organization/' + orgId + '/customer-portal-session',
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (window.location.href = (await res.json()).url);
+    } else {
+      console.log('Failed to redirect to Stripe');
+    }
+  });
+};
+
+export default StripeRedirect;

frontend/src/pages/api/organization/addIncidentContact.ts

@@ -0,0 +1,29 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route add an incident contact email to a certain organization
+ * @param {*} param0
+ * @returns
+ */
+const addIncidentContact = (organizationId: string, email: string) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/organization/' + organizationId + '/incidentContactOrg',
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        email: email
+      })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to add an incident contact');
+    }
+  });
+};
+
+export default addIncidentContact;

frontend/src/pages/api/organization/addUserToOrg.ts

@@ -0,0 +1,28 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This function sends an email invite to a user to join an org
+ * @param {*} email
+ * @param {*} orgId
+ * @returns
+ */
+const addUserToOrg = (email: string, orgId: string) => {
+  return SecurityClient.fetchCall('/api/v1/invite-org/signup', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      inviteeEmail: email,
+      organizationId: orgId
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to add a user to an org');
+    }
+  });
+};
+
+export default addUserToOrg;

frontend/src/pages/api/organization/deleteIncidentContact.ts

@@ -0,0 +1,29 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route deletes an incident Contact from a certain organization
+ * @param {*} param0
+ * @returns
+ */
+const deleteIncidentContact = (organizationId: string, email: string) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/organization/' + organizationId + '/incidentContactOrg',
+    {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        email: email
+      })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to delete an incident contact');
+    }
+  });
+};
+
+export default deleteIncidentContact;

frontend/src/pages/api/organization/deleteUserFromOrganization.ts

@@ -0,0 +1,23 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This function removes a certain member from a certain organization
+ * @param {*} membershipId
+ * @returns
+ */
+const deleteUserFromOrganization = (membershipId: string) => {
+  return SecurityClient.fetchCall('/api/v1/membership-org/' + membershipId, {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to delete a user from an org');
+    }
+  });
+};
+
+export default deleteUserFromOrganization;

frontend/src/pages/api/organization/getIncidentContacts.ts

@@ -0,0 +1,33 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+export interface IIncidentContactOrg {
+  _id: string;
+  email: string;
+  organization: string;
+}
+/**
+ * This routes gets all the incident contacts of a certain organization
+ * @param {*} workspaceId
+ * @returns
+ */
+const getIncidentContacts = (
+  organizationId: string
+): Promise<IIncidentContactOrg[]> => {
+  return SecurityClient.fetchCall(
+    '/api/v1/organization/' + organizationId + '/incidentContactOrg',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).incidentContactsOrg;
+    } else {
+      console.log('Failed to get incident contacts');
+    }
+  });
+};
+
+export default getIncidentContacts;

frontend/src/pages/api/organization/getOrgs.ts

@@ -0,0 +1,22 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route lets us get the all the orgs of a certain user.
+ * @returns
+ */
+const getOrganizations = () => {
+  return SecurityClient.fetchCall('/api/v1/organization', {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res?.status == 200) {
+      return (await res.json()).organizations;
+    } else {
+      console.log('Failed to get orgs of a user');
+    }
+  });
+};
+
+export default getOrganizations;

frontend/src/pages/api/organization/renameOrg.ts

@@ -0,0 +1,27 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route lets us rename a certain org.
+ * @param {*} req
+ * @param {*} res
+ * @returns
+ */
+const renameOrg = (orgId: string, newOrgName: string) => {
+  return SecurityClient.fetchCall('/api/v1/organization/' + orgId + '/name', {
+    method: 'PATCH',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      name: newOrgName
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to rename an organization');
+    }
+  });
+};
+
+export default renameOrg;

frontend/src/pages/api/serviceToken/addServiceToken.ts

@@ -0,0 +1,57 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  name: string;
+  workspaceId: string;
+  environment: string;
+  expiresIn: number;
+  encryptedKey: string;
+  iv: string;
+  tag: string;
+}
+
+/**
+ * This route adds a service token for a specific user in a project
+ * @param {object} obj
+ * @param {string} obj.name - name of the service token
+ * @param {string} obj.workspaceId - workspace for which we are issuing the token
+ * @param {string} obj.environment - environment for which we are issuing the token
+ * @param {string} obj.expiresIn - how soon the service token expires in ms
+ * @param {string} obj.encryptedKey - encrypted project key through random symmetric encryption
+ * @param {string} obj.iv - obtained through symmetric encryption
+ * @param {string} obj.tag - obtained through symmetric encryption
+ * @returns
+ */
+const addServiceToken = ({
+  name,
+  workspaceId,
+  environment,
+  expiresIn,
+  encryptedKey,
+  iv, 
+  tag
+}: Props) => {
+  return SecurityClient.fetchCall('/api/v2/service-token/', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      name,
+      workspaceId,
+      environment,
+      expiresIn,
+      encryptedKey,
+      iv, 
+      tag
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json());
+    } else {
+      console.log('Failed to add service tokens');
+    }
+  });
+};
+
+export default addServiceToken;

frontend/src/pages/api/serviceToken/deleteServiceToken.ts

@@ -0,0 +1,30 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Props {
+  serviceTokenId: string;
+}
+
+/**
+ * This route revokes a specific service token
+ * @param {object} obj
+ * @param {string} obj.serviceTokenId - id of a cervice token that we want to delete
+ * @returns
+ */
+const deleteServiceToken = ({
+  serviceTokenId,
+}: Props) => {
+  return SecurityClient.fetchCall('/api/v2/service-token/' + serviceTokenId, {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json());
+    } else {
+      console.log('Failed to delete a service token');
+    }
+  });
+};
+
+export default deleteServiceToken;

frontend/src/pages/api/serviceToken/getServiceTokens.ts

@@ -0,0 +1,26 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route gets service tokens for a specific user in a project
+ * @param {*} param0
+ * @returns
+ */
+const getServiceTokens = ({ workspaceId }: { workspaceId: string }) => {
+  return SecurityClient.fetchCall(
+    '/api/v2/workspace/' + workspaceId + '/service-token-data',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).serviceTokenData;
+    } else {
+      console.log('Failed to get service tokens');
+    }
+  });
+};
+
+export default getServiceTokens;

frontend/src/pages/api/user/getUser.ts

@@ -0,0 +1,21 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route gets the information about a specific user.
+ */
+const getUser = () => {
+  return SecurityClient.fetchCall('/api/v1/user', {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res?.status == 200) {
+      return (await res.json()).user;
+    } else {
+      console.log('Failed to get user info');
+    }
+  });
+};
+
+export default getUser;

frontend/src/pages/api/userActions/checkUserAction.ts

@@ -0,0 +1,31 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route registers a certain action for a user
+ * @param {*} email
+ * @param {*} workspaceId
+ * @returns
+ */
+const checkUserAction = ({ action }: { action: string }) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/user-action' +
+      '?' +
+      new URLSearchParams({
+        action
+      }),
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return (await res.json()).userAction;
+    } else {
+      console.log('Failed to check a user action');
+    }
+  });
+};
+
+export default checkUserAction;

frontend/src/pages/api/userActions/registerUserAction.ts

@@ -0,0 +1,26 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route registers a certain action for a user
+ * @param {*} action
+ * @returns
+ */
+const registerUserAction = ({ action }: { action: string }) => {
+  return SecurityClient.fetchCall('/api/v1/user-action', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      action
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to register a user action');
+    }
+  });
+};
+
+export default registerUserAction;

frontend/src/pages/api/workspace/addUserToWorkspace.ts

@@ -0,0 +1,30 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This function adds a user to a project
+ * @param {*} email
+ * @param {*} workspaceId
+ * @returns
+ */
+const addUserToWorkspace = (email: string, workspaceId: string) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/workspace/' + workspaceId + '/invite-signup',
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        email: email
+      })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return await res.json();
+    } else {
+      console.log('Failed to add a user to project');
+    }
+  });
+};
+
+export default addUserToWorkspace;

frontend/src/pages/api/workspace/changeUserRoleInWorkspace.ts

@@ -0,0 +1,30 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This function change the access of a user in a certain workspace
+ * @param {*} membershipId
+ * @param {*} role
+ * @returns
+ */
+const changeUserRoleInWorkspace = (membershipId: string, role: string) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/membership/' + membershipId + '/change-role',
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        role: role
+      })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to change the user role in a project');
+    }
+  });
+};
+
+export default changeUserRoleInWorkspace;

frontend/src/pages/api/workspace/createWorkspace.ts

@@ -0,0 +1,34 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route creates a new workspace for a user within a certain organization.
+ * @param {string} workspaceName - project Name
+ * @param {string} organizationId - org ID
+ * @returns
+ */
+const createWorkspace = ({
+  workspaceName,
+  organizationId
+}: {
+  workspaceName: string;
+  organizationId: string;
+}) => {
+  return SecurityClient.fetchCall('/api/v1/workspace', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      workspaceName: workspaceName,
+      organizationId: organizationId
+    })
+  }).then(async (res) => {
+    if (res?.status == 200) {
+      return (await res.json()).workspace;
+    } else {
+      console.log('Failed to create a project');
+    }
+  });
+};
+
+export default createWorkspace;

frontend/src/pages/api/workspace/deleteUserFromWorkspace.ts

@@ -0,0 +1,23 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This function removes a certain member from a certain workspace
+ * @param {*} membershipId
+ * @returns
+ */
+const deleteUserFromWorkspace = (membershipId: string) => {
+  return SecurityClient.fetchCall('/api/v1/membership/' + membershipId, {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to delete a user from a project');
+    }
+  });
+};
+
+export default deleteUserFromWorkspace;

frontend/src/pages/api/workspace/deleteWorkspace.ts

@@ -0,0 +1,23 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route deletes a specified workspace.
+ * @param {*} workspaceId
+ * @returns
+ */
+const deleteWorkspace = (workspaceId: string) => {
+  return SecurityClient.fetchCall('/api/v1/workspace/' + workspaceId, {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to delete a project');
+    }
+  });
+};
+
+export default deleteWorkspace;

frontend/src/pages/api/workspace/getAWorkspace.ts

@@ -0,0 +1,31 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Workspace {
+  __v: number;
+  _id: string;
+  name: string;
+  organization: string;
+  environments: Array<{ name: string; slug: string }>;
+}
+
+/**
+ * This route lets us get the workspaces of a certain user
+ * @returns
+ */
+const getAWorkspace = (workspaceID:string) => {
+  return SecurityClient.fetchCall(`/api/v1/workspace/${workspaceID}`, {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  }).then(async (res) => {
+    if (res?.status == 200) {
+      const data = (await res.json()) as unknown as { workspace: Workspace };
+      return data.workspace;
+    }
+
+    throw new Error('Failed to get workspace');
+  });
+};
+
+export default getAWorkspace;

frontend/src/pages/api/workspace/getLatestFileKey.ts

@@ -0,0 +1,23 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * Get the latest key pairs from a certain workspace
+ * @param {string} workspaceId
+ * @returns
+ */
+const getLatestFileKey = ({ workspaceId }: { workspaceId: string }) => {
+  return SecurityClient.fetchCall('/api/v1/key/' + workspaceId + '/latest', {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res?.status == 200) {
+      return await res.json();
+    } else {
+      console.log('Failed to get the latest key pairs for a certain project');
+    }
+  });
+};
+
+export default getLatestFileKey;

frontend/src/pages/api/workspace/getProjectInfo.ts

@@ -0,0 +1,23 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route lets us get the information of a certain project.
+ * @param {*} projectId - project ID (we renamed workspaces to projects in the app)
+ * @returns
+ */
+const getProjectInfo = ({ projectId }: { projectId: string }) => {
+  return SecurityClient.fetchCall('/api/v1/workspace/' + projectId, {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res?.status == 200) {
+      return (await res.json()).workspace;
+    } else {
+      console.log('Failed to get project info');
+    }
+  });
+};
+
+export default getProjectInfo;

frontend/src/pages/api/workspace/getWorkspaceKeys.ts

@@ -0,0 +1,26 @@
+import SecurityClient from "~/utilities/SecurityClient";
+
+/**
+ * This route lets us get the public keys of everyone in your workspace.
+ * @param {string} workspaceId
+ * @returns
+ */
+const getWorkspaceKeys = ({ workspaceId }: { workspaceId: string; }) => {
+  return SecurityClient.fetchCall(
+    "/api/v1/workspace/" + workspaceId + "/keys",
+    {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    }
+  ).then(async (res) => {
+    if (res?.status == 200) {
+      return (await res.json()).publicKeys;
+    } else {
+      console.log("Failed to get the public keys of everyone in the workspace");
+    }
+  });
+};
+
+export default getWorkspaceKeys;

frontend/src/pages/api/workspace/getWorkspaceUsers.ts

@@ -0,0 +1,26 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route lets us get all the users in the workspace.
+ * @param {string} workspaceId - workspace ID
+ * @returns
+ */
+const getWorkspaceUsers = ({ workspaceId }: { workspaceId: string }) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/workspace/' + workspaceId + '/users',
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    }
+  ).then(async (res) => {
+    if (res?.status == 200) {
+      return (await res.json()).users;
+    } else {
+      console.log('Failed to get Project Users');
+    }
+  });
+};
+
+export default getWorkspaceUsers;

frontend/src/pages/api/workspace/getWorkspaces.ts

@@ -0,0 +1,31 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+interface Workspace {
+  __v: number;
+  _id: string;
+  name: string;
+  organization: string;
+  environments: Array<{name:string, slug:string}>
+}
+
+/**
+ * This route lets us get the workspaces of a certain user
+ * @returns
+ */
+const getWorkspaces = () => {
+  return SecurityClient.fetchCall('/api/v1/workspace', {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  }).then(async (res) => {
+    if (res?.status == 200) {
+      const data = (await res.json()) as unknown as { workspaces: Workspace[] };
+      return data.workspaces;
+    }
+
+    throw new Error('Failed to get projects');
+  });
+};
+
+export default getWorkspaces;

frontend/src/pages/api/workspace/renameWorkspace.ts

@@ -0,0 +1,30 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route lets us rename a certain workspace.
+ * @param {*} req
+ * @param {*} res
+ * @returns
+ */
+const renameWorkspace = (workspaceId: string, newWorkspaceName: string) => {
+  return SecurityClient.fetchCall(
+    '/api/v1/workspace/' + workspaceId + '/name',
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        name: newWorkspaceName
+      })
+    }
+  ).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to rename a project');
+    }
+  });
+};
+
+export default renameWorkspace;

frontend/src/pages/api/workspace/uploadKeys.ts

@@ -0,0 +1,38 @@
+import SecurityClient from '~/utilities/SecurityClient';
+
+/**
+ * This route uplods the keys in an encrypted format.
+ * @param {*} workspaceId
+ * @param {*} userId
+ * @param {*} encryptedKey
+ * @param {*} nonce
+ * @returns
+ */
+const uploadKeys = (
+  workspaceId: string,
+  userId: string,
+  encryptedKey: string,
+  nonce: string
+) => {
+  return SecurityClient.fetchCall('/api/v1/key/' + workspaceId, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      key: {
+        userId: userId,
+        encryptedKey: encryptedKey,
+        nonce: nonce
+      }
+    })
+  }).then(async (res) => {
+    if (res && res.status == 200) {
+      return res;
+    } else {
+      console.log('Failed to upload keys for a new user');
+    }
+  });
+};
+
+export default uploadKeys;