Configure Authentication

paraModalConfig={{
  oAuthMethods: ["GOOGLE", "TWITTER", "DISCORD", "APPLE"]
}}

paraModalConfig={{
  disableEmailLogin: false,
  disablePhoneLogin: true, // Only allow email and OAuth
  oAuthMethods: ["GOOGLE", "TWITTER"]
}}

paraModalConfig={{
  defaultAuthIdentifier: "user@example.com" // or "+15555555555"
}}

const { openModal } = useModal();

// Pass identifier at open time instead of at the provider level
openModal({ defaultAuthIdentifier: "user@example.com" });

paraModalConfig={{
  authLayout: ["AUTH:CONDENSED", "EXTERNAL:FULL"]
}}

paraModalConfig={{
  isGuestModeEnabled: true
}}

<ParaProvider
  paraClientConfig={{
    apiKey: process.env.REACT_APP_PARA_API_KEY || "",
  }}
  config={{
    appName: "Your App Name"
  }}
  paraModalConfig={{
    // OAuth providers
    oAuthMethods: ["GOOGLE", "TWITTER", "DISCORD"],

    // Email/phone configuration
    disablePhoneLogin: false,
    disableEmailLogin: false,
    defaultAuthIdentifier: "user@example.com",

    // Layout
    authLayout: ["AUTH:FULL", "EXTERNAL:CONDENSED"],

    // Guest mode
    isGuestModeEnabled: false
  }}
>
  {children}
</ParaProvider>