square_web_payments 0.0.5

An open source Flutter package for integrating the Square Web Payments SDK. See https://rpelavin.github.io/square-web-payments for demonstration.

example/lib/main.dart

import 'dart:convert';
import 'dart:js_interop';

import 'package:flutter/material.dart';
import 'package:square_web_payments/square_web_payments.dart';
import 'package:widgetbook/widgetbook.dart';

const applicationId = 'sandbox-sq0idb-negdp6Z5Q7RYeFbAv38m0A';
const locationId = 'L6XCYJM4ZPHRP';

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

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

  @override
  Widget build(BuildContext context) => Widgetbook.material(directories: [
        WidgetbookUseCase(
            name: "CardPayment",
            builder: (context) => CardPayment(
                applicationId: applicationId,
                locationId: locationId,
                builder: _buildPayment)),
        WidgetbookUseCase(
            name: "GiftCardPayment",
            builder: (context) => GiftCardPayment(
                applicationId: applicationId,
                locationId: locationId,
                builder: _buildPayment))
      ]);

  Widget _buildPayment(PaymentMethodView? view) => Container(
      constraints: const BoxConstraints.expand(),
      decoration: const BoxDecoration(color: Colors.white),
      padding: const EdgeInsets.all(8),
      child: view == null
          ? const Center(child: CircularProgressIndicator())
          : Column(children: [
              view,
              TextButton(
                  onPressed: () async {
                    final tokenResult =
                        await view.paymentMethod.tokenize().toDart;
                    debugPrint(jsonEncode(tokenResult.toJson()));
                  },
                  child: const Text('Tokenize'))
            ]));
}

extension on TokenResult {
  Map<String, dynamic> toJson() => {
        'details': details == null
            ? null
            : {
                'card': details?.card == null ? null : {},
                'giftCard': details?.giftCard == null ? null : {}
              },
        'errors': errors?.toDart
            .map((error) => {
                  'field': error.field,
                  'message': error.message,
                  'type': error.type
                })
            .toList(),
        'status': status,
        'token': token
      };
}