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, 43 insertions, 0 deletions

diff --git a/src/services/graphql/fetchers/thematics/fetch-thematics-count.ts b/src/services/graphql/fetchers/thematics/fetch-thematics-count.ts
new file mode 100644
index 0000000..29a3b17
--- /dev/null
+++ b/src/services/graphql/fetchers/thematics/fetch-thematics-count.ts
@@ -0,0 +1,43 @@
+import type {
+  GraphQLPageInfo,
+  GraphQLTaxonomyWhere,
+  Nullable,
+} from '../../../../types';
+import { fetchGraphQL, getGraphQLUrl } from '../../../../utils/helpers';
+
+type ThematicsCountResponse = {
+  thematics: Nullable<{
+    pageInfo: Pick<GraphQLPageInfo, 'total'>;
+  }>;
+};
+
+const thematicsCountQuery = `query ThematicsCount($search: String, $title: String) {
+  thematics(where: {search: $search, title: $title}) {
+    pageInfo {
+      total
+    }
+  }
+}`;
+
+/**
+ * Retrieve the total of WordPress thematics.
+ *
+ * @param {GraphQLTaxonomyWhere} [input] - The input to filter the thematics.
+ * @returns {Promise<number>} The total number of thematics.
+ */
+export const fetchThematicsCount = async (
+  input?: GraphQLTaxonomyWhere
+): Promise<number> => {
+  const response = await fetchGraphQL<ThematicsCountResponse>({
+    query: thematicsCountQuery,
+    url: getGraphQLUrl(),
+    variables: { ...input },
+  });
+
+  if (!response.thematics)
+    return Promise.reject(
+      new Error('Unable to find the total number of thematics.')
+    );
+
+  return response.thematics.pageInfo.total;
+};