flutter_payvessel 1.0.1

flutter_payvessel: ^1.0.1 copied to clipboard

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_payvessel/flutter_payvessel.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Payvessel Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: const Color(0xFFFF6B00)),
        useMaterial3: true,
      ),
      home: const PaymentPage(),
    );
  }
}

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

  @override
  State<PaymentPage> createState() => _PaymentPageState();
}

class _PaymentPageState extends State<PaymentPage> {
  // Initialize Payvessel with your API key (like the npm package)
  final payvessel = Payvessel(
    config: PayvesselConfig(
      apiKey: 'YOUR_API_KEY', // Replace with your API key
    ),
  );

  String _status = 'Ready to pay';
  bool _isLoading = false;

  /// Launch checkout - similar to npm package's initializeCheckout
  Future<void> _openCheckout() async {
    setState(() {
      _isLoading = true;
      _status = 'Opening checkout...';
    });

    try {
      // Initialize and launch checkout (like npm package)
      final result = await payvessel.initializeCheckout(
        context: context,
        params: CheckoutParams(
          customerEmail: 'customer@example.com',
          customerPhoneNumber: '08012345678',
          amount: '1000', // Amount in kobo for NGN
          currency: 'NGN',
          customerName: 'John Doe',
          channels: [
            PaymentChannels.bankTransfer,
            PaymentChannels.card,
          ],
          metadata: {
            'order_id': '12345',
            'product': 'Premium Subscription',
          },
        ),
        appBarTitle: 'Complete Payment',
        onError: (error) {
          debugPrint('Checkout error: \$error');
        },
      );

      // Handle result (like npm package callbacks)
      if (result.isSuccessful) {
        setState(() => _status = '✅ Payment successful!\nRef: \${result.reference}');
        _showSuccessDialog();
      } else if (result.isCancelled) {
        setState(() => _status = '❌ Payment cancelled');
      } else {
        setState(() => _status = '❌ Payment failed: \${result.message}');
      }
    } catch (e) {
      setState(() => _status = '❌ Error: \$e');
    } finally {
      setState(() => _isLoading = false);
    }
  }

  void _showSuccessDialog() {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Row(
          children: [
            Icon(Icons.check_circle, color: Colors.green),
            SizedBox(width: 8),
            Text('Payment Successful'),
          ],
        ),
        content: const Text('Your payment has been processed successfully.'),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: const Text('OK'),
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Payvessel Demo'),
        backgroundColor: const Color(0xFFFF6B00),
        foregroundColor: Colors.white,
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(24.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(
                padding: const EdgeInsets.all(24),
                decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.circular(16),
                  boxShadow: [
                    BoxShadow(
                      color: Colors.black.withValues(alpha: 0.1),
                      blurRadius: 10,
                      offset: const Offset(0, 4),
                    ),
                  ],
                ),
                child: Column(
                  children: [
                    const Icon(
                      Icons.shopping_bag_outlined,
                      size: 64,
                      color: Color(0xFFFF6B00),
                    ),
                    const SizedBox(height: 16),
                    const Text(
                      'Premium Subscription',
                      style: TextStyle(
                        fontSize: 20,
                        fontWeight: FontWeight.bold,
                      ),
                    ),
                    const SizedBox(height: 8),
                    const Text(
                      '₦1,000.00',
                      style: TextStyle(
                        fontSize: 32,
                        fontWeight: FontWeight.bold,
                        color: Color(0xFFFF6B00),
                      ),
                    ),
                    const SizedBox(height: 24),
                    SizedBox(
                      width: double.infinity,
                      child: ElevatedButton(
                        onPressed: _isLoading ? null : _openCheckout,
                        style: ElevatedButton.styleFrom(
                          backgroundColor: const Color(0xFFFF6B00),
                          foregroundColor: Colors.white,
                          padding: const EdgeInsets.symmetric(vertical: 16),
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(12),
                          ),
                        ),
                        child: _isLoading
                            ? const SizedBox(
                                height: 20,
                                width: 20,
                                child: CircularProgressIndicator(
                                  strokeWidth: 2,
                                  color: Colors.white,
                                ),
                              )
                            : const Text(
                                'Pay with Payvessel',
                                style: TextStyle(
                                  fontSize: 16,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                      ),
                    ),
                  ],
                ),
              ),
              const SizedBox(height: 24),
              Container(
                padding: const EdgeInsets.all(16),
                decoration: BoxDecoration(
                  color: Colors.grey[100],
                  borderRadius: BorderRadius.circular(12),
                ),
                child: Text(
                  _status,
                  textAlign: TextAlign.center,
                  style: const TextStyle(fontSize: 14),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}