[NEW] On-chain Passkeys

import { 
function createWebAuthnCredential(parameters: CreateWebAuthnCredentialParameters): Promise<CreateWebAuthnCredentialReturnType>
createWebAuthnCredential } from "viem/account-abstraction";

const 
const credential: P256Credential
credential = await 
function createWebAuthnCredential(parameters: CreateWebAuthnCredentialParameters): Promise<CreateWebAuthnCredentialReturnType>
createWebAuthnCredential({
  
name: string
Name for the credential (user.name).
name: "Credential Name",
});

// store credential id to public key mapping
// NOTE: use of localStorage is for TESTING PURPOSES ONLY, NOT FOR PRODUCTION USE
any
localStorage.
any
setItem(
const credential: P256Credential
credential.
id: string
id, 
const credential: P256Credential
credential.
publicKey: `0x${string}`
publicKey); //credentialIdAsBase64Encoded -> publicKeyHex

import { 
function createModularAccountV2Client<TChain extends Chain = Chain, TSigner extends SmartAccountSigner = SmartAccountSigner<any>>(args: CreateModularAccountV2AlchemyClientParams<AlchemyTransport, TChain, TSigner>): Promise<ModularAccountV2Client<TSigner, TChain, AlchemyTransport>> (+1 overload)
createModularAccountV2Client } from "@account-kit/smart-contracts";
import { 
function alchemy(config: AlchemyTransportConfig): AlchemyTransport
Creates an Alchemy transport with the specified configuration options. When sending all traffic to Alchemy, you must pass in one of rpcUrl, apiKey, or jwt. If you want to send Bundler and Paymaster traffic to Alchemy and Node traffic to a different RPC, you must pass in alchemyConnection and nodeRpcUrl.
alchemy, 
const arbitrumSepolia: Chain
arbitrumSepolia } from "@account-kit/infra";

const 
const publicKeyRequest: PublicKeyCredentialRequestOptions
publicKeyRequest: 
type PublicKeyCredentialRequestOptions = /*unresolved*/ any
PublicKeyCredentialRequestOptions = {
  
challenge: any
challenge: 
var Uint8Array: Uint8ArrayConstructor
A typed array of 8-bit unsigned integer values. The contents are initialized to 0. If the requested number of bytes could not be allocated an exception is raised.
Uint8Array.
any
fromHex("0x"), // Generate a random challenge
  
rpId: string
rpId: "localhost", // should match your dApp domain
};

// retrieve available passkeys for the provided domain
const 
const publicKeyCredential: any
publicKeyCredential = await 
any
navigator.
any
credentials.
any
get({
  
publicKeyRequest: PublicKeyCredentialRequestOptions
publicKeyRequest,
});

if (
const publicKeyCredential: any
publicKeyCredential) {
  // verify that passkey with corresponding id exists on dApp
  const 
const publicKeyHex: any
publicKeyHex = 
any
localStorage.
any
getItem(
const publicKeyCredential: any
publicKeyCredential.
any
id);
  if (!
const publicKeyHex: any
publicKeyHex) throw new 
var Error: ErrorConstructor
new (message?: string) => Error
Error("Account does not exist");

  // create client to send transactions on behalf of verified user
  const 
const accountClient: {
    [x: string]: unknown;
    account: ModularAccountV2<SmartAccountSigner<any>>;
    batch?: {
        multicall?: boolean | Prettify<MulticallBatchOptions> | undefined;
    } | undefined;
    ... 83 more ...;
    extend: <const client extends {
        ...;
    } & ExactPartial<...>>(fn: (client: Client<...>) => client) => Client<...>;
}
accountClient = await 
createModularAccountV2Client<Chain, SmartAccountSigner<any>>(args: CreateModularAccountV2AlchemyClientParams<AlchemyTransport, Chain, SmartAccountSigner<any>>): Promise<...> (+1 overload)
createModularAccountV2Client({
    
policyId?: string | string[] | undefined
policyId: "YOUR_POLICY_ID",
    
mode?: "default" | "7702" | undefined
mode: "webauthn",
    
credential: {
    id: any;
    publicKey: any;
}
credential: {
      
id: any
id: 
const publicKeyCredential: any
publicKeyCredential.
any
id,
      
publicKey: any
publicKey: 
const publicKeyHex: any
publicKeyHex,
    },
    
rpId: string
rpId: "localhost",
    
chain: {
    blockExplorers?: {
        [key: string]: ChainBlockExplorer;
        default: ChainBlockExplorer;
    } | undefined;
    ... 7 more ...;
    testnet?: boolean | undefined;
} & ChainConfig<...>
Chain for the client.
chain: 
const arbitrumSepolia: Chain
arbitrumSepolia,
    
transport: AlchemyTransport
The RPC transport
transport: 
function alchemy(config: AlchemyTransportConfig): AlchemyTransport
Creates an Alchemy transport with the specified configuration options. When sending all traffic to Alchemy, you must pass in one of rpcUrl, apiKey, or jwt. If you want to send Bundler and Paymaster traffic to Alchemy and Node traffic to a different RPC, you must pass in alchemyConnection and nodeRpcUrl.
alchemy({ 
apiKey: string
apiKey: "YOUR_ALCHEMY_API_KEY" }),
  });
}