Implement functionality to add project members (#48)

* Add mutation for adding project member

* Add GQL client method for add project member

* Handle review comments

* Integrate add project member GQL client method

* Handle cascades for project members and user organizations

* Add null type to user.name and domain.redirectTo

---------

Co-authored-by: neeraj <neeraj.rtly@gmail.com>

packages/gql-client/src/client.ts

@@ -1,8 +1,8 @@
 import { ApolloClient, DefaultOptions, InMemoryCache, NormalizedCacheObject } from '@apollo/client';
 
 import { getUser, getOrganizations, getDeployments, getProjectMembers, searchProjects, getEnvironmentVariables, getProject, getDomains, getProjectsInOrganization } from './queries';
-import { AddEnvironmentVariableInput, AddEnvironmentVariablesResponse, GetDeploymentsResponse, GetEnvironmentVariablesResponse, GetOrganizationsResponse, GetProjectMembersResponse, SearchProjectsResponse, GetUserResponse, UpdateDeploymentToProdResponse, GetProjectResponse, UpdateProjectResponse, UpdateProjectInput, RedeployToProdResponse, DeleteProjectResponse, GetProjectsInOrganizationResponse, RollbackDeploymentResponse, AddDomainInput, AddDomainResponse, GetDomainsResponse, UpdateDomainInput, UpdateDomainResponse, AuthenticateGitHubResponse, UnauthenticateGitHubResponse, UpdateEnvironmentVariableResponse, UpdateEnvironmentVariableInput, RemoveEnvironmentVariableResponse, UpdateProjectMemberInput, RemoveProjectMemberResponse, UpdateProjectMemberResponse, DeleteDomainResponse } from './types';
-import { removeProjectMember, addEnvironmentVariables, updateDeploymentToProd, updateProjectMutation, redeployToProd, deleteProject, addDomain, rollbackDeployment, updateDomainMutation, authenticateGitHub, unauthenticateGitHub, updateEnvironmentVariable, removeEnvironmentVariable, updateProjectMember, deleteDomain } from './mutations';
+import { AddEnvironmentVariableInput, AddEnvironmentVariablesResponse, GetDeploymentsResponse, GetEnvironmentVariablesResponse, GetOrganizationsResponse, GetProjectMembersResponse, SearchProjectsResponse, GetUserResponse, UpdateDeploymentToProdResponse, GetProjectResponse, UpdateProjectResponse, UpdateProjectInput, RedeployToProdResponse, DeleteProjectResponse, GetProjectsInOrganizationResponse, RollbackDeploymentResponse, AddDomainInput, AddDomainResponse, GetDomainsResponse, UpdateDomainInput, UpdateDomainResponse, AuthenticateGitHubResponse, UnauthenticateGitHubResponse, UpdateEnvironmentVariableResponse, UpdateEnvironmentVariableInput, RemoveEnvironmentVariableResponse, UpdateProjectMemberInput, RemoveProjectMemberResponse, UpdateProjectMemberResponse, DeleteDomainResponse, AddProjectMemberInput, AddProjectMemberResponse } from './types';
+import { removeProjectMember, addEnvironmentVariables, updateDeploymentToProd, updateProjectMutation, redeployToProd, deleteProject, addDomain, rollbackDeployment, updateDomainMutation, authenticateGitHub, unauthenticateGitHub, updateEnvironmentVariable, removeEnvironmentVariable, updateProjectMember, deleteDomain, addProjectMember } from './mutations';
 
 export interface GraphQLConfig {
   gqlEndpoint: string;
@@ -102,6 +102,18 @@ export class GQLClient {
     return result.data;
   }
 
+  async addProjectMember (projectId: string, data: AddProjectMemberInput) : Promise<AddProjectMemberResponse> {
+    const result = await this.client.mutate({
+      mutation: addProjectMember,
+      variables: {
+        projectId,
+        data
+      }
+    });
+
+    return result.data;
+  }
+
   async updateProjectMember (projectMemberId: string, data: UpdateProjectMemberInput): Promise<UpdateProjectMemberResponse> {
     const result = await this.client.mutate({
       mutation: updateProjectMember,

packages/gql-client/src/mutations.ts

@@ -12,6 +12,12 @@ mutation ($projectMemberId: String!, $data: UpdateProjectMemberInput) {
 }
 `;
 
+export const addProjectMember = gql`
+mutation ($projectId: String!, $data: AddProjectMemberInput) {
+  addProjectMember(projectId: $projectId, data: $data)
+}
+`;
+
 export const addEnvironmentVariables = gql`
 mutation ($projectId: String!, $environmentVariables: [AddEnvironmentVariableInput!]) {
   addEnvironmentVariables(projectId: $projectId, environmentVariables: $environmentVariables)

packages/gql-client/src/queries.ts

@@ -178,7 +178,9 @@ query ($projectId: String!) {
       id
       name
       email
+      isVerified
     }
+    isPending
     createdAt
     updatedAt
     permissions

packages/gql-client/src/types.ts

@@ -42,15 +42,16 @@ export type Domain = {
   branch: string
   name: string
   status: DomainStatus
-  redirectTo?: Domain
+  redirectTo: Domain | null
   createdAt: string
   updatedAt: string
 }
 
 export type User = {
   id: string
-  name: string
+  name: string | null
   email: string
+  isVerified: boolean
   createdAt: string
   updatedAt: string
   gitHubToken: string | null
@@ -82,6 +83,7 @@ export type ProjectMember = {
   id: string
   member: User
   permissions: Permission[]
+  isPending: boolean
   createdAt: string
   updatedAt: string
 }
@@ -135,6 +137,10 @@ export type GetProjectMembersResponse = {
   projectMembers: ProjectMember[]
 }
 
+export type AddProjectMemberResponse = {
+  addProjectMember: boolean
+}
+
 export type RemoveProjectMemberResponse = {
   removeProjectMember: boolean;
 }
@@ -194,6 +200,11 @@ export type UpdateProjectMemberInput = {
   permissions: Permission[];
 }
 
+export type AddProjectMemberInput = {
+  email: string;
+  permissions: Permission[]
+}
+
 export type UpdateEnvironmentVariableResponse = {
   updateEnvironmentVariable: boolean;
 }