Team invitations (#3994)

* Team invitations

* Smaller logo

* Fix types

* Fix types

* Make timeAlive optional

* Add tracks

Author: CompuIves

packages/app/src/app/graphql/schema.graphql

@@ -1,5 +1,5 @@
-# source: https://codesandbox.io/api/graphql
-# timestamp: Wed Apr 15 2020 12:57:51 GMT+0200 (Central European Summer Time)
+# source: http://server:4000/api/graphql
+# timestamp: Mon Apr 27 2020 13:17:23 GMT+0000 (Coordinated Universal Time)
 
 schema {
   query: RootQuery
@@ -30,6 +30,7 @@ input CodeReference {
   anchor: Int!
   code: String!
   head: Int!
+  lastUpdatedAt: String!
   path: String!
 }
 
@@ -38,6 +39,7 @@ type CodeReferenceMetadata {
   code: String!
   head: Int!
   path: String!
+  sandboxId: String!
 }
 
 """
@@ -162,19 +164,21 @@ union ReferenceMetadata = CodeReferenceMetadata
 
 type RootMutation {
   """
-  Change authorization of a collaborator
+  Remove a collaborator
   """
-  changeCollaboratorAuthorization(
-    authorization: Authorization!
+  removeCollaborator(sandboxId: ID!, username: String!): Collaborator!
+  createComment(
+    codeReference: CodeReference
+    content: String!
+    id: ID
+    parentCommentId: ID
     sandboxId: ID!
-    username: String!
-  ): Collaborator!
+  ): Comment!
 
   """
   Clear notification unread count
   """
   clearNotificationCount: User
-  renameSandbox(id: ID!, title: String!): Sandbox!
 
   """
   Add sandboxes to a collection
@@ -186,137 +190,140 @@ type RootMutation {
   ): Collection!
 
   """
-  Delete a collection and all subfolders
+  Set the description of the team
   """
-  deleteCollection(path: String!, teamId: ID): [Collection!]!
+  setTeamDescription(description: String!, teamId: ID!): Team
+
+  """
+  Create a team
+  """
+  createTeam(name: String!): Team
 
   """
   Revoke an invitation to a team
   """
   revokeTeamInvitation(teamId: ID!, userId: ID!): Team
 
   """
-  Soft delete a comment. Note: all child comments will also be deleted.
+  Unbookmark a template
   """
-  deleteComment(commentId: ID!, sandboxId: ID!): Comment!
-  changeSandboxInvitationAuthorization(
-    authorization: Authorization!
-    invitationId: ID!
-    sandboxId: ID!
-  ): Invitation!
-  resolveComment(commentId: ID!, sandboxId: ID!): Comment!
-  createSandboxInvitation(
-    authorization: Authorization!
-    email: String!
-    sandboxId: ID!
-  ): Invitation!
+  unbookmarkTemplate(teamId: ID, templateId: ID!): Template
 
   """
-  Create a team
+  Invite someone to a team
   """
-  createTeam(name: String!): Team
+  inviteToTeam(email: String, teamId: ID!, username: String): Team
+  unresolveComment(commentId: ID!, sandboxId: ID!): Comment!
 
   """
-  Rename a collection and all subfolders
+  Delete a collection and all subfolders
   """
-  renameCollection(
-    newPath: String!
-    newTeamId: ID
-    path: String!
-    teamId: ID
-  ): [Collection!]!
+  deleteCollection(path: String!, teamId: ID): [Collection!]!
 
   """
-  Convert templates back to sandboxes
+  Make templates from sandboxes
   """
-  unmakeSandboxesTemplates(sandboxIds: [ID!]!): [Template!]!
+  makeSandboxesTemplates(sandboxIds: [ID!]!): [Template!]!
 
   """
-  Delete sandboxes
+  Accept an invitation to a team
   """
-  deleteSandboxes(sandboxIds: [ID!]!): [Sandbox!]!
+  acceptTeamInvitation(teamId: ID!): Team
 
   """
-  Unbookmark a template
+  Redeem an invite token from a team
   """
-  unbookmarkTemplate(teamId: ID, templateId: ID!): Template
+  redeemTeamInviteToken(inviteToken: String!): Team
 
   """
-  Leave a team
+  Delete sandboxes
   """
-  leaveTeam(teamId: ID!): String
+  deleteSandboxes(sandboxIds: [ID!]!): [Sandbox!]!
+  setSandboxesPrivacy(privacy: Int, sandboxIds: [ID!]!): [Sandbox!]!
+  createSandboxInvitation(
+    authorization: Authorization!
+    email: String!
+    sandboxId: ID!
+  ): Invitation!
 
   """
-  bookmark a template
+  Add a collaborator
   """
-  bookmarkTemplate(teamId: ID, templateId: ID!): Template
-  updateComment(commentId: ID!, content: String, sandboxId: ID!): Comment!
-  createComment(
-    codeReference: CodeReference
-    content: String!
-    id: ID
-    parentCommentId: ID
+  addCollaborator(
+    authorization: Authorization!
     sandboxId: ID!
-  ): Comment!
+    username: String!
+  ): Collaborator!
+  renameSandbox(id: ID!, title: String!): Sandbox!
+
+  """
+  Convert templates back to sandboxes
+  """
+  unmakeSandboxesTemplates(sandboxIds: [ID!]!): [Template!]!
 
   """
   Reject an invitation to a team
   """
   rejectTeamInvitation(teamId: ID!): String
+  permanentlyDeleteSandboxes(sandboxIds: [ID!]!): [Sandbox!]!
 
   """
-  Accept an invitation to a team
+  Rename a collection and all subfolders
   """
-  acceptTeamInvitation(teamId: ID!): Team
+  renameCollection(
+    newPath: String!
+    newTeamId: ID
+    path: String!
+    teamId: ID
+  ): [Collection!]!
 
   """
-  Make templates from sandboxes
+  bookmark a template
   """
-  makeSandboxesTemplates(sandboxIds: [ID!]!): [Template!]!
+  bookmarkTemplate(teamId: ID, templateId: ID!): Template
+  revokeSandboxInvitation(invitationId: ID!, sandboxId: ID!): Invitation!
 
   """
   Create a collection
   """
   createCollection(path: String!, teamId: ID): Collection!
 
   """
-  Remove a collaborator
+  Mark all notifications as read
   """
-  removeCollaborator(sandboxId: ID!, username: String!): Collaborator!
-  setSandboxesPrivacy(privacy: Int, sandboxIds: [ID!]!): [Sandbox!]!
+  markAllNotificationsAsRead: User
+  redeemSandboxInvitation(invitationToken: String!, sandboxId: ID!): Invitation!
 
   """
-  Remove someone from a team
+  Soft delete a comment. Note: all child comments will also be deleted.
   """
-  removeFromTeam(teamId: ID!, userId: ID!): Team
+  deleteComment(commentId: ID!, sandboxId: ID!): Comment!
+  resolveComment(commentId: ID!, sandboxId: ID!): Comment!
+  changeSandboxInvitationAuthorization(
+    authorization: Authorization!
+    invitationId: ID!
+    sandboxId: ID!
+  ): Invitation!
+  updateComment(commentId: ID!, content: String, sandboxId: ID!): Comment!
 
   """
-  Set the description of the team
+  Leave a team
   """
-  setTeamDescription(description: String!, teamId: ID!): Team
-  permanentlyDeleteSandboxes(sandboxIds: [ID!]!): [Sandbox!]!
+  leaveTeam(teamId: ID!): String
 
   """
-  Add a collaborator
+  Remove someone from a team
   """
-  addCollaborator(
+  removeFromTeam(teamId: ID!, userId: ID!): Team
+
+  """
+  Change authorization of a collaborator
+  """
+  changeCollaboratorAuthorization(
     authorization: Authorization!
     sandboxId: ID!
     username: String!
   ): Collaborator!
-
-  """
-  Invite someone to a team
-  """
-  inviteToTeam(teamId: ID!, username: String): Team
-  unresolveComment(commentId: ID!, sandboxId: ID!): Comment!
-  redeemSandboxInvitation(invitationToken: String!, sandboxId: ID!): Invitation!
-  revokeSandboxInvitation(invitationId: ID!, sandboxId: ID!): Invitation!
-
-  """
-  Mark all notifications as read
-  """
-  markAllNotificationsAsRead: User
 }
 
 type RootQuery {
@@ -329,6 +336,11 @@ type RootQuery {
   Get a sandbox
   """
   sandbox(sandboxId: ID!): Sandbox
+
+  """
+  A team from an invite token
+  """
+  teamByToken(inviteToken: ID!): Team
 }
 
 type RootSubscriptionType {
@@ -361,6 +373,7 @@ type Sandbox {
   """
   customTemplate: Template
   description: String
+  forkCount: Int!
   forkedTemplate: Template
 
   """
@@ -370,13 +383,15 @@ type Sandbox {
   id: ID!
   insertedAt: String!
   invitations: [Invitation!]!
+  likeCount: Int!
   privacy: Int!
   removedAt: String
   screenshotOutdated: Boolean!
   screenshotUrl: String
   source: Source!
   title: String
   updatedAt: String!
+  viewCount: Int!
 }
 
 type Source {
@@ -390,6 +405,7 @@ type Team {
   creatorId: ID
   description: String
   id: ID!
+  inviteToken: String!
   invitees: [User!]!
   name: String!
   templates: [Template!]!

packages/app/src/app/overmind/actions.ts

@@ -33,11 +33,11 @@ export const notificationAdded: Action<{
   title: string;
   notificationType: NotificationType;
   timeAlive?: number;
-}> = ({ effects }, { title, notificationType, timeAlive = 1 }) => {
+}> = ({ effects }, { title, notificationType, timeAlive }) => {
   effects.notificationToast.add({
     message: title,
     status: convertTypeToStatus(notificationType),
-    timeAlive: timeAlive * 1000,
+    timeAlive: timeAlive ? timeAlive * 1000 : undefined,
   });
 };
 
@@ -248,6 +248,7 @@ export const acceptTeamInvitation: Action<{
   teamName: string;
   teamId: string;
 }> = ({ effects, actions }, { teamName }) => {
+  effects.analytics.track('Team - Join Team', { source: 'invitation' });
   effects.analytics.track('Team - Invitation Accepted', {});
 
   actions.internal.trackCurrentTeams();
@@ -259,7 +260,7 @@ export const rejectTeamInvitation: Action<{ teamName: string }> = (
   { effects },
   { teamName }
 ) => {
-  effects.analytics.track('Team - Invitation Accepted', {});
+  effects.analytics.track('Team - Invitation Rejected', {});
 
   effects.notificationToast.success(`Rejected invitation to ${teamName}`);
 };