decidim-comments 0.20.1 → 0.23.1

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

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { graphql, MutationFunc } from "react-apollo";
 
+const PropTypes = require("prop-types");
+
 import VoteButton from "./vote_button.component";
 
 import {
@@ -12,21 +14,25 @@ import {
   GetCommentsQuery
 } from "../support/schema";
 
+const { I18n } = require("react-i18nify");
+
 interface DownVoteButtonProps {
   session: AddCommentFormSessionFragment & {
     user: any;
   } | null;
   comment: DownVoteButtonFragment;
-  downVote?: () => void;
+  downVote?: (context: any) => void;
   rootCommentable: AddCommentFormCommentableFragment;
   orderBy: string;
 }
 
-export const DownVoteButton: React.SFC<DownVoteButtonProps> = ({
-  session,
-  comment: { downVotes, upVoted, downVoted },
-  downVote
-}) => {
+export const DownVoteButton: React.SFC<DownVoteButtonProps> = (
+  {
+    session,
+    comment: { downVotes, upVoted, downVoted },
+    downVote
+  },
+  context) => {
   let selectedClass = "";
 
   if (downVoted) {
@@ -37,13 +43,15 @@ export const DownVoteButton: React.SFC<DownVoteButtonProps> = ({
 
   const userLoggedIn = session && session.user;
   const disabled = false;
+  const voteAction = () => downVote && downVote(context);
 
   return (
     <VoteButton
       buttonClassName="comment__votes--down"
       iconName="icon-chevron-bottom"
+      text={I18n.t("components.down_vote_button.text")}
       votes={downVotes}
-      voteAction={downVote}
+      voteAction={voteAction}
       disabled={disabled}
       selectedClass={selectedClass}
       userLoggedIn={userLoggedIn}
@@ -51,13 +59,20 @@ export const DownVoteButton: React.SFC<DownVoteButtonProps> = ({
   );
 };
 
+DownVoteButton.contextTypes = {
+  locale: PropTypes.string,
+  toggleTranslations: PropTypes.bool
+};
+
 const downVoteMutation = require("../mutations/down_vote.mutation.graphql");
 const getCommentsQuery = require("../queries/comments.query.graphql");
 
 const DownVoteButtonWithMutation = graphql<DownVoteMutation, DownVoteButtonProps>(downVoteMutation, {
   props: ({ ownProps, mutate }: { ownProps: DownVoteButtonProps, mutate: MutationFunc<DownVoteMutation> }) => ({
-    downVote: () => mutate({
+    downVote: ({ locale, toggleTranslations }: any) => mutate({
       variables: {
+        locale,
+        toggleTranslations,
         id: ownProps.comment.id
       },
       optimisticResponse: {
@@ -74,9 +89,12 @@ const DownVoteButtonWithMutation = graphql<DownVoteMutation, DownVoteButtonProps
       },
       update: (store, { data }: { data: DownVoteMutation }) => {
         const variables = {
+          locale,
+          toggleTranslations,
           commentableId: ownProps.rootCommentable.id,
           commentableType: ownProps.rootCommentable.type,
-          orderBy: ownProps.orderBy
+          orderBy: ownProps.orderBy,
+          singleCommentId: null
         };
 
         const commentReducer = (comment: CommentFragment): CommentFragment => {

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

@@ -1,8 +1,12 @@
 import * as React from "react";
 import { graphql, MutationFunc } from "react-apollo";
 
+const PropTypes = require("prop-types");
+
 import VoteButton from "./vote_button.component";
 
+const { I18n } = require("react-i18nify");
+
 import {
   AddCommentFormCommentableFragment,
   AddCommentFormSessionFragment,
@@ -17,16 +21,18 @@ interface UpVoteButtonProps {
     user: any;
   } | null;
   comment: UpVoteButtonFragment;
-  upVote?: () => void;
+  upVote?: (context: any) => void;
   rootCommentable: AddCommentFormCommentableFragment;
   orderBy: string;
 }
 
-export const UpVoteButton: React.SFC<UpVoteButtonProps> = ({
-  session,
-  comment: { upVotes, upVoted, downVoted },
-  upVote
-}) => {
+export const UpVoteButton: React.SFC<UpVoteButtonProps> = (
+  {
+    session,
+    comment: { upVotes, upVoted, downVoted },
+    upVote
+  },
+  context) => {
   let selectedClass = "";
 
   if (upVoted) {
@@ -37,13 +43,15 @@ export const UpVoteButton: React.SFC<UpVoteButtonProps> = ({
 
   const userLoggedIn = session && session.user;
   const disabled = false;
+  const voteAction = () => upVote && upVote(context);
 
   return (
     <VoteButton
       buttonClassName="comment__votes--up"
       iconName="icon-chevron-top"
+      text={I18n.t("components.up_vote_button.text")}
       votes={upVotes}
-      voteAction={upVote}
+      voteAction={voteAction}
       disabled={disabled}
       selectedClass={selectedClass}
       userLoggedIn={userLoggedIn}
@@ -51,13 +59,20 @@ export const UpVoteButton: React.SFC<UpVoteButtonProps> = ({
   );
 };
 
+UpVoteButton.contextTypes = {
+  locale: PropTypes.string,
+  toggleTranslations: PropTypes.bool
+};
+
 const upVoteMutation = require("../mutations/up_vote.mutation.graphql");
 const getCommentsQuery = require("../queries/comments.query.graphql");
 
 const UpVoteButtonWithMutation = graphql<UpVoteMutation, UpVoteButtonProps>(upVoteMutation, {
   props: ({ ownProps, mutate }: { ownProps: UpVoteButtonProps, mutate: MutationFunc<UpVoteMutation> }) => ({
-    upVote: () => mutate({
+    upVote: ({ locale, toggleTranslations }: any) => mutate({
       variables: {
+        locale,
+        toggleTranslations,
         id: ownProps.comment.id
       },
       optimisticResponse: {
@@ -74,9 +89,12 @@ const UpVoteButtonWithMutation = graphql<UpVoteMutation, UpVoteButtonProps>(upVo
       },
       update: (store, { data }: { data: UpVoteMutation }) => {
         const variables = {
+          locale,
+          toggleTranslations,
           commentableId: ownProps.rootCommentable.id,
           commentableType: ownProps.rootCommentable.type,
-          orderBy: ownProps.orderBy
+          orderBy: ownProps.orderBy,
+          singleCommentId: null
         };
 
         const commentReducer = (comment: CommentFragment): CommentFragment => {

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

@@ -4,6 +4,7 @@ import Icon from "../application/icon.component";
 interface VoteButtonProps {
   buttonClassName: string;
   iconName: string;
+  text: string;
   votes: number;
   voteAction?: () => void;
   disabled?: boolean;
@@ -18,6 +19,7 @@ const preventDefault = (event: any) => {
 const VoteButton: React.SFC<VoteButtonProps> = ({
   buttonClassName,
   iconName,
+  text,
   votes,
   voteAction,
   disabled,
@@ -28,8 +30,10 @@ const VoteButton: React.SFC<VoteButtonProps> = ({
     className={`${buttonClassName} ${selectedClass}`}
     onClick={userLoggedIn ? voteAction : preventDefault}
     disabled={disabled}
+    title={text}
     data-open={userLoggedIn ? null : "loginModal"}
   >
+    <span className="show-for-sr">{text}</span>
     <Icon name={iconName} iconExtraClassName="icon--small" />
     {` ${votes}`}
   </button>

data/app/frontend/comments/vote_button_component.test.tsx

@@ -13,44 +13,50 @@ describe("<VoteButton />", () => {
   });
 
   it("should render the number of votes passed as a prop", () => {
-    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" voteAction={voteAction} userLoggedIn={true} />);
+    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" text="Test" voteAction={voteAction} userLoggedIn={true} />);
     expect(wrapper.find("button").text()).toMatch(/10/);
   });
 
   it("should render a button with the given buttonClassName", () => {
-    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" voteAction={voteAction} userLoggedIn={true} />);
+    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" text="Test" voteAction={voteAction} userLoggedIn={true} />);
     expect(wrapper.find("button.vote-button").exists()).toBeTruthy();
   });
 
   it("should render a Icon component with the correct name prop", () => {
-    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" voteAction={voteAction} userLoggedIn={true} />);
+    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" text="Test" voteAction={voteAction} userLoggedIn={true} />);
     expect(wrapper.find(Icon).prop("name")).toEqual("vote-icon");
   });
 
+  it("should render a button with the text as title attribute and screen reader visible element", () => {
+    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" text="Test" voteAction={voteAction} userLoggedIn={true} />);
+    expect(wrapper.find("button").prop("title")).toBe("Test");
+    expect(wrapper.find("button span.show-for-sr").text()).toEqual("Test");
+  });
+
   it("should call the voteAction prop on click", () => {
-    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" voteAction={voteAction} userLoggedIn={true} />);
+    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" text="Test" voteAction={voteAction} userLoggedIn={true} />);
     wrapper.find("button").simulate("click");
     expect(voteAction).toHaveBeenCalled();
   });
 
   it("should disable the button based on the disabled prop", () => {
-    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" voteAction={voteAction} disabled={true} userLoggedIn={true} />);
+    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" text="Test" voteAction={voteAction} disabled={true} userLoggedIn={true} />);
     expect(wrapper.find("button").props()).toHaveProperty("disabled");
   });
 
   it("should render a button with the given selectedClass", () => {
-    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" voteAction={voteAction} disabled={true} selectedClass="is-vote-selected" userLoggedIn={true} />);
+    const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" text="Test" voteAction={voteAction} disabled={true} selectedClass="is-vote-selected" userLoggedIn={true} />);
     expect(wrapper.find(".is-vote-selected").exists()).toBeTruthy();
   });
 
   describe("when userLoggedIn prop is false", () => {
     it("should add data-open prop as 'loginModal' to the button", () => {
-      const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" voteAction={voteAction} userLoggedIn={false} />);
+      const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" text="Test" voteAction={voteAction} userLoggedIn={false} />);
       expect(wrapper.find("button").prop("data-open")).toBe("loginModal");
     });
 
     it("should call the event preventDefault method", () => {
-      const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" voteAction={voteAction} userLoggedIn={false} />);
+      const wrapper = shallow(<VoteButton votes={10} buttonClassName="vote-button" iconName="vote-icon" text="Test" voteAction={voteAction} userLoggedIn={false} />);
       wrapper.find("button").simulate("click", { preventDefault });
       expect(preventDefault).toHaveBeenCalled();
     });

data/app/frontend/entry.ts

@@ -6,13 +6,32 @@ import loadTranslations from "./support/load_translations";
 
 window.DecidimComments = window.DecidimComments || {};
 
+interface StorageDict {
+  [key: string]: string;
+}
+
 window.DecidimComments.renderCommentsComponent = (nodeId: string, props: CommentsApplicationProps) => {
   const node = window.$(`#${nodeId}`)[0];
+  const queryDict: StorageDict = {};
+  window
+    .location
+    .search
+    .substr(1)
+    .split("&")
+    .forEach(item => queryDict[item.split("=")[0]] = item.split("=")[1]);
+
+  props = { ...props, singleCommentId: queryDict.commentId };
 
   ReactDOM.render(
     React.createElement(Comments, props),
     node
   );
+
+  if (queryDict.commentId) {
+    $([document.documentElement, document.body]).animate({
+      scrollTop: $("#comments").offset()!.top
+    }, 2000);
+  }
 };
 
 // Load component locales from yaml files

data/app/frontend/entry_test.ts

@@ -1,4 +1,6 @@
 import { configure } from "enzyme";
 import * as Adapter from "enzyme-adapter-react-16";
 
+import "jest-localstorage-mock";
+
 configure({ adapter: new Adapter() });

data/app/frontend/mutations/add_comment.mutation.graphql

@@ -1,7 +1,7 @@
 #import "../fragments/comment_thread.fragment.graphql"
 
-mutation addComment($commentableId: String!, $commentableType: String!, $body: String!, $alignment: Int, $userGroupId: ID)  {
-  commentable(id: $commentableId, type: $commentableType) {
+mutation addComment($commentableId: String!, $commentableType: String!, $body: String!, $alignment: Int, $userGroupId: ID, $locale: String!, $toggleTranslations: Boolean!)  {
+  commentable(id: $commentableId, type: $commentableType, locale: $locale, toggleTranslations: $toggleTranslations) {
     addComment(body: $body, alignment: $alignment, userGroupId: $userGroupId) {
       ...CommentThread
     }

data/app/frontend/mutations/down_vote.mutation.graphql

@@ -1,7 +1,7 @@
 #import "../fragments/comment.fragment.graphql"
 
-mutation DownVote($id: ID!) {
-  comment(id: $id) {
+mutation DownVote($id: ID!, $locale: String!, $toggleTranslations: Boolean!) {
+  comment(id: $id, locale: $locale, toggleTranslations: $toggleTranslations) {
     downVote {
       ...Comment
     }

data/app/frontend/mutations/up_vote.mutation.graphql

@@ -1,7 +1,7 @@
 #import "../fragments/comment.fragment.graphql"
 
-mutation UpVote($id: ID!) {
-  comment(id: $id) {
+mutation UpVote($id: ID!, $locale: String!, $toggleTranslations: Boolean!) {
+  comment(id: $id, locale: $locale, toggleTranslations: $toggleTranslations) {
     upVote {
       ...Comment
     }

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

@@ -1,7 +1,7 @@
 #import "../fragments/add_comment_form_session.fragment.graphql"
 #import "../fragments/comment_thread.fragment.graphql"
 #import "../fragments/add_comment_form_commentable.fragment.graphql"
-query GetComments($commentableId: String!, $commentableType: String!, $orderBy: String) {
+query GetComments($commentableId: String!, $commentableType: String!, $orderBy: String, $singleCommentId: String, $locale: String!, $toggleTranslations: Boolean!) {
   session {
     user {
       name
@@ -11,13 +11,13 @@ query GetComments($commentableId: String!, $commentableType: String!, $orderBy:
     }
     ...AddCommentFormSession
   }
-  commentable(id: $commentableId, type: $commentableType) {
+  commentable(id: $commentableId, type: $commentableType, locale: $locale, toggleTranslations: $toggleTranslations) {
     acceptsNewComments
     userAllowedToComment
     commentsHaveAlignment
     commentsHaveVotes
     totalCommentsCount
-    comments(orderBy: $orderBy) {
+    comments(orderBy: $orderBy, singleCommentId: $singleCommentId) {
       id
       ...CommentThread
     }

data/app/frontend/support/schema.ts

@@ -57,6 +57,19 @@ export interface addCommentMutation {
           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,
+          // 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
@@ -117,6 +130,19 @@ export interface addCommentMutation {
             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,
+            // 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
@@ -179,6 +205,19 @@ export interface addCommentMutation {
               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,
+              // 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
@@ -241,6 +280,19 @@ export interface addCommentMutation {
                 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,
+                // 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
@@ -317,6 +369,19 @@ export interface DownVoteMutation {
           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,
+          // 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
@@ -379,6 +444,19 @@ export interface DownVoteMutation {
             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,
+            // 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
@@ -441,6 +519,19 @@ export interface DownVoteMutation {
               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,
+              // 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
@@ -503,6 +594,19 @@ export interface DownVoteMutation {
                 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,
+                // 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
@@ -579,6 +683,19 @@ export interface UpVoteMutation {
           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,
+          // 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
@@ -641,6 +758,19 @@ export interface UpVoteMutation {
             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,
+            // 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
@@ -703,6 +833,19 @@ export interface UpVoteMutation {
               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,
+              // 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
@@ -765,6 +908,19 @@ export interface UpVoteMutation {
                 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,
+                // 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
@@ -796,6 +952,7 @@ export interface GetCommentsQueryVariables {
   commentableId: string,
   commentableType: string,
   orderBy?: string | null,
+  singleCommentId?: string | null,
 };
 
 export interface GetCommentsQuery {
@@ -875,6 +1032,19 @@ export interface GetCommentsQuery {
           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,
+          // 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
@@ -935,6 +1105,19 @@ export interface GetCommentsQuery {
             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,
+            // 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
@@ -997,6 +1180,19 @@ export interface GetCommentsQuery {
               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,
+              // 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
@@ -1059,6 +1255,19 @@ export interface GetCommentsQuery {
                 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,
+                // 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
@@ -1149,6 +1358,19 @@ export interface CommentFragment {
       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,
+      // 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
@@ -1211,6 +1433,19 @@ export interface CommentFragment {
         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,
+        // 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
@@ -1273,6 +1508,19 @@ export interface CommentFragment {
           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,
+          // 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
@@ -1335,6 +1583,19 @@ export interface CommentFragment {
             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,
+            // 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
@@ -1402,6 +1663,19 @@ export interface CommentDataFragment {
       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,
+      // 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
@@ -1468,6 +1742,19 @@ export interface CommentThreadFragment {
       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,
+      // 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
@@ -1528,6 +1815,19 @@ export interface CommentThreadFragment {
         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,
+        // 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
@@ -1590,6 +1890,19 @@ export interface CommentThreadFragment {
           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,
+          // 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
@@ -1652,6 +1965,19 @@ export interface CommentThreadFragment {
             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,
+            // 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