Install-Package Reown.Sign
Install-Package Reown.WalletKit

using Reown.Sign;

public class WalletService
{
    private readonly WalletConnectClient _client;

    public WalletService()
    {
        _client = new WalletConnectClient(new ClientOptions
        {
            ProjectId = "YOUR_PROJECT_ID",
            OptionalNamespaces = new List { "eip155:1" },
            Metadata = new Metadata
            {
                Name = "Your App",
                Description = "Umbraco Wallet Integration",
                Url = "https://yourdomain.com",
                Icons = new[] { "https://yourdomain.com/icon.png" }
            }
        });
    }
}

script src="https://cdn.jsdelivr.net/npm/@reown/appkit-cdn@latest/dist/appkit.js"
script src="https://cdn.jsdelivr.net/npm/@reown/walletkit-cdn@latest/dist/walletkit.umd.js

vvvvvvvvvvvv vvvvvvvvvvvv CND Structure vvvvvvvvvvvv vvvvvvvvvvvv 
"https://cdn.jsdelivr.net/npm/@reown/[package]@[version]/dist/[file].js"

button id="connect-btn" >Connect Wallet< button

< script >

document.getElement ByI d('connect-btn').addEventListener('click', async () => {
     const appKit = new Reown.AppKit({
        projectId: 'YOUR_PROJECT_ID', // From Reown Cloud
        relayUrl: 'wss://relay.reown.com'
    });

    const walletKit = new Reown.WalletKit(appKit);
    
    try {
        const session = await walletKit.connect();
        console.log('Connected wallet:', session.accounts[0]);
        
        // Send address to .NET backend
        await fetch('/api/wallet/connect', {
            method: 'POST',
            body: JSON.stringify({ address: session.accounts[0] })
        });
    } catch (error) {
        console.error('Connection failed:', error);
    }
});

< / script >

public class WalletSession
{
    public string Address { get; set; }
    public DateTime Expiry { get; set; }
}

// In WalletService
private static readonly ConcurrentDictionary _sessions = new();

public void StoreSession(string sessionId, string address)
{
    _sessions[sessionId] = new WalletSession 
    { 
        Address = address,
        Expiry = DateTime.UtcNow.AddHours(24)
    };
}

// Payment Processing Update
// Modify the payment method to verify sessions:

public async Task ProcessPayment(string sessionId, decimal amount)
{
    if (!_sessions.TryGetValue(sessionId, out var session) || session.Expiry < DateTime.UtcNow)
        return Unauthorized();
    
    var txData = new
    {
        to = "YOUR_WALLET_ADDRESS",
        value = Web3.Convert.ToWei(amount).ToString(),
        from = session.Address // Critical!
    };
    
    return Json(txData);
}

[Route("api/[controller]")]
public class WalletController : ControllerBase
{
    private readonly WalletService _walletService;
    
    public WalletController(WalletService walletService) 
        => _walletService = walletService;
    
    [HttpPost("connect")]
    public IActionResult Connect([FromBody] WalletConnectRequest request)
    {
        _walletService.StoreSession(Request.Cookies["session_id"], request.Address);
        return Ok();
    }
}


// >>>>>>> Session Middleware (Startup.cs):


app.UseCookiePolicy(new CookiePolicyOptions {
    MinimumSameSitePolicy = SameSiteMode.Strict
});

app.Use(async (context, next) => {
    context.Response.Cookies.Append("session_id", Guid.NewGuid().ToString());
    await next();
});

services.AddCors(options => options.AddPolicy("Wallet", builder => 
    builder.WithOrigins("https://yourdomain.com")
          .AllowAnyHeader()
          .AllowAnyMethod()));

public async Task ProcessPayment(string userId, decimal amount)
{
    // Build transaction
    var txData = new
    {
        to = "YOUR_WALLET_ADDRESS",
        value = Web3.Convert.ToWei(amount).ToString(),
        data = "0x"
    };

    // Send to frontend for signing
    return Json(new { 
        txData,
        user = userId 
    });
}

import { createAppKit } from "@reown/appkit";
import { mainnet } from "@reown/appkit/networks";