Add a sponsored contract address
const smartAccountClient = createSmartAccountClient({
account: smartAccount,
chain: arbitrumSepolia,
bundlerTransport: http(bundlerUrl),
paymaster: paymasterClient,
userOperation: {
estimateFeesPerGas: async () => {
return await paymasterClient.getUserOperationGasPrice();
},
}
})
const txHash = await smartAccountClient.addOwner({ownerToAdd: ADDRESS_TO_ADD});
//previous code is the same as 1.3.0
const importMessage = await extendedClient.prepareImportSafe1_4Tx();
// after code is the same as 1.3.0
import { SmartSessionMode } from "@cometh/connect-sdk-4337";
const sessionData = {
granter: smartAccountClient?.account?.address as Address,
privateKey: privateKey,
sessionPublicKey: sessionOwner.address,
description: `Session to increment a counter`,
moduleData: {
permissionIds: createSessionsResponse.permissionIds,
action: createSessionsResponse.action,
mode: SmartSessionMode.USE,
sessions: createSessionsResponse.sessions,
},
};
// This is for example purposes.
const sessionParams = stringify(sessionData);
localStorage.setItem(
`session-key-${smartAccountClient?.account?.address}`,
sessionParams
);
await smartAccountClient.getRecoveryRequest({ });
or
await smartAccountClient.getRecoveryRequest({ effectiveDelayAddress });
/* returned params:
{
txCreatedAt = UNIX_TIMESTAMP,
txHash = "0x..."
}
*/
const guardianAddress = await smartAccountClient.getGuardianAddress({
delayModuleAddress:DELAY_MODULE_ADDRESS,
});
import { CHAIN_NAMESPACES, WEB3AUTH_NETWORK } from "@web3auth/base"
import { Web3Auth } from "@web3auth/modal"
import type { EIP1193Provider } from "viem"
import { EthereumPrivateKeyProvider } from "@web3auth/ethereum-provider"
import { providerToSmartAccountSigner } from "@cometh/connect-sdk-4337"
const rpcUrl = process.env.RPC_URL;
const chainConfig = {
chainNamespace: CHAIN_NAMESPACES.EIP155,
chainId: "0x66eee", // Hex of 421614
rpcTarget: rpcUrl,
displayName: "Arbitrum Sepolia Testnet",
blockExplorerUrl: "https://sepolia.arbiscan.io/",
ticker: "AETH",
tickerName: "AETH",
logo: "https://cryptologos.cc/logos/arbitrum-arb-logo.png",
};
const privateKeyProvider = new EthereumPrivateKeyProvider({
config: { chainConfig },
});
const web3auth = new Web3Auth({
clientId,
uiConfig: {},
web3AuthNetwork: WEB3AUTH_NETWORK.SAPPHIRE_DEVNET,
privateKeyProvider,
});
// Initialize for PnP Modal SDK
await web3auth.initModal();
// Trigger the login
await web3auth.connect();
// Get the Provider and EOA address (this will be the address of the signer) from Web3Auth
const web3authProvider = web3auth.provider as EIP1193Provider
if (!web3authProvider) {
throw new Error("No provider found")
}
const signer = await providerToSmartAccountSigner(web3authProvider);
"use client";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { Inter } from "next/font/google";
import "./lib/ui/globals.css";
import { ConnectProvider } from "@cometh/connect-react-hooks";
import { arbitrumSepolia } from "viem/chains";
const queryClient = new QueryClient();
const inter = Inter({
subsets: ["latin"],
});
const apiKey = process.env.NEXT_PUBLIC_COMETH_API_KEY;
const bundlerUrl = process.env.NEXT_PUBLIC_4337_BUNDLER_URL;
const paymasterUrl = process.env.NEXT_PUBLIC_4337_PAYMASTER_URL;
const rpcUrl = "https://arbitrum-sepolia.blockpi.network/v1/rpc/public";
const networksConfig = [
{
chain: arbitrumSepolia,
bundlerUrl,
paymasterUrl,
rpcUrl
},
];
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<QueryClientProvider client={queryClient}>
<ConnectProvider
config={{
apiKey,
networksConfig
}}
queryClient={queryClient}
>
<body className={inter.className}>{children}</body>
</ConnectProvider>
</QueryClientProvider>
</html>
);
}
Status: {status}
{isConnected ? (Connected to account: {address}
) : (No account connected
)}Error: {error.message}
}Error: {error.message}
}Loading gas prices...
; if (error) returnError fetching gas prices: {error.message}
; return (Max Fee Per Gas: {formatEther(gasPrice.maxFeePerGas)} ETH
Max Priority Fee Per Gas: {formatEther(gasPrice.maxPriorityFeePerGas)} ETH
Error: {error.message}
} {isSuccess &&Transaction sent! Hash: {data}
}Signing message...
} {isError &&Error: {error?.message}
} {data &&Signature: {data}
}Verifying signature...
} {isError &&Error: {error as string}
} {data !== undefined &&Signature is {data ? "valid" : "invalid"}
}Error: {error.message}
} {isSuccess &&Contract write successful! Hash: {data}
}Creating signer...
} {error &&Error: {error.message}
} {data &&Signer created successfully!
}Granting permission...
} {isSuccess &&Permission granted successfully!
} {isError &&Error: {error?.message}
}import { useSendPermission } from "path/to/hook";
const Component = () => {
const {
data,
error,
isPending,
isSuccess,
isError,
sendPermission,
sendPermissionAsync,
} = useSendPermission({
sessionData: ...,
privateKey: ...,
});
const handleSendPermission = () => {
sendPermission({
actions: [
{
target: 0x012345...",
callData: "0x012345...",
value: BigInt(0),
},
],
});
};
const handleAsyncSendPermission = async () => {
try {
const txHash = await sendPermissionAsync({
actions: [
{
target: 0x012345...",
callData: "0x012345...",
value: BigInt(0),
},
],
});
console.log("Transaction hash:", txHash);
} catch (err) {
console.error("Permission sending failed:", err);
}
};
return (
<div>
{isPending && <p>Sending permission...</p>}
{isSuccess && <p>Permission sent successfully!</p>}
{isError && <p>Error: {error?.message}</p>}
<button onClick={handleSendPermission}>Send Permission</button>
<button onClick={handleAsyncSendPermission}>Send Permission (Async)</button>
</div>
);
};
Initializing session client...
; if (isError) returnError: {error?.message}
; return (Session Key Client Initialized!
} {/* Example usage */}Initializing session key signer...
; if (isError) returnError: {error?.message}
; return (Session Key Signer Initialized!
}Loading recovery status...
; if (isError) returnError: {error?.message}
; return (Recovery Module Deployed: {data?.isDelayModuleDeployed ? 'Yes' : 'No'}
Guardian Address: {data?.guardianAddress || 'Not set'}
Setting up recovery module...
} {isError &&Error: {error?.message}
} {isSuccess &&Recovery module set up successfully. Hash: {data}
}Loading recovery request status...
; if (isError) returnError: {error?.message}
; return (Recovery Request Active
New Owner: {data.newOwner}
Execution Time: {new Date(data.executionTime * 1000).toLocaleString()}
) : (No active recovery request
)}Canceling recovery request...
} {isError &&Error: {error?.message}
} {isSuccess &&Recovery request canceled successfully. Hash: {data}
}npm i @cometh/connect-sdk-4337 wagmi viem
npm i @cometh/connect-core-sdk viem
const txHash = await smartAccountClient.sendTransaction({
calls: [
{
to: COUNTER_CONTRACT_ADDRESS,
data: calldata,
},
{
to: COUNTER_CONTRACT_ADDRESS,
data: calldata,
},
],
});
import { CHAIN_NAMESPACES, WEB3AUTH_NETWORK } from "@web3auth/base"
import { Web3Auth } from "@web3auth/modal"
import type { EIP1193Provider } from "viem"
import { EthereumPrivateKeyProvider } from "@web3auth/ethereum-provider"
import { providerToSmartAccountSigner } from "@cometh/connect-core-sdk"
const rpcUrl = process.env.RPC_URL;
const chainConfig = {
chainNamespace: CHAIN_NAMESPACES.EIP155,
chainId: "0x66eee", // Hex of 421614
rpcTarget: rpcUrl,
displayName: "Arbitrum Sepolia Testnet",
blockExplorerUrl: "https://sepolia.arbiscan.io/",
ticker: "AETH",
tickerName: "AETH",
logo: "https://cryptologos.cc/logos/arbitrum-arb-logo.png",
};
const privateKeyProvider = new EthereumPrivateKeyProvider({
config: { chainConfig },
});
const web3auth = new Web3Auth({
clientId,
uiConfig: {},
web3AuthNetwork: WEB3AUTH_NETWORK.SAPPHIRE_DEVNET,
privateKeyProvider,
});
// Initialize for PnP Modal SDK
await web3auth.initModal();
// Trigger the login
await web3auth.connect();
// Get the Provider and EOA address (this will be the address of the signer) from Web3Auth
const web3authProvider = web3auth.provider as EIP1193Provider
if (!web3authProvider) {
throw new Error("No provider found")
}
const signer = await providerToSmartAccountSigner(web3authProvider);
const txHash = await smartAccountClient.addOwner({ownerToAdd: ADDRESS_TO_ADD});
import { SmartSessionMode } from "@cometh/session-keys";
const sessionData = {
granter: safe7559Account?.account?.address as Address,
privateKey: privateKey,
sessionPublicKey: sessionOwner.address,
description: `Session to increment a counter`,
moduleData: {
permissionIds: createSessionsResponse.permissionIds,
action: createSessionsResponse.action,
mode: SmartSessionMode.USE,
sessions: createSessionsResponse.sessions,
},
};
// This is for example purposes.
const sessionParams = stringify(sessionData);
localStorage.setItem(
`session-key-${safe7559Account?.account?.address}`,
sessionParams
);
| URL | Network |
|---|---|
| https://bundler.cometh.io/CHAIN_ID?apikey=API_KEY | Arbitrum |
{
"jsonrpc": "2.0",
"method": "eth_getUserOperationByHash",
"params": ["0x23852fe813cf76730a0423a81699d626359a6f2971528404495b0d0a737c3786"],
"id": 1
}
{
"jsonrpc": "2.0",
"method": "eth_getUserOperationReceipt",
"params": ["0x23852fe813cf76730a0423a81699d626359a6f2971528404495b0d0a737c3786"],
"id": 1
}
Add a sponsored contract address
| URL | Network |
|---|---|
| https://paymaster.cometh.io/CHAIN_ID?apikey=API_KEY | Arbitrum |