midtrans_plugin 1.0.0

midtrans_plugin: ^1.0.0 copied to clipboard

example/lib/main.dart

import 'dart:async';
import 'dart:developer';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:midtrans_plugin/midtrans_plugin.dart';
import 'package:midtrans_plugin/models/midtrans_config.dart';
import 'package:midtrans_plugin/models/midtrans_payload.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  String merchantClientKey = 'clientKeySandbox';
  String merchantUrl = 'merchantUrlSandbox';
  if (!kDebugMode && !kProfileMode) {
    merchantClientKey = 'clientKeyProd';
    merchantUrl = 'merchantUrlProd';
  }

  final config = MidtransConfig(
    merchantClientKey: merchantClientKey,
    merchantUrl: merchantUrl,
    paymentTypeConfig: PaymentTypeConfig.twoClickPayment,
  );

  await MidtransPlugin.initialize(config);

  runApp(const MyApp());
}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String _message = '';
  bool _isLoading = false;

  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey();

  @override
  void initState() {
    super.initState();

    MidtransPlugin.onTransactionResult.listen((result) {
      log('[transactionResult] $result');
      final transactionID = result.transactionId;
      final status = result.transactionStatus;

      String message = '';
      if (result.isCanceled) message = 'Canceled';

      if (result.isFailed) message = 'Payment failed';

      if (transactionID != null && transactionID.isNotEmpty) {
        message += 'transactionID: $transactionID';
      }
      if (status != null && status.isNotEmpty) message += ' $status';

      ScaffoldMessenger.of(_scaffoldKey.currentContext!).showSnackBar(
        SnackBar(content: Text(message)),
      );
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        key: _scaffoldKey,
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              if (_message.isNotEmpty) Text(_message),
              if (_isLoading)
                const CircularProgressIndicator.adaptive()
              else
                ElevatedButton(
                  onPressed: () async {
                    setState(() {
                      _isLoading = true;
                      _message = '';
                    });

                    try {
                      final transactionDetails = TransactionDetails(
                        orderId:
                            'ORDER-${DateTime.now().millisecondsSinceEpoch}',
                        grossAmount: 10.0,
                      );

                      final itemDetails = [
                        ItemDetail(
                          id: 'product_a',
                          price: 10.0,
                          quantity: 1,
                          name: 'Product A',
                        )
                      ];

                      final customerDetails = CustomerDetails(
                        firstName: 'John',
                        lastName: 'Doe',
                        email: '[email protected]',
                        phone: '08123456789',
                        billingAddress: BillingAddress(
                          firstName: 'John',
                          lastName: 'Doe',
                          address: 'Jl. Buntu No. 2',
                          city: 'Jakarta',
                          phone: '08123456789',
                          postalCode: '112233',
                        ),
                      );

                      await MidtransPlugin.instance.startPayment(
                        MidtransPayload(
                          transactionDetails: transactionDetails,
                          itemDetails: itemDetails,
                          customerDetails: customerDetails,
                        ),
                      );

                      setState(() {
                        _isLoading = false;
                      });
                    } catch (e) {
                      log('an error occured', error: e);
                      setState(() {
                        _isLoading = false;
                        _message = 'Cannot pay';
                      });
                    }
                  },
                  child: const Text('Pay'),
                ),
            ],
          ),
        ),
      ),
    );
  }
}