Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.moca.network/llms.txt

Use this file to discover all available pages before exploring further.

​
Login Methods (loginMethods)

Control which authentication methods are available on the login screen: 
type LoginMethod =
  | "passwordless" // Email-based passwordless login
  | "google" // Google OAuth login
  | "wallet"; // Wallet connection login
Available Options:
  • passwordless: Enables email-based passwordless authentication
  • google: Enables Google OAuth login integration
  • wallet: Enables wallet-based authentication
Example Configuration: 
// Enable only email login
loginMethods: ["passwordless", "google"];

// Enable all login methods
loginMethods: ["passwordless", "google", "wallet"];
Note: The order in the array determines the display order in the UI (top to bottom).

​
Wallet Login Methods (walletLoginMethods)

When wallet is included in loginMethods, specify which wallet providers are available: 
type LoginWalletId =
  | "bybit" // Bybit Wallet
  | "coinbase" // Coinbase Wallet
  | "crypto.com" // Crypto.com DeFi Wallet
  | "metamask" // MetaMask
  | "okx" // OKX Wallet
  | "phantom" // Phantom Wallet
  | "rabby" // Rabby Wallet
  | "rainbow" // Rainbow Wallet
  | "trust" // Trust Wallet
  | "walletConnect"; // WalletConnect
Example Configuration: 
// Enable wallet login with specific providers
loginMethods: ["wallet"],
walletLoginMethods: ["metamask", "coinbase", "walletConnect"]

// Default wallet providers if not specified
walletLoginMethods: undefined;
// ["metamask", "phantom", "okx", "coinbase", "rabby", "walletConnect"]
The order in the array determines the display order in the UI (left to right, top to bottom). Since AIR accounts are shared across partners, consider including email-based login to avoid forcing users to link wallets to existing accounts.

​
Style Configuration (style)

Customize the visual appearance of the login interface: 
type PartnerConfigStyle = {
  passwordlessButtonVariant?: "inline" | "standalone";
  airLogoTheme?: "default" | "reverse" | "dark_only" | "light_only";
};
Style Options:
  • passwordlessButtonVariant: Controls how the passwordless login button appears
    • "inline": Button appears inline with other elements
    • "standalone": Button appears as a standalone element below the input
  • airLogoTheme: Controls the AIR logo appearance
    • "default": Standard logo theme
    • "reverse": Reversed color scheme
    • "dark_only": Dark theme only
    • "light_only": Light theme only
Example Configuration: 
style: {
  passwordlessButtonVariant: "standalone",
  airLogoTheme: "dark_only",
}