feat: add gas sponsorship, few ui tweaks

Author: Gajesh2007

resources/version.txt

@@ -1,2 +1,2 @@
-EXPERIMENTAL BUILD
-FOR INTERNAL USE ONLY
+Masters Tournament
+Executed Secured by EigenCloud

src/client/Contract.ts

@@ -1,7 +1,5 @@
 import {
   createPublicClient,
-  createWalletClient,
-  custom,
   encodeFunctionData,
   formatEther,
   formatUnits,
@@ -39,17 +37,24 @@ const publicClient = createPublicClient({
   chain: base,
   transport: RPC_URL ? http(RPC_URL) : http(),
 });
-let walletClientCache: any | null = null;
-
-async function getWalletClient() {
-  if (walletClientCache) return walletClientCache;
-  const provider = await window.privyWallet?.getEmbeddedProvider?.();
-  if (!provider) throw new Error("Embedded wallet provider unavailable");
-  walletClientCache = createWalletClient({
-    chain: base,
-    transport: custom(provider),
-  });
-  return walletClientCache;
+
+type SponsoredTransactionInput = {
+  to?: `0x${string}`;
+  data?: `0x${string}`;
+  value?: bigint;
+  gas?: bigint;
+};
+
+function getSponsoredSender(): (
+  tx: SponsoredTransactionInput,
+) => Promise<`0x${string}`> {
+  const sender = window.privyWallet?.sendSponsoredTransaction;
+  if (!sender) {
+    throw new Error(
+      "Privy gas sponsorship unavailable. Ensure Privy provider initialized.",
+    );
+  }
+  return sender;
 }
 
 async function wagmiRead(params: {
@@ -72,29 +77,38 @@ async function wagmiWrite(params: {
   const walletManager = WalletManager.getInstance();
   const account = walletManager.address as `0x${string}` | undefined;
   if (!account) throw new Error("No connected wallet");
-  const client = await getWalletClient();
 
-  const { address, abi, functionName, args, value } = params;
+  const { address, abi, functionName, args, value, gas } = params;
   const data = encodeFunctionData({
     abi,
     functionName,
     args: args ?? [],
   });
 
-  const request: any = {
-    account,
-    chain: base,
+  const sendSponsored = getSponsoredSender();
+
+  const txRequest: {
+    to: `0x${string}`;
+    data?: `0x${string}`;
+    value?: bigint;
+    gas?: bigint;
+  } = {
     to: address,
-    data,
   };
 
+  if (data && data !== "0x") {
+    txRequest.data = data as `0x${string}`;
+  }
+
   if (typeof value !== "undefined") {
-    request.value = value;
+    txRequest.value = value;
   }
 
-  return await client.sendTransaction(request, {
-    sponsor: true,
-  });
+  if (typeof gas !== "undefined") {
+    txRequest.gas = gas;
+  }
+
+  return (await sendSponsored(txRequest)) as Hash;
 }
 
 function wagmiWatch(params: {
@@ -265,19 +279,13 @@ async function sendNativeTransaction(to: `0x${string}`, value: bigint) {
   const walletManager = WalletManager.getInstance();
   const account = walletManager.address as `0x${string}` | undefined;
   if (!account) throw new Error("No connected wallet");
-  const client = await getWalletClient();
 
-  const request: any = {
-    account,
-    chain: base,
+  const sendSponsored = getSponsoredSender();
+
+  return (await sendSponsored({
     to,
     value,
-    data: "0x",
-  };
-
-  return await client.sendTransaction(request, {
-    sponsor: true,
-  });
+  })) as Hash;
 }
 
 export async function withdrawAsset(params: {
@@ -446,12 +454,16 @@ async function ensureErc20Allowance(params: {
     current: currentAllowance.toString(),
   });
 
-  await wagmiWrite({
+  const hash = await wagmiWrite({
     address: token,
     abi: ERC20_ABI,
     functionName: "approve",
     args: [CONTRACT_ADDRESS, amount],
   });
+
+  await publicClient.waitForTransactionReceipt({
+    hash,
+  });
 }
 
 export interface SetAllowlistEnabledParams {

src/client/InitPrivy.tsx

@@ -32,20 +32,11 @@ export function initializePrivy() {
     "wallet-button-container",
   );
   if (!walletButtonContainer) {
-    // Find the connect-wallet button and replace it with our container
-    const connectWalletButton = document.getElementById("connect-wallet");
-    if (connectWalletButton) {
+    const anchor = document.getElementById("wallet-button-anchor");
+    if (anchor) {
       walletButtonContainer = document.createElement("div");
       walletButtonContainer.id = "wallet-button-container";
-      walletButtonContainer.style.cssText = `
-        width: 100%;
-        margin-bottom: 1rem;
-      `;
-      connectWalletButton.parentNode?.insertBefore(
-        walletButtonContainer,
-        connectWalletButton,
-      );
-      connectWalletButton.remove();
+      anchor.appendChild(walletButtonContainer);
     } else {
       // Fallback: add to body
       walletButtonContainer = document.createElement("div");

src/client/Main.ts

@@ -522,7 +522,6 @@ class Client {
           "language-modal",
           "news-modal",
           "flag-input-modal",
-          "account-button",
           "token-login",
         ].forEach((tag) => {
           const modal = document.querySelector(tag) as HTMLElement & {