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

3 files changed, 121 insertions, 0 deletions

diff --git a/src/services/graphql/mutators/create-comment.ts b/src/services/graphql/mutators/create-comment.ts
new file mode 100644
index 0000000..d9d177d
--- /dev/null
+++ b/src/services/graphql/mutators/create-comment.ts
@@ -0,0 +1,70 @@
+import type { Nullable } from '../../../types';
+import { fetchGraphQL, getGraphQLUrl } from '../../../utils/helpers';
+
+type CreatedComment = {
+  clientMutationId: string;
+  success: boolean;
+  comment: Nullable<{
+    approved: boolean;
+  }>;
+};
+
+type CreateCommentResponse = {
+  createComment: CreatedComment;
+};
+
+export const createCommentMutation = `mutation CreateComment(
+  $author: String!
+  $authorEmail: String!
+  $authorUrl: String!
+  $content: String!
+  $parent: ID = null
+  $commentOn: Int!
+  $clientMutationId: String!
+) {
+  createComment(
+    input: {
+      author: $author
+      authorEmail: $authorEmail
+      authorUrl: $authorUrl
+      content: $content
+      parent: $parent
+      commentOn: $commentOn
+      clientMutationId: $clientMutationId
+    }
+  ) {
+    clientMutationId
+    success
+    comment {
+      approved
+    }
+  }
+}`;
+
+export type CreateCommentInput = {
+  author: string;
+  authorEmail: string;
+  authorUrl: string;
+  clientMutationId: string;
+  commentOn: number;
+  content: string;
+  parent?: number;
+};
+
+/**
+ * Create a new comment using GraphQL API.
+ *
+ * @param {CreateCommentInput} input - The comment data.
+ * @returns {Promise<CreatedComment>} The created comment.
+ */
+export const createComment = async (
+  input: CreateCommentInput
+): Promise<CreatedComment> => {
+  const response = await fetchGraphQL<CreateCommentResponse>({
+    query: createCommentMutation,
+    url: getGraphQLUrl(),
+    variables: { ...input },
+  });
+
+  return response.createComment;
+};
diff --git a/src/services/graphql/mutators/index.ts b/src/services/graphql/mutators/index.ts
new file mode 100644
index 0000000..dfdd511
--- /dev/null
+++ b/src/services/graphql/mutators/index.ts
@@ -0,0 +1,2 @@
+export * from './create-comment';
+export * from './send-email';
diff --git a/src/services/graphql/mutators/send-email.ts b/src/services/graphql/mutators/send-email.ts
new file mode 100644
index 0000000..45b6fca
--- /dev/null
+++ b/src/services/graphql/mutators/send-email.ts
@@ -0,0 +1,49 @@
+import { fetchGraphQL, getGraphQLUrl } from 'src/utils/helpers';
+
+type SentEmail = {
+  clientMutationId: string;
+  message: string;
+  origin: string;
+  replyTo: string;
+  sent: boolean;
+};
+
+type SendEmailResponse = {
+  sendEmail: SentEmail;
+};
+
+const sendMailMutation = `mutation SendEmail($body: String, $clientMutationId: String, $replyTo: String, $subject: String) {
+  sendEmail(
+    input: {body: $body, clientMutationId: $clientMutationId, replyTo: $replyTo, subject: $subject}
+  ) {
+    clientMutationId
+    message
+    origin
+    replyTo
+    sent
+    to
+  }
+}`;
+
+export type SendMailInput = {
+  body: string;
+  clientMutationId: string;
+  replyTo: string;
+  subject: string;
+};
+
+/**
+ * Send an email using GraphQL API.
+ *
+ * @param {SendMailInput} data - The mail data.
+ * @returns {Promise<SentEmail>} The mutation response.
+ */
+export const sendMail = async (data: SendMailInput): Promise<SentEmail> => {
+  const response = await fetchGraphQL<SendEmailResponse>({
+    query: sendMailMutation,
+    url: getGraphQLUrl(),
+    variables: { ...data },
+  });
+
+  return response.sendEmail;
+};