Comment intégrer le paiement Stripe Connect dans votre app FlutterFlow

curl https://api.stripe.com/v1/payment_intents \
  -u "sk_test_VePHdqKTYQjKNInc7u56JBrQ:" \
  -d amount=2000 \
  -d currency=usd \
  -d "automatic_payment_methods[enabled]"=true

{ "id": "pi_xxxxxxxxxxxxx", 
  "object": "payment_intent", 
  "client_secret": "pi_xxxxxxxxxxxxx_secret_xxxxxxxxxxxxx", 
  "status": "requires_payment_method", 
  "amount": 1000, 
  "currency": "eur", 
  "application_fee_amount": 123, 
  "transfer_data": { "destination": "acct_xxxxxxxxxxxxx" } }

import 'dart:math';

import 'package:meerai/flutter_flow/flutter_flow_widgets.dart';

import 'package:google_fonts/google_fonts.dart';

import 'dart:io';

import 'package:flutter/foundation.dart';

import 'dart:convert';

import 'package:flutter_stripe/flutter_stripe.dart';

Future<StripeResponseStruct> initializeStripeAndShowPaymentSheet(
    BuildContext context,
    String clientSecret,
    bool allowGooglePay,
    bool allowApplePay) async {
  try {
    print(clientSecret);
    // This payment intent would be an parameter later and be removed from here.
    if (kIsWeb) {
      final res = await showWebPaymentSheet(
        context,
        paymentIntentSecret: clientSecret,
        description: "description",
        buttonColor: FlutterFlowTheme.of(context).primary,
        buttonTextColor: FlutterFlowTheme.of(context).primaryText,
      );
      return res;
    }

    await Stripe.instance.initPaymentSheet(
      paymentSheetParameters: SetupPaymentSheetParameters(
        paymentIntentClientSecret: clientSecret,
        // customerEphemeralKeySecret: response['ephemeralKey'],
        merchantDisplayName: 'VOTRENOMDEMARCHANT',
        googlePay: allowGooglePay
            ? PaymentSheetGooglePay(
                merchantCountryCode: 'FR',
                currencyCode: "EUR",
                testEnv: false,
              )
            : null,
        applePay: isiOS && allowApplePay
            ? const PaymentSheetApplePay(
                merchantCountryCode: 'FR',
              )
            : null,
        style: ThemeMode.system,
        appearance: PaymentSheetAppearance(
          primaryButton: PaymentSheetPrimaryButtonAppearance(
            colors: PaymentSheetPrimaryButtonTheme(
              light: PaymentSheetPrimaryButtonThemeColors(
                background: FlutterFlowTheme.of(context).primary,
                text: FlutterFlowTheme.of(context).primaryText,
              ),
              dark: PaymentSheetPrimaryButtonThemeColors(
                background: FlutterFlowTheme.of(context).primary,
                text: FlutterFlowTheme.of(context).primaryText,
              ),
            ),
          ),
        ),
      ),
    );
    // Present the payment sheet
    await Stripe.instance.presentPaymentSheet();
    // If the payment sheet is presented successfully, return a success message
    return StripeResponseStruct(isSuccess: true);
  } catch (e) {
    print(e);
    if (e is StripeException) {
      // return 'Error from Stripe: ${e.error.localizedMessage}' ;
      return StripeResponseStruct(
          isSuccess: false, errorMsg: e.error.localizedMessage);
    } else {
      // return 'Error: $e';
      return StripeResponseStruct(isSuccess: false, errorMsg: 'Error: $e');
    }
  }
}

// Set your action name, define your arguments and return parameter,
// and then add the boilerplate code using the green button on the right!

Future<StripeResponseStruct> showWebPaymentSheet(
  BuildContext context, {
  required String paymentIntentSecret,
  required String description,
  Color? buttonColor,
  Color? buttonTextColor,
  ThemeMode? themeStyle,
}) async {
  final isDarkMode = themeStyle == null
      ? Theme.of(context).brightness == Brightness.dark
      : themeStyle == ThemeMode.dark;
  buttonColor = buttonColor ?? FlutterFlowTheme.of(context).primary;
  final screenWidth = MediaQuery.sizeOf(context).width;

  buildPaymentSheet(BuildContext context, double width) => Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          ClipRRect(
            borderRadius: BorderRadius.circular(8.0),
            child: Material(
              color: Colors.transparent,
              child: Container(
                width: width,
                padding: const EdgeInsets.fromLTRB(24.0, 14.0, 24.0, 24.0),
                color: isDarkMode ? const Color(0xFF101213) : Colors.white,
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Column(
                      mainAxisSize: MainAxisSize.min,
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Row(
                          children: [
                            Expanded(
                              child: Text(
                                'Payment Information',
                                style: GoogleFonts.outfit(
                                  color: isDarkMode
                                      ? Colors.white
                                      : const Color(0xFF101213),
                                  fontSize: 28,
                                  fontWeight: FontWeight.w500,
                                ),
                              ),
                            ),
                            InkWell(
                              onTap: () => Navigator.pop(context),
                              child: Padding(
                                padding: const EdgeInsets.all(4.0),
                                child: Icon(
                                  Icons.close_rounded,
                                  size: 22,
                                  color: isDarkMode
                                      ? const Color(0xFF95A1AC)
                                      : const Color(0xFF57636C),
                                ),
                              ),
                            ),
                          ],
                        ),
                        if (description.isNotEmpty) ...[
                          const SizedBox(height: 8.0),
                          Text(
                            description,
                            style: GoogleFonts.outfit(
                              color: isDarkMode
                                  ? const Color(0xFF95A1AC)
                                  : const Color(0xFF57636C),
                              fontSize: 14,
                            ),
                          ),
                        ],
                      ],
                    ),
                    const SizedBox(height: 16.0),
                    CardField(
                      numberHintText: "0000 00000 00000 000",
                      cvcHintText: "233",
                      expirationHintText: "10/20",
                      decoration: InputDecoration(
                        focusedBorder: OutlineInputBorder(
                          borderSide: BorderSide(
                            color: buttonColor!,
                            width: 2.0,
                          ),
                          borderRadius: BorderRadius.circular(8.0),
                        ),
                        enabledBorder: OutlineInputBorder(
                          borderSide: BorderSide(
                            color: isDarkMode
                                ? const Color(0xFF22282F)
                                : const Color(0xFFE0E3E7),
                            width: 2.0,
                          ),
                          borderRadius: BorderRadius.circular(8.0),
                        ),
                        filled: isDarkMode,
                      ),
                      style: GoogleFonts.outfit(
                        color:
                            isDarkMode ? Colors.white : const Color(0xFF101213),
                        fontSize: 14,
                      ),
                      enablePostalCode: true,
                    ),
                    const SizedBox(height: 20.0),
                    FFButtonWidget(
                      onPressed: () async {
                        try {
                          final response = await Stripe.instance.confirmPayment(
                            paymentIntentClientSecret: paymentIntentSecret,
                            data: const PaymentMethodParams.card(
                              paymentMethodData: PaymentMethodData(),
                            ),
                            options: const PaymentMethodOptions(),
                          );
                          if (response.status ==
                              PaymentIntentsStatus.Succeeded) {
                            Navigator.pop(
                              context,
                              StripeResponseStruct(isSuccess: true),
                            );
                          }
                        } catch (e) {
                          if (e is StripeException &&
                              e.error.code == FailureCode.Canceled) {
                            Navigator.pop(
                                context,
                                StripeResponseStruct(
                                    isSuccess: false, errorMsg: "Cancelled"));
                          }
                          Navigator.pop(
                            context,
                            StripeResponseStruct(
                                isSuccess: false, errorMsg: '$e'),
                          );
                        }
                      },
                      text: 'Payer',
                      options: FFButtonOptions(
                        width: double.infinity,
                        height: 44,
                        color: buttonColor,
                        textStyle: GoogleFonts.outfit(
                          color: buttonTextColor ?? Colors.white,
                          fontSize: 14,
                          fontWeight: FontWeight.w600,
                        ),
                        elevation: 2,
                        borderSide: const BorderSide(
                          color: Colors.transparent,
                          width: 1,
                        ),
                        borderRadius: BorderRadius.circular(6),
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ],
      );

  final response = await showDialog<StripeResponseStruct>(
    context: context,
    builder: (context) => AlertDialog(
      backgroundColor: Colors.transparent,
      contentPadding: EdgeInsets.zero,
      content: buildPaymentSheet(context, min(420, screenWidth - 16)),
    ),
  );
  // Return the payment response, or an empty response if the user canceled.
  return response ??
      StripeResponseStruct(isSuccess: false, errorMsg: "Cancelled");
}