decidim-comments 0.8.4 → 0.9.0

data/app/frontend/comments/comments.component.tsx

@@ -37,9 +37,9 @@ export class Comments extends React.Component<CommentsProps> {
   };
 
   public render() {
-    const { commentable: { comments }, reorderComments, orderBy, loading } = this.props;
+    const { commentable: { comments, totalCommentsCount }, reorderComments, orderBy, loading } = this.props;
     let commentClasses = "comments";
-    let commentHeader = I18n.t("components.comments.title", { count: comments.length });
+    let commentHeader = I18n.t("components.comments.title", { count: totalCommentsCount });
 
     if (loading) {
       commentClasses += " loading-comments";

data/app/frontend/comments/down_vote_button.component.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { graphql } from "react-apollo";
+import { graphql, MutationFunc } from "react-apollo";
 
 import VoteButton from "./vote_button.component";
 
@@ -55,62 +55,60 @@ const downVoteMutation = require("../mutations/down_vote.mutation.graphql");
 const getCommentsQuery = require("../queries/comments.query.graphql");
 
 const DownVoteButtonWithMutation = graphql<DownVoteMutation, DownVoteButtonProps>(downVoteMutation, {
-  props: ({ ownProps, mutate }) => ({
-    downVote() {
-      if (mutate) {
-        mutate({
-          variables: {
-            id: ownProps.comment.id,
+  props: ({ ownProps, mutate }: { ownProps: DownVoteButtonProps, mutate: MutationFunc<DownVoteMutation> }) => ({
+    downVote: () => mutate({
+      variables: {
+        id: ownProps.comment.id,
+      },
+      optimisticResponse: {
+        __typename: "Mutation",
+        comment: {
+          __typename: "CommentMutation",
+          downVote: {
+            __typename: "Comment",
+            ...ownProps.comment,
+            downVotes: ownProps.comment.downVotes + 1,
+            downVoted: true,
           },
-          optimisticResponse: {
-            __typename: "Mutation",
-            comment: {
-              __typename: "CommentMutation",
-              downVote: {
-                __typename: "Comment",
-                ...ownProps.comment,
-                downVotes: ownProps.comment.downVotes + 1,
-                downVoted: true,
-              },
-            },
-          },
-          update: (store, { data }: { data: DownVoteMutation }) => {
-            const variables = {
-              commentableId: ownProps.rootCommentable.id,
-              commentableType: ownProps.rootCommentable.type,
-              orderBy: ownProps.orderBy,
-            };
+        },
+      },
+      update: (store, { data }: { data: DownVoteMutation }) => {
+        const variables = {
+          commentableId: ownProps.rootCommentable.id,
+          commentableType: ownProps.rootCommentable.type,
+          orderBy: ownProps.orderBy,
+        };
 
-            const commentReducer = (comment: CommentFragment): CommentFragment => {
-              const replies = comment.comments || [];
+        const commentReducer = (comment: CommentFragment): CommentFragment => {
+          const replies = comment.comments || [];
 
-              if (comment.id === ownProps.comment.id && data.comment) {
-                return data.comment.downVote;
-              }
+          if (comment.id === ownProps.comment.id && data.comment) {
+            return data.comment.downVote;
+          }
 
-              return {
-                ...comment,
-                comments: replies.map(commentReducer),
-              };
-            };
+          return {
+            ...comment,
+            comments: replies.map(commentReducer),
+          };
+        };
 
-            const prev = store.readQuery<GetCommentsQuery>({ query: getCommentsQuery, variables });
+        const prev = store.readQuery<GetCommentsQuery>({ query: getCommentsQuery, variables });
 
-            store.writeQuery({
-              query: getCommentsQuery,
-              data: {
-                ...prev,
-                commentable: {
-                  ...prev.commentable,
-                  comments: prev.commentable.comments.map(commentReducer),
-                },
+        if (prev) {
+          store.writeQuery({
+            query: getCommentsQuery,
+            data: {
+              ...prev,
+              commentable: {
+                ...prev.commentable,
+                comments: prev.commentable.comments.map(commentReducer),
               },
-              variables,
-            });
-          },
-        });
-      }
-    },
+            },
+            variables,
+          });
+        }
+      },
+    }),
   }),
 })(DownVoteButton);
 

data/app/frontend/comments/up_vote_button.component.tsx

@@ -54,7 +54,7 @@ export const UpVoteButton: React.SFC<UpVoteButtonProps> = ({
 const upVoteMutation = require("../mutations/up_vote.mutation.graphql");
 const getCommentsQuery = require("../queries/comments.query.graphql");
 
-const UpVoteButtonWithMutation = graphql(upVoteMutation, {
+const UpVoteButtonWithMutation = graphql<UpVoteMutation, UpVoteButtonProps>(upVoteMutation, {
   props: ({ ownProps, mutate }: { ownProps: UpVoteButtonProps, mutate: MutationFunc<UpVoteMutation> }) => ({
     upVote: () => mutate({
       variables: {
@@ -94,17 +94,19 @@ const UpVoteButtonWithMutation = graphql(upVoteMutation, {
 
         const prev = store.readQuery<GetCommentsQuery>({ query: getCommentsQuery, variables });
 
-        store.writeQuery({
-          query: getCommentsQuery,
-          data: {
-            ...prev,
-            commentable: {
-              ...prev.commentable,
-              comments: prev.commentable.comments.map(commentReducer),
+        if (prev) {
+          store.writeQuery({
+            query: getCommentsQuery,
+            data: {
+              ...prev,
+              commentable: {
+                ...prev.commentable,
+                comments: prev.commentable.comments.map(commentReducer),
+              },
             },
-          },
-          variables,
-        });
+            variables,
+          });
+        }
       },
     }),
   }),

data/app/frontend/fragments/comment_data.fragment.graphql

@@ -6,13 +6,16 @@ fragment CommentData on Comment {
   sgid
   type
   body
+  formattedBody
   createdAt
+  formattedCreatedAt
   author {
     name
+    nickname
     avatarUrl
-    isVerified
-    isUser
+    profilePath
     deleted
+    badge
   }
   hasComments
   acceptsNewComments

data/app/frontend/queries/comments.query.graphql

@@ -5,6 +5,7 @@ query GetComments($commentableId: String!, $commentableType: String!, $orderBy:
   session {
     user {
       name
+      nickname
       avatarUrl
       organizationName
     }
@@ -14,6 +15,7 @@ query GetComments($commentableId: String!, $commentableType: String!, $orderBy:
     acceptsNewComments
     commentsHaveAlignment
     commentsHaveVotes
+    totalCommentsCount
     comments(orderBy: $orderBy) {
       id
       ...CommentThread

data/app/frontend/support/generate_comments_data.ts

@@ -11,17 +11,23 @@ const generateCommentsData = (num = 1) => {
   const commentsData: CommentFragment[] = [];
 
   for (let idx = 0; idx < num; idx += 1) {
+    const creationDate = date.recent();
+    const nickname = name.findName();
+
     commentsData.push({
       id: random.uuid(),
       type: "Decidim::Comments::Comment",
       body: lorem.words(),
-      createdAt: date.past().toISOString(),
+      formattedBody: lorem.words(),
+      createdAt: creationDate.toISOString(),
+      formattedCreatedAt: creationDate.toLocaleTimeString(),
       author: {
-        name: name.findName(),
+        name: `${name.firstName()} ${name.lastName()}`,
+        nickname: `@${nickname}`,
         avatarUrl: image.imageUrl(),
-        isVerified: Math.random() >= 0.5,
-        isUser: Math.random() >= 0.5,
+        profilePath: `/profiles/${nickname}`,
         deleted: false,
+        badge: "verified-badge",
       },
       hasComments: false,
       comments: [],

data/app/frontend/support/generate_user_data.ts

@@ -6,7 +6,8 @@ import { name } from "faker/locale/en";
  */
 const generateUserData = () => {
   return {
-    name: name.findName(),
+    name: `${name.firstName()} ${name.lastName()}`,
+    nickname: `@${name.findName()}`,
   };
 };
 

data/app/frontend/support/schema.ts

@@ -1,7 +1,7 @@
 /* tslint:disable */
 //  This file was automatically generated and should not be edited.
 
-export type addCommentMutationVariables = {
+export interface addCommentMutationVariables {
   commentableId: string,
   commentableType: string,
   body: string,
@@ -9,7 +9,7 @@ export type addCommentMutationVariables = {
   userGroupId?: string | null,
 };
 
-export type addCommentMutation = {
+export interface addCommentMutation {
   // A commentable
   commentable:  {
     // Add a new comment to a commentable
@@ -24,31 +24,39 @@ export type addCommentMutation = {
       type: string,
       // The comment message
       body: string,
+      // The comment message ready to display (it is expected to include HTML)
+      formattedBody: string,
       // The creation date of the comment
       createdAt: string,
+      // The creation date of the comment in relative format
+      formattedCreatedAt: string,
       // The comment's author
       author: ( {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         } | {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         }
       ),
       // Whether the object can have new comments or not
@@ -74,31 +82,39 @@ export type addCommentMutation = {
         type: string,
         // The comment message
         body: string,
+        // The comment message ready to display (it is expected to include HTML)
+        formattedBody: string,
         // The creation date of the comment
         createdAt: string,
+        // The creation date of the comment in relative format
+        formattedCreatedAt: string,
         // The comment's author
         author: ( {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           } | {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           }
         ),
         // Check if the commentable has comments
@@ -126,31 +142,39 @@ export type addCommentMutation = {
           type: string,
           // The comment message
           body: string,
+          // The comment message ready to display (it is expected to include HTML)
+          formattedBody: string,
           // The creation date of the comment
           createdAt: string,
+          // The creation date of the comment in relative format
+          formattedCreatedAt: string,
           // The comment's author
           author: ( {
               // The author's name
               name: string,
+              // The author's nickname
+              nickname: string,
               // The author's avatar url
               avatarUrl: string,
-              // Whether the author is verified or not
-              isVerified: boolean,
-              // Whether the author is a user or another kind of author (User Group)
-              isUser: boolean,
+              // The author's profile path
+              profilePath: string,
               // Whether the author's account has been deleted or not
               deleted: boolean,
+              // The author's badge icon
+              badge: string,
             } | {
               // The author's name
               name: string,
+              // The author's nickname
+              nickname: string,
               // The author's avatar url
               avatarUrl: string,
-              // Whether the author is verified or not
-              isVerified: boolean,
-              // Whether the author is a user or another kind of author (User Group)
-              isUser: boolean,
+              // The author's profile path
+              profilePath: string,
               // Whether the author's account has been deleted or not
               deleted: boolean,
+              // The author's badge icon
+              badge: string,
             }
           ),
           // Check if the commentable has comments
@@ -178,31 +202,39 @@ export type addCommentMutation = {
             type: string,
             // The comment message
             body: string,
+            // The comment message ready to display (it is expected to include HTML)
+            formattedBody: string,
             // The creation date of the comment
             createdAt: string,
+            // The creation date of the comment in relative format
+            formattedCreatedAt: string,
             // The comment's author
             author: ( {
                 // The author's name
                 name: string,
+                // The author's nickname
+                nickname: string,
                 // The author's avatar url
                 avatarUrl: string,
-                // Whether the author is verified or not
-                isVerified: boolean,
-                // Whether the author is a user or another kind of author (User Group)
-                isUser: boolean,
+                // The author's profile path
+                profilePath: string,
                 // Whether the author's account has been deleted or not
                 deleted: boolean,
+                // The author's badge icon
+                badge: string,
               } | {
                 // The author's name
                 name: string,
+                // The author's nickname
+                nickname: string,
                 // The author's avatar url
                 avatarUrl: string,
-                // Whether the author is verified or not
-                isVerified: boolean,
-                // Whether the author is a user or another kind of author (User Group)
-                isUser: boolean,
+                // The author's profile path
+                profilePath: string,
                 // Whether the author's account has been deleted or not
                 deleted: boolean,
+                // The author's badge icon
+                badge: string,
               }
             ),
             // Check if the commentable has comments
@@ -228,11 +260,11 @@ export type addCommentMutation = {
   } | null,
 };
 
-export type DownVoteMutationVariables = {
+export interface DownVoteMutationVariables {
   id: string,
 };
 
-export type DownVoteMutation = {
+export interface DownVoteMutation {
   // A comment
   comment:  {
     downVote:  {
@@ -244,31 +276,39 @@ export type DownVoteMutation = {
       type: string,
       // The comment message
       body: string,
+      // The comment message ready to display (it is expected to include HTML)
+      formattedBody: string,
       // The creation date of the comment
       createdAt: string,
+      // The creation date of the comment in relative format
+      formattedCreatedAt: string,
       // The comment's author
       author: ( {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         } | {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         }
       ),
       // Check if the commentable has comments
@@ -296,31 +336,39 @@ export type DownVoteMutation = {
         type: string,
         // The comment message
         body: string,
+        // The comment message ready to display (it is expected to include HTML)
+        formattedBody: string,
         // The creation date of the comment
         createdAt: string,
+        // The creation date of the comment in relative format
+        formattedCreatedAt: string,
         // The comment's author
         author: ( {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           } | {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           }
         ),
         // Check if the commentable has comments
@@ -348,31 +396,39 @@ export type DownVoteMutation = {
           type: string,
           // The comment message
           body: string,
+          // The comment message ready to display (it is expected to include HTML)
+          formattedBody: string,
           // The creation date of the comment
           createdAt: string,
+          // The creation date of the comment in relative format
+          formattedCreatedAt: string,
           // The comment's author
           author: ( {
               // The author's name
               name: string,
+              // The author's nickname
+              nickname: string,
               // The author's avatar url
               avatarUrl: string,
-              // Whether the author is verified or not
-              isVerified: boolean,
-              // Whether the author is a user or another kind of author (User Group)
-              isUser: boolean,
+              // The author's profile path
+              profilePath: string,
               // Whether the author's account has been deleted or not
               deleted: boolean,
+              // The author's badge icon
+              badge: string,
             } | {
               // The author's name
               name: string,
+              // The author's nickname
+              nickname: string,
               // The author's avatar url
               avatarUrl: string,
-              // Whether the author is verified or not
-              isVerified: boolean,
-              // Whether the author is a user or another kind of author (User Group)
-              isUser: boolean,
+              // The author's profile path
+              profilePath: string,
               // Whether the author's account has been deleted or not
               deleted: boolean,
+              // The author's badge icon
+              badge: string,
             }
           ),
           // Check if the commentable has comments
@@ -400,31 +456,39 @@ export type DownVoteMutation = {
             type: string,
             // The comment message
             body: string,
+            // The comment message ready to display (it is expected to include HTML)
+            formattedBody: string,
             // The creation date of the comment
             createdAt: string,
+            // The creation date of the comment in relative format
+            formattedCreatedAt: string,
             // The comment's author
             author: ( {
                 // The author's name
                 name: string,
+                // The author's nickname
+                nickname: string,
                 // The author's avatar url
                 avatarUrl: string,
-                // Whether the author is verified or not
-                isVerified: boolean,
-                // Whether the author is a user or another kind of author (User Group)
-                isUser: boolean,
+                // The author's profile path
+                profilePath: string,
                 // Whether the author's account has been deleted or not
                 deleted: boolean,
+                // The author's badge icon
+                badge: string,
               } | {
                 // The author's name
                 name: string,
+                // The author's nickname
+                nickname: string,
                 // The author's avatar url
                 avatarUrl: string,
-                // Whether the author is verified or not
-                isVerified: boolean,
-                // Whether the author is a user or another kind of author (User Group)
-                isUser: boolean,
+                // The author's profile path
+                profilePath: string,
                 // Whether the author's account has been deleted or not
                 deleted: boolean,
+                // The author's badge icon
+                badge: string,
               }
             ),
             // Check if the commentable has comments
@@ -450,11 +514,11 @@ export type DownVoteMutation = {
   } | null,
 };
 
-export type UpVoteMutationVariables = {
+export interface UpVoteMutationVariables {
   id: string,
 };
 
-export type UpVoteMutation = {
+export interface UpVoteMutation {
   // A comment
   comment:  {
     upVote:  {
@@ -466,31 +530,39 @@ export type UpVoteMutation = {
       type: string,
       // The comment message
       body: string,
+      // The comment message ready to display (it is expected to include HTML)
+      formattedBody: string,
       // The creation date of the comment
       createdAt: string,
+      // The creation date of the comment in relative format
+      formattedCreatedAt: string,
       // The comment's author
       author: ( {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         } | {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         }
       ),
       // Check if the commentable has comments
@@ -518,31 +590,39 @@ export type UpVoteMutation = {
         type: string,
         // The comment message
         body: string,
+        // The comment message ready to display (it is expected to include HTML)
+        formattedBody: string,
         // The creation date of the comment
         createdAt: string,
+        // The creation date of the comment in relative format
+        formattedCreatedAt: string,
         // The comment's author
         author: ( {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           } | {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           }
         ),
         // Check if the commentable has comments
@@ -570,31 +650,39 @@ export type UpVoteMutation = {
           type: string,
           // The comment message
           body: string,
+          // The comment message ready to display (it is expected to include HTML)
+          formattedBody: string,
           // The creation date of the comment
           createdAt: string,
+          // The creation date of the comment in relative format
+          formattedCreatedAt: string,
           // The comment's author
           author: ( {
               // The author's name
               name: string,
+              // The author's nickname
+              nickname: string,
               // The author's avatar url
               avatarUrl: string,
-              // Whether the author is verified or not
-              isVerified: boolean,
-              // Whether the author is a user or another kind of author (User Group)
-              isUser: boolean,
+              // The author's profile path
+              profilePath: string,
               // Whether the author's account has been deleted or not
               deleted: boolean,
+              // The author's badge icon
+              badge: string,
             } | {
               // The author's name
               name: string,
+              // The author's nickname
+              nickname: string,
               // The author's avatar url
               avatarUrl: string,
-              // Whether the author is verified or not
-              isVerified: boolean,
-              // Whether the author is a user or another kind of author (User Group)
-              isUser: boolean,
+              // The author's profile path
+              profilePath: string,
               // Whether the author's account has been deleted or not
               deleted: boolean,
+              // The author's badge icon
+              badge: string,
             }
           ),
           // Check if the commentable has comments
@@ -622,31 +710,39 @@ export type UpVoteMutation = {
             type: string,
             // The comment message
             body: string,
+            // The comment message ready to display (it is expected to include HTML)
+            formattedBody: string,
             // The creation date of the comment
             createdAt: string,
+            // The creation date of the comment in relative format
+            formattedCreatedAt: string,
             // The comment's author
             author: ( {
                 // The author's name
                 name: string,
+                // The author's nickname
+                nickname: string,
                 // The author's avatar url
                 avatarUrl: string,
-                // Whether the author is verified or not
-                isVerified: boolean,
-                // Whether the author is a user or another kind of author (User Group)
-                isUser: boolean,
+                // The author's profile path
+                profilePath: string,
                 // Whether the author's account has been deleted or not
                 deleted: boolean,
+                // The author's badge icon
+                badge: string,
               } | {
                 // The author's name
                 name: string,
+                // The author's nickname
+                nickname: string,
                 // The author's avatar url
                 avatarUrl: string,
-                // Whether the author is verified or not
-                isVerified: boolean,
-                // Whether the author is a user or another kind of author (User Group)
-                isUser: boolean,
+                // The author's profile path
+                profilePath: string,
                 // Whether the author's account has been deleted or not
                 deleted: boolean,
+                // The author's badge icon
+                badge: string,
               }
             ),
             // Check if the commentable has comments
@@ -672,19 +768,21 @@ export type UpVoteMutation = {
   } | null,
 };
 
-export type GetCommentsQueryVariables = {
+export interface GetCommentsQueryVariables {
   commentableId: string,
   commentableType: string,
   orderBy?: string | null,
 };
 
-export type GetCommentsQuery = {
+export interface GetCommentsQuery {
   // Return's information about the logged in user
   session:  {
     // The current user
     user:  {
       // The user's name
       name: string,
+      // The user's nickname
+      nickname: string,
       // The user's avatar url
       avatarUrl: string,
       // The user's organization name
@@ -705,6 +803,8 @@ export type GetCommentsQuery = {
     commentsHaveAlignment: boolean,
     // Whether the object comments have votes or not
     commentsHaveVotes: boolean,
+    // The number of comments in all levels this resource holds
+    totalCommentsCount: number,
     comments:  Array< {
       // The Comment's unique ID
       id: string,
@@ -716,31 +816,39 @@ export type GetCommentsQuery = {
       type: string,
       // The comment message
       body: string,
+      // The comment message ready to display (it is expected to include HTML)
+      formattedBody: string,
       // The creation date of the comment
       createdAt: string,
+      // The creation date of the comment in relative format
+      formattedCreatedAt: string,
       // The comment's author
       author: ( {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         } | {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         }
       ),
       // Whether the object can have new comments or not
@@ -766,31 +874,39 @@ export type GetCommentsQuery = {
         type: string,
         // The comment message
         body: string,
+        // The comment message ready to display (it is expected to include HTML)
+        formattedBody: string,
         // The creation date of the comment
         createdAt: string,
+        // The creation date of the comment in relative format
+        formattedCreatedAt: string,
         // The comment's author
         author: ( {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           } | {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           }
         ),
         // Check if the commentable has comments
@@ -818,31 +934,39 @@ export type GetCommentsQuery = {
           type: string,
           // The comment message
           body: string,
+          // The comment message ready to display (it is expected to include HTML)
+          formattedBody: string,
           // The creation date of the comment
           createdAt: string,
+          // The creation date of the comment in relative format
+          formattedCreatedAt: string,
           // The comment's author
           author: ( {
               // The author's name
               name: string,
+              // The author's nickname
+              nickname: string,
               // The author's avatar url
               avatarUrl: string,
-              // Whether the author is verified or not
-              isVerified: boolean,
-              // Whether the author is a user or another kind of author (User Group)
-              isUser: boolean,
+              // The author's profile path
+              profilePath: string,
               // Whether the author's account has been deleted or not
               deleted: boolean,
+              // The author's badge icon
+              badge: string,
             } | {
               // The author's name
               name: string,
+              // The author's nickname
+              nickname: string,
               // The author's avatar url
               avatarUrl: string,
-              // Whether the author is verified or not
-              isVerified: boolean,
-              // Whether the author is a user or another kind of author (User Group)
-              isUser: boolean,
+              // The author's profile path
+              profilePath: string,
               // Whether the author's account has been deleted or not
               deleted: boolean,
+              // The author's badge icon
+              badge: string,
             }
           ),
           // Check if the commentable has comments
@@ -870,31 +994,39 @@ export type GetCommentsQuery = {
             type: string,
             // The comment message
             body: string,
+            // The comment message ready to display (it is expected to include HTML)
+            formattedBody: string,
             // The creation date of the comment
             createdAt: string,
+            // The creation date of the comment in relative format
+            formattedCreatedAt: string,
             // The comment's author
             author: ( {
                 // The author's name
                 name: string,
+                // The author's nickname
+                nickname: string,
                 // The author's avatar url
                 avatarUrl: string,
-                // Whether the author is verified or not
-                isVerified: boolean,
-                // Whether the author is a user or another kind of author (User Group)
-                isUser: boolean,
+                // The author's profile path
+                profilePath: string,
                 // Whether the author's account has been deleted or not
                 deleted: boolean,
+                // The author's badge icon
+                badge: string,
               } | {
                 // The author's name
                 name: string,
+                // The author's nickname
+                nickname: string,
                 // The author's avatar url
                 avatarUrl: string,
-                // Whether the author is verified or not
-                isVerified: boolean,
-                // Whether the author is a user or another kind of author (User Group)
-                isUser: boolean,
+                // The author's profile path
+                profilePath: string,
                 // Whether the author's account has been deleted or not
                 deleted: boolean,
+                // The author's badge icon
+                badge: string,
               }
             ),
             // Check if the commentable has comments
@@ -924,14 +1056,14 @@ export type GetCommentsQuery = {
   },
 };
 
-export type AddCommentFormCommentableFragment = {
+export interface AddCommentFormCommentableFragment {
   // The commentable's ID
   id: string,
   // The commentable's class name. i.e. `Decidim::ParticipatoryProcess`
   type: string,
 };
 
-export type AddCommentFormSessionFragment = {
+export interface AddCommentFormSessionFragment {
   // The current user verified user groups
   verifiedUserGroups:  Array< {
     // The user group's id
@@ -941,7 +1073,7 @@ export type AddCommentFormSessionFragment = {
   } >,
 };
 
-export type CommentFragment = {
+export interface CommentFragment {
   // The Comment's unique ID
   id: string,
   // The Comment's signed global id
@@ -950,31 +1082,39 @@ export type CommentFragment = {
   type: string,
   // The comment message
   body: string,
+  // The comment message ready to display (it is expected to include HTML)
+  formattedBody: string,
   // The creation date of the comment
   createdAt: string,
+  // The creation date of the comment in relative format
+  formattedCreatedAt: string,
   // The comment's author
   author: ( {
       // The author's name
       name: string,
+      // The author's nickname
+      nickname: string,
       // The author's avatar url
       avatarUrl: string,
-      // Whether the author is verified or not
-      isVerified: boolean,
-      // Whether the author is a user or another kind of author (User Group)
-      isUser: boolean,
+      // The author's profile path
+      profilePath: string,
       // Whether the author's account has been deleted or not
       deleted: boolean,
+      // The author's badge icon
+      badge: string,
     } | {
       // The author's name
       name: string,
+      // The author's nickname
+      nickname: string,
       // The author's avatar url
       avatarUrl: string,
-      // Whether the author is verified or not
-      isVerified: boolean,
-      // Whether the author is a user or another kind of author (User Group)
-      isUser: boolean,
+      // The author's profile path
+      profilePath: string,
       // Whether the author's account has been deleted or not
       deleted: boolean,
+      // The author's badge icon
+      badge: string,
     }
   ),
   // Check if the commentable has comments
@@ -1002,31 +1142,39 @@ export type CommentFragment = {
     type: string,
     // The comment message
     body: string,
+    // The comment message ready to display (it is expected to include HTML)
+    formattedBody: string,
     // The creation date of the comment
     createdAt: string,
+    // The creation date of the comment in relative format
+    formattedCreatedAt: string,
     // The comment's author
     author: ( {
         // The author's name
         name: string,
+        // The author's nickname
+        nickname: string,
         // The author's avatar url
         avatarUrl: string,
-        // Whether the author is verified or not
-        isVerified: boolean,
-        // Whether the author is a user or another kind of author (User Group)
-        isUser: boolean,
+        // The author's profile path
+        profilePath: string,
         // Whether the author's account has been deleted or not
         deleted: boolean,
+        // The author's badge icon
+        badge: string,
       } | {
         // The author's name
         name: string,
+        // The author's nickname
+        nickname: string,
         // The author's avatar url
         avatarUrl: string,
-        // Whether the author is verified or not
-        isVerified: boolean,
-        // Whether the author is a user or another kind of author (User Group)
-        isUser: boolean,
+        // The author's profile path
+        profilePath: string,
         // Whether the author's account has been deleted or not
         deleted: boolean,
+        // The author's badge icon
+        badge: string,
       }
     ),
     // Check if the commentable has comments
@@ -1054,31 +1202,39 @@ export type CommentFragment = {
       type: string,
       // The comment message
       body: string,
+      // The comment message ready to display (it is expected to include HTML)
+      formattedBody: string,
       // The creation date of the comment
       createdAt: string,
+      // The creation date of the comment in relative format
+      formattedCreatedAt: string,
       // The comment's author
       author: ( {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         } | {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         }
       ),
       // Check if the commentable has comments
@@ -1106,31 +1262,39 @@ export type CommentFragment = {
         type: string,
         // The comment message
         body: string,
+        // The comment message ready to display (it is expected to include HTML)
+        formattedBody: string,
         // The creation date of the comment
         createdAt: string,
+        // The creation date of the comment in relative format
+        formattedCreatedAt: string,
         // The comment's author
         author: ( {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           } | {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           }
         ),
         // Check if the commentable has comments
@@ -1154,7 +1318,7 @@ export type CommentFragment = {
   } >,
 };
 
-export type CommentDataFragment = {
+export interface CommentDataFragment {
   // The Comment's unique ID
   id: string,
   // The Comment's signed global id
@@ -1163,31 +1327,39 @@ export type CommentDataFragment = {
   type: string,
   // The comment message
   body: string,
+  // The comment message ready to display (it is expected to include HTML)
+  formattedBody: string,
   // The creation date of the comment
   createdAt: string,
+  // The creation date of the comment in relative format
+  formattedCreatedAt: string,
   // The comment's author
   author: ( {
       // The author's name
       name: string,
+      // The author's nickname
+      nickname: string,
       // The author's avatar url
       avatarUrl: string,
-      // Whether the author is verified or not
-      isVerified: boolean,
-      // Whether the author is a user or another kind of author (User Group)
-      isUser: boolean,
+      // The author's profile path
+      profilePath: string,
       // Whether the author's account has been deleted or not
       deleted: boolean,
+      // The author's badge icon
+      badge: string,
     } | {
       // The author's name
       name: string,
+      // The author's nickname
+      nickname: string,
       // The author's avatar url
       avatarUrl: string,
-      // Whether the author is verified or not
-      isVerified: boolean,
-      // Whether the author is a user or another kind of author (User Group)
-      isUser: boolean,
+      // The author's profile path
+      profilePath: string,
       // Whether the author's account has been deleted or not
       deleted: boolean,
+      // The author's badge icon
+      badge: string,
     }
   ),
   // Check if the commentable has comments
@@ -1208,7 +1380,7 @@ export type CommentDataFragment = {
   downVotes: number,
 };
 
-export type CommentThreadFragment = {
+export interface CommentThreadFragment {
   // Check if the commentable has comments
   hasComments: boolean,
   // The Comment's unique ID
@@ -1219,31 +1391,39 @@ export type CommentThreadFragment = {
   type: string,
   // The comment message
   body: string,
+  // The comment message ready to display (it is expected to include HTML)
+  formattedBody: string,
   // The creation date of the comment
   createdAt: string,
+  // The creation date of the comment in relative format
+  formattedCreatedAt: string,
   // The comment's author
   author: ( {
       // The author's name
       name: string,
+      // The author's nickname
+      nickname: string,
       // The author's avatar url
       avatarUrl: string,
-      // Whether the author is verified or not
-      isVerified: boolean,
-      // Whether the author is a user or another kind of author (User Group)
-      isUser: boolean,
+      // The author's profile path
+      profilePath: string,
       // Whether the author's account has been deleted or not
       deleted: boolean,
+      // The author's badge icon
+      badge: string,
     } | {
       // The author's name
       name: string,
+      // The author's nickname
+      nickname: string,
       // The author's avatar url
       avatarUrl: string,
-      // Whether the author is verified or not
-      isVerified: boolean,
-      // Whether the author is a user or another kind of author (User Group)
-      isUser: boolean,
+      // The author's profile path
+      profilePath: string,
       // Whether the author's account has been deleted or not
       deleted: boolean,
+      // The author's badge icon
+      badge: string,
     }
   ),
   // Whether the object can have new comments or not
@@ -1269,31 +1449,39 @@ export type CommentThreadFragment = {
     type: string,
     // The comment message
     body: string,
+    // The comment message ready to display (it is expected to include HTML)
+    formattedBody: string,
     // The creation date of the comment
     createdAt: string,
+    // The creation date of the comment in relative format
+    formattedCreatedAt: string,
     // The comment's author
     author: ( {
         // The author's name
         name: string,
+        // The author's nickname
+        nickname: string,
         // The author's avatar url
         avatarUrl: string,
-        // Whether the author is verified or not
-        isVerified: boolean,
-        // Whether the author is a user or another kind of author (User Group)
-        isUser: boolean,
+        // The author's profile path
+        profilePath: string,
         // Whether the author's account has been deleted or not
         deleted: boolean,
+        // The author's badge icon
+        badge: string,
       } | {
         // The author's name
         name: string,
+        // The author's nickname
+        nickname: string,
         // The author's avatar url
         avatarUrl: string,
-        // Whether the author is verified or not
-        isVerified: boolean,
-        // Whether the author is a user or another kind of author (User Group)
-        isUser: boolean,
+        // The author's profile path
+        profilePath: string,
         // Whether the author's account has been deleted or not
         deleted: boolean,
+        // The author's badge icon
+        badge: string,
       }
     ),
     // Check if the commentable has comments
@@ -1321,31 +1509,39 @@ export type CommentThreadFragment = {
       type: string,
       // The comment message
       body: string,
+      // The comment message ready to display (it is expected to include HTML)
+      formattedBody: string,
       // The creation date of the comment
       createdAt: string,
+      // The creation date of the comment in relative format
+      formattedCreatedAt: string,
       // The comment's author
       author: ( {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         } | {
           // The author's name
           name: string,
+          // The author's nickname
+          nickname: string,
           // The author's avatar url
           avatarUrl: string,
-          // Whether the author is verified or not
-          isVerified: boolean,
-          // Whether the author is a user or another kind of author (User Group)
-          isUser: boolean,
+          // The author's profile path
+          profilePath: string,
           // Whether the author's account has been deleted or not
           deleted: boolean,
+          // The author's badge icon
+          badge: string,
         }
       ),
       // Check if the commentable has comments
@@ -1373,31 +1569,39 @@ export type CommentThreadFragment = {
         type: string,
         // The comment message
         body: string,
+        // The comment message ready to display (it is expected to include HTML)
+        formattedBody: string,
         // The creation date of the comment
         createdAt: string,
+        // The creation date of the comment in relative format
+        formattedCreatedAt: string,
         // The comment's author
         author: ( {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           } | {
             // The author's name
             name: string,
+            // The author's nickname
+            nickname: string,
             // The author's avatar url
             avatarUrl: string,
-            // Whether the author is verified or not
-            isVerified: boolean,
-            // Whether the author is a user or another kind of author (User Group)
-            isUser: boolean,
+            // The author's profile path
+            profilePath: string,
             // Whether the author's account has been deleted or not
             deleted: boolean,
+            // The author's badge icon
+            badge: string,
           }
         ),
         // Check if the commentable has comments
@@ -1421,7 +1625,7 @@ export type CommentThreadFragment = {
   } >,
 };
 
-export type DownVoteButtonFragment = {
+export interface DownVoteButtonFragment {
   // The Comment's unique ID
   id: string,
   // The number of comment's downVotes
@@ -1432,7 +1636,7 @@ export type DownVoteButtonFragment = {
   upVoted: boolean,
 };
 
-export type UpVoteButtonFragment = {
+export interface UpVoteButtonFragment {
   // The Comment's unique ID
   id: string,
   // The number of comment's upVotes
@@ -1442,4 +1646,3 @@ export type UpVoteButtonFragment = {
   // Check if the current user has downvoted the comment
   downVoted: boolean,
 };
-/* tslint:enable */