didit_sdk 3.2.0

didit_sdk: ^3.2.0 copied to clipboard

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:didit_sdk/sdk_flutter.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Didit SDK Example',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: const Color(0xFF1A1A1A)),
        useMaterial3: true,
      ),
      home: const VerificationScreen(),
    );
  }
}

class VerificationScreen extends StatefulWidget {
  const VerificationScreen({super.key});

  @override
  State<VerificationScreen> createState() => _VerificationScreenState();
}

class _VerificationScreenState extends State<VerificationScreen> {
  final _tokenController = TextEditingController();
  final _workflowController = TextEditingController();
  bool _loading = false;
  VerificationResult? _result;

  @override
  void dispose() {
    _tokenController.dispose();
    _workflowController.dispose();
    super.dispose();
  }

  Future<void> _startWithToken() async {
    final token = _tokenController.text.trim();
    if (token.isEmpty) {
      _showAlert('Error', 'Please enter a session token.');
      return;
    }

    setState(() {
      _loading = true;
      _result = null;
    });

    try {
      final result = await DiditSdk.startVerification(
        token,
        config: const DiditConfig(loggingEnabled: true),
      );
      setState(() => _result = result);
      _showResultAlert(result);
    } catch (e) {
      _showAlert('Error', 'Unexpected error: $e');
    } finally {
      setState(() => _loading = false);
    }
  }

  Future<void> _startWithWorkflow() async {
    final workflowId = _workflowController.text.trim();
    if (workflowId.isEmpty) {
      _showAlert('Error', 'Please enter a workflow ID.');
      return;
    }

    setState(() {
      _loading = true;
      _result = null;
    });

    try {
      final result = await DiditSdk.startVerificationWithWorkflow(
        workflowId,
        config: const DiditConfig(loggingEnabled: true),
      );
      setState(() => _result = result);
      _showResultAlert(result);
    } catch (e) {
      _showAlert('Error', 'Unexpected error: $e');
    } finally {
      setState(() => _loading = false);
    }
  }

  void _showResultAlert(VerificationResult result) {
    switch (result) {
      case VerificationCompleted(:final session):
        _showAlert(
          'Verification Complete',
          'Status: ${session.status.name}\nSession ID: ${session.sessionId}',
        );
      case VerificationCancelled():
        _showAlert('Cancelled', 'The user cancelled the verification.');
      case VerificationFailed(:final error):
        _showAlert('Failed', '${error.type.name}: ${error.message}');
    }
  }

  void _showAlert(String title, String message) {
    showDialog(
      context: context,
      builder: (ctx) => AlertDialog(
        title: Text(title),
        content: Text(message),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(ctx),
            child: const Text('OK'),
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color(0xFFF5F5F5),
      body: SafeArea(
        child: SingleChildScrollView(
          padding: const EdgeInsets.all(24),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              const SizedBox(height: 24),
              const Text(
                'Didit SDK',
                style: TextStyle(
                  fontSize: 28,
                  fontWeight: FontWeight.w700,
                  color: Color(0xFF1A1A1A),
                ),
                textAlign: TextAlign.center,
              ),
              const Text(
                'Flutter Example',
                style: TextStyle(fontSize: 16, color: Color(0xFF666666)),
                textAlign: TextAlign.center,
              ),
              const SizedBox(height: 32),

              // Token-based verification
              const Text(
                'Start with Session Token',
                style: TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.w600,
                  color: Color(0xFF333333),
                ),
              ),
              const SizedBox(height: 12),
              TextField(
                controller: _tokenController,
                decoration: InputDecoration(
                  hintText: 'Enter session token...',
                  filled: true,
                  fillColor: Colors.white,
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(12),
                    borderSide: const BorderSide(color: Color(0xFFE0E0E0)),
                  ),
                  enabledBorder: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(12),
                    borderSide: const BorderSide(color: Color(0xFFE0E0E0)),
                  ),
                ),
                autocorrect: false,
              ),
              const SizedBox(height: 12),
              ElevatedButton(
                onPressed: _loading ? null : _startWithToken,
                style: ElevatedButton.styleFrom(
                  backgroundColor: const Color(0xFF1A1A1A),
                  foregroundColor: Colors.white,
                  padding: const EdgeInsets.symmetric(vertical: 16),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(12),
                  ),
                ),
                child: _loading
                    ? const SizedBox(
                        height: 20,
                        width: 20,
                        child: CircularProgressIndicator(
                          strokeWidth: 2,
                          color: Colors.white,
                        ),
                      )
                    : const Text(
                        'Start Verification',
                        style: TextStyle(
                            fontSize: 16, fontWeight: FontWeight.w600),
                      ),
              ),
              const SizedBox(height: 24),

              // Workflow-based verification
              const Text(
                'Start with Workflow ID',
                style: TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.w600,
                  color: Color(0xFF333333),
                ),
              ),
              const SizedBox(height: 12),
              TextField(
                controller: _workflowController,
                decoration: InputDecoration(
                  hintText: 'Enter workflow ID...',
                  filled: true,
                  fillColor: Colors.white,
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(12),
                    borderSide: const BorderSide(color: Color(0xFFE0E0E0)),
                  ),
                  enabledBorder: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(12),
                    borderSide: const BorderSide(color: Color(0xFFE0E0E0)),
                  ),
                ),
                autocorrect: false,
              ),
              const SizedBox(height: 12),
              ElevatedButton(
                onPressed: _loading ? null : _startWithWorkflow,
                style: ElevatedButton.styleFrom(
                  backgroundColor: const Color(0xFF4A4A4A),
                  foregroundColor: Colors.white,
                  padding: const EdgeInsets.symmetric(vertical: 16),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(12),
                  ),
                ),
                child: _loading
                    ? const SizedBox(
                        height: 20,
                        width: 20,
                        child: CircularProgressIndicator(
                          strokeWidth: 2,
                          color: Colors.white,
                        ),
                      )
                    : const Text(
                        'Start with Workflow',
                        style: TextStyle(
                            fontSize: 16, fontWeight: FontWeight.w600),
                      ),
              ),
              const SizedBox(height: 24),

              // Result display
              if (_result != null) ...[
                const Text(
                  'Last Result',
                  style: TextStyle(
                    fontSize: 16,
                    fontWeight: FontWeight.w600,
                    color: Color(0xFF333333),
                  ),
                ),
                const SizedBox(height: 12),
                Container(
                  padding: const EdgeInsets.all(16),
                  decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.circular(12),
                    border: Border.all(color: const Color(0xFFE0E0E0)),
                  ),
                  child: _buildResultContent(),
                ),
              ],
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildResultContent() {
    final result = _result;
    if (result == null) return const SizedBox.shrink();

    switch (result) {
      case VerificationCompleted(:final session):
        return Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            _resultRow('Type', 'completed'),
            _resultRow('Status', session.status.name,
                color: session.status == VerificationStatus.approved
                    ? const Color(0xFF059669)
                    : session.status == VerificationStatus.declined
                        ? const Color(0xFFDC2626)
                        : null),
            _resultRow('Session', session.sessionId),
          ],
        );
      case VerificationCancelled():
        return _resultRow('Type', 'cancelled');
      case VerificationFailed(:final error):
        return Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            _resultRow('Type', 'failed'),
            _resultRow('Error', '${error.type.name} - ${error.message}'),
          ],
        );
    }
  }

  Widget _resultRow(String label, String value, {Color? color}) {
    return Padding(
      padding: const EdgeInsets.only(bottom: 8),
      child: RichText(
        text: TextSpan(
          style: const TextStyle(fontSize: 14, color: Color(0xFF666666)),
          children: [
            TextSpan(text: '$label: '),
            TextSpan(
              text: value,
              style: TextStyle(
                fontWeight: FontWeight.w600,
                color: color ?? const Color(0xFF1A1A1A),
              ),
            ),
          ],
        ),
      ),
    );
  }
}