kleros/kleros-v2

import { gql, type GraphQLClient } from "graphql-request";
import { toast } from "react-toastify";

import { OPTIONS } from "utils/wrapWithToast";

const query = gql`
  mutation Login($message: String!, $signature: String!) {
    login(message: $message, signature: $signature)
  }
`;

type AuthoriseUserData = {
  signature: `0x${string}`;
  message: string;
};

type Login = {
  login: {
    accessToken: string;
  };
};

export function loginUser(client: GraphQLClient, authData: AuthoriseUserData): Promise<string> {
  const variables = {
    message: authData.message,
    signature: authData.signature,
  };

  return toast.promise<string, Error>(
    client
      .request<Login>(query, variables)
      .then(async (response) => response.login.accessToken)
      .catch((errors) => {
        // eslint-disable-next-line no-console
        console.log("Authorization error:", { errors });

        const errorMessage = Array.isArray(errors?.response?.errors)
          ? errors.response.errors[0]?.message
          : "Unknown error";
        throw new Error(errorMessage);
      }),
    {
      pending: `Signing in User...`,
      success: "Signed In successfully!",
      error: {
        render({ data: error }) {
          return `Sign-In failed: ${error?.message}`;
        },
      },
    },
    OPTIONS
  );
}