Mobile SDKs

dependencies {
    implementation("com.captchacat:android:1.0.0")
}

<com.captchacat.CaptchacatView
    android:id="@+id/captcha"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:siteKey="your-site-key" />

class LoginActivity : AppCompatActivity(), CaptchacatListener {
    private var captchaToken: String? = null
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_login)
 
        val captcha = findViewById<CaptchacatView>(R.id.captcha)
        captcha.listener = this
    }
 
    override fun onSuccess(token: String) {
        captchaToken = token
        submitButton.isEnabled = true
    }
 
    override fun onError(error: CaptchacatError) {
        Toast.makeText(this, "Captcha failed to load", Toast.LENGTH_SHORT).show()
    }
 
    override fun onExpired() {
        captchaToken = null
        submitButton.isEnabled = false
    }
 
    private fun submitForm() {
        // Include captchaToken in your API request
        api.login(email, password, captchaToken!!)
    }
}

@Composable
fun LoginScreen() {
    var token by remember { mutableStateOf<String?>(null) }
 
    Column {
        // ... form fields
 
        CaptchacatWidget(
            siteKey = "your-site-key",
            onSuccess = { token = it },
            onError = { /* handle error */ }
        )
 
        Button(
            onClick = { submitLogin(token!!) },
            enabled = token != null
        ) {
            Text("Sign In")
        }
    }
}

https://github.com/Captchacat-Integrations/iOS.git

pod 'Captchacat', '~> 1.0'

import Captchacat
 
struct LoginView: View {
    @State private var token: String?
 
    var body: some View {
        Form {
            TextField("Email", text: $email)
            SecureField("Password", text: $password)
 
            CaptchacatWidget(siteKey: "your-site-key") { token in
                self.token = token
            }
            .frame(height: 60)
 
            Button("Sign In") {
                submitLogin(token: token!)
            }
            .disabled(token == nil)
        }
    }
}

import Captchacat
 
class LoginViewController: UIViewController, CaptchacatDelegate {
    private var captchaToken: String?
 
    override func viewDidLoad() {
        super.viewDidLoad()
 
        let captcha = CaptchacatView()
        captcha.siteKey = "your-site-key"
        captcha.delegate = self
        captcha.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(captcha)
 
        NSLayoutConstraint.activate([
            captcha.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
            captcha.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16),
            captcha.heightAnchor.constraint(equalToConstant: 60)
        ])
    }
 
    func captchacatDidSucceed(_ view: CaptchacatView, token: String) {
        captchaToken = token
        submitButton.isEnabled = true
    }
 
    func captchacatDidFail(_ view: CaptchacatView, error: CaptchacatError) {
        showAlert("Captcha failed to load")
    }
 
    func captchacatDidExpire(_ view: CaptchacatView) {
        captchaToken = nil
        submitButton.isEnabled = false
    }
}

npm install @captchacat/react-native react-native-webview

import { Captchacat } from '@captchacat/react-native';
import { useState } from 'react';
import { View, TextInput, Button, Alert } from 'react-native';
 
function LoginScreen() {
    const [token, setToken] = useState<string | null>(null);
 
    return (
        <View style={{ padding: 16 }}>
            <TextInput placeholder="Email" />
            <TextInput placeholder="Password" secureTextEntry />
 
            <Captchacat
                siteKey="your-site-key"
                onVerify={(t) => setToken(t)}
                onError={(e) => Alert.alert('Error', e)}
            />
 
            <Button
                title="Sign In"
                disabled={!token}
                onPress={() => submitLogin(token!)}
            />
        </View>
    );
}

POST https://challenge.captchacat.com/validate_token
 
{
  "api_key": "your-secret-api-key",
  "token": "token-from-mobile-sdk"
}