Como integrar a API de CPF em um sistema Blazor

// Program.cs
var builder = WebApplication.CreateBuilder(args);

builder.Services.AddRazorComponents()
    .AddInteractiveServerComponents();

builder.Services.AddHttpClient("CpfHub", client =>
{
    client.BaseAddress = new Uri("https://api.cpfhub.io/");
    client.DefaultRequestHeaders.Add("x-api-key",
    builder.Configuration["CpfHub:ApiKey"]);
});

builder.Services.AddScoped<CpfService>();

var app = builder.Build();
app.MapRazorComponents<App>()
    .AddInteractiveServerRenderMode();
app.Run();

public class CpfService
{
    private readonly IHttpClientFactory _httpClientFactory;

    public CpfService(IHttpClientFactory httpClientFactory)
    {
    _httpClientFactory = httpClientFactory;
    }

    public async Task<CpfResponse?> ConsultarAsync(string cpf)
    {
    var client = _httpClientFactory.CreateClient("CpfHub");
    var response = await client.GetAsync($"cpf/{cpf}");

    if (!response.IsSuccessStatusCode)
    return null;

    return await response.Content.ReadFromJsonAsync<CpfResponse>();
    }
}

public record CpfResponse(bool Success, CpfData Data);
public record CpfData(
    string Cpf, string Name, string NameUpper,
    string Gender, string BirthDate,
    string Day, string Month, string Year
);

@page "/consulta-cpf"
@inject CpfService CpfService
@rendermode InteractiveServer

<h3>Consulta de CPF</h3>

<div class="mb-3">
    <label for="cpf" class="form-label">Digite o CPF:</label>
    <input id="cpf" class="form-control" @bind="cpfInput"
    @bind:event="oninput" maxlength="14" placeholder="000.000.000-00" />
</div>

<button class="btn btn-primary" @onclick="ConsultarCpf" disabled="@isLoading">
    @if (isLoading)
    {
    <span class="spinner-border spinner-border-sm"></span>
    <span> Consultando...</span>
    }
    else
    {
    <span>Consultar</span>
    }
</button>

@if (resultado is not null)
{
    <div class="card mt-3">
    <div class="card-body">
    <h5 class="card-title">@resultado.Data.Name</h5>
    <p><strong>CPF:</strong> @resultado.Data.Cpf</p>
    <p><strong>Nascimento:</strong> @resultado.Data.BirthDate</p>
    <p><strong>Gênero:</strong> @resultado.Data.Gender</p>
    </div>
    </div>
}

@if (erro is not null)
{
    <div class="alert alert-danger mt-3">@erro</div>
}

@code {
    private string cpfInput = "";
    private bool isLoading;
    private CpfResponse? resultado;
    private string? erro;

    private async Task ConsultarCpf()
    {
    erro = null;
    resultado = null;
    isLoading = true;

    try
    {
    var cpfLimpo = new string(cpfInput.Where(char.IsDigit).ToArray());

    if (cpfLimpo.Length != 11)
    {
    erro = "CPF deve conter 11 dígitos.";
    return;
    }

    resultado = await CpfService.ConsultarAsync(cpfLimpo);

    if (resultado is null || !resultado.Success)
    erro = "CPF não encontrado na base de dados.";
    }
    catch (Exception ex)
    {
    erro = $"Erro na consulta: {ex.Message}";
    }
    finally
    {
    isLoading = false;
    }
    }
}

@code {
    private string FormatarCpf(string valor)
    {
    var digitos = new string(valor.Where(char.IsDigit).ToArray());
    return digitos.Length switch
    {
    >= 10 => $"{digitos[..3]}.{digitos[3..6]}.{digitos[6..9]}-{digitos[9..]}",
    >= 7 => $"{digitos[..3]}.{digitos[3..6]}.{digitos[6..]}",
    >= 4 => $"{digitos[..3]}.{digitos[3..]}",
    _ => digitos
    };
    }

    private string GetCssClass()
    {
    var digitos = new string(cpfInput.Where(char.IsDigit).ToArray());
    if (digitos.Length == 0) return "form-control";
    if (digitos.Length < 11) return "form-control is-invalid";
    return CpfValidator.ValidarDigitos(digitos)
    ? "form-control is-valid"
    : "form-control is-invalid";
    }
}