Configuration

Provider Config and other configuration references

Complete configuration reference:

<UntracedProvider
  config={{
    // REQUIRED
    clientId: "client_abc123",

    // OPTIONAL
    apiUrl: "/api",
    chainId: 5003,
    registryAddress: "0xA5f2af132B0163f9333c67f5EfD4C35f037BbA60",
    theme: "dark",
    accentColor: "#3b82f6",
    modules: ["zk-email", "zk-github"],

    onSuccess: (result) => {
      // Called when verification succeeds
      console.log('Verified:', result.moduleId);
      console.log('TX:', result.transactionHash);
    },

    onError: (error) => {
      // Called when verification fails
      console.error('Error:', error.message);
    },

    onClose: () => {
      // Called when modal closes
      console.log('Modal closed');
    },
  }}
>
  {/* Your app */}
</UntracedProvider>

Module Options

Each module accepts specific configuration:

Email:

{ provider?: 'any' | 'gmail' | 'outlook' }

Age:

{ minAge?: number }  // 13-100

GitHub:

{ minCommits?: number }  // 0-10000

Twitter:

{
  verificationType: 'account' | 'followers' | 'verified',
  minFollowers?: number  // If verificationType = 'followers'
}

Balance:

{ minBalance?: number }  // In ETH

Theming

The SDK supports three theme modes:

Dark Mode (default):

<UntracedProvider config={{ theme: "dark" }}>

Light Mode:

<UntracedProvider config={{ theme: "light" }}>

Auto Mode (matches system preference):

<UntracedProvider config={{ theme: "auto" }}>

Custom Accent Color:

<UntracedProvider config={{
  theme: "dark",
  accentColor: "#3b82f6"  // Blue
}}>