refactor(services, types): reorganize GraphQL fetchers and data types

The Typescript mapped types was useful for autocompletion in fetchers
but their are harder to maintain. I think it's better to keep each
query close to its fetcher to have a better understanding of the
fetched data. So I:
* colocate queries with their own fetcher
* colocate mutations with their own mutator
* remove Typescript mapped types for queries and mutations
* move data convertors inside graphql services
* rename most of data types and fetchers

1 files changed, 65 insertions, 0 deletions

diff --git a/src/services/graphql/fetchers/comments/fetch-comments.ts b/src/services/graphql/fetchers/comments/fetch-comments.ts
new file mode 100644
index 0000000..85ae6c1
--- /dev/null
+++ b/src/services/graphql/fetchers/comments/fetch-comments.ts
@@ -0,0 +1,65 @@
+import type {
+  GraphQLCommentWhere,
+  GraphQLEdgesInput,
+  GraphQLNodes,
+  Nullable,
+  WPComment,
+} from '../../../../types';
+import { fetchGraphQL, getGraphQLUrl } from '../../../../utils/helpers';
+
+type CommentsListResponse = {
+  comments: Nullable<GraphQLNodes<WPComment>>;
+};
+
+const commentsListQuery = `query CommentsList($first: Int, $contentId: ID, $contentName: String, $status: String) {
+  comments(
+    first: $first
+    where: {contentId: $contentId, contentName: $contentName, order: ASC, orderby: COMMENT_DATE, status: $status}
+  ) {
+    nodes {
+      approved
+      author {
+        node {
+          avatar {
+            height
+            url
+            width
+          }
+          name
+          url
+        }
+      }
+      content
+      databaseId
+      date
+      parentDatabaseId
+      status
+    }
+  }
+}`;
+
+export type FetchCommentsListInput = Pick<GraphQLEdgesInput, 'first'> & {
+  where?: GraphQLCommentWhere;
+};
+
+/**
+ * Retrieve the comments list.
+ *
+ * @param {FetchCommentsListInput} input - The input to retrieve comments.
+ * @returns {Promise<WPComment[]>} An array of comments.
+ */
+export const fetchCommentsList = async ({
+  where,
+  ...vars
+}: FetchCommentsListInput): Promise<WPComment[]> => {
+  const response = await fetchGraphQL<CommentsListResponse>({
+    query: commentsListQuery,
+    url: getGraphQLUrl(),
+    variables: { ...vars, ...where },
+  });
+
+  if (!response.comments)
+    return Promise.reject(new Error('No comments found.'));
+
+  return response.comments.nodes;
+};