// Example: User registration form handler
async function handleSignup(formData) {
  try {
    const result = await graphqlClient.mutate({
      mutation: gql`
        mutation Signup($email: String!, $password: String!, $country: String!) {
          signup(email: $email, password: $password, country: $country)
        }
      `,
      variables: {
        email: formData.email,
        password: formData.password,
        country: formData.country // e.g., "USA"
      }
    });

    const response = result.data.signup;

    if (response === "Success" || response === "Already exists, sent verify code") {
      // Store email for verification step
      sessionStorage.setItem('pendingEmail', formData.email);

      // Redirect to verification page
      router.push('/verify-email');

      showNotification("Check your email for the verification code!");
    } else if (response === "Already verified") {
      // Account exists and is verified
      showError("This email is already registered. Please sign in.");
      router.push('/signin');
    }
  } catch (error) {
    console.error("Signup failed:", error);
    showError("Registration failed. Please try again.");
  }
}

// Password strength validator
function validatePassword(password) {
  const minLength = 8;
  const hasUpperCase = /[A-Z]/.test(password);
  const hasLowerCase = /[a-z]/.test(password);
  const hasNumbers = /\d/.test(password);
  const hasSpecialChar = /[!@#$%^&*(),.?":{}|<>]/.test(password);

  return password.length >= minLength &&
         hasUpperCase &&
         hasLowerCase &&
         hasNumbers &&
         hasSpecialChar;
}