[Presentation] Added initial donations bottom sheet

lib/presentation/donations/donations_bottom_sheet.dart

@@ -0,0 +1,189 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:shiori/application/bloc.dart';
+import 'package:shiori/domain/models/models.dart';
+import 'package:shiori/generated/l10n.dart';
+import 'package:shiori/injection.dart';
+import 'package:shiori/presentation/shared/bottom_sheets/common_bottom_sheet.dart';
+import 'package:shiori/presentation/shared/bottom_sheets/common_button_bar.dart';
+import 'package:shiori/presentation/shared/bullet_list.dart';
+import 'package:shiori/presentation/shared/dialogs/text_dialog.dart';
+import 'package:shiori/presentation/shared/loading.dart';
+import 'package:shiori/presentation/shared/nothing_found_column.dart';
+import 'package:shiori/presentation/shared/styles.dart';
+import 'package:shiori/presentation/shared/utils/toast_utils.dart';
+
+class DonationsBottomSheet extends StatelessWidget {
+  const DonationsBottomSheet({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final s = S.of(context);
+    return BlocProvider(
+      create: (ctx) => Injection.donationsBloc..add(const DonationsEvent.init()),
+      child: CommonBottomSheet(
+        titleIcon: Icons.heart_broken,
+        title: s.donations,
+        showCancelButton: false,
+        showOkButton: false,
+        child: const _Body(),
+      ),
+    );
+  }
+}
+
+class _Body extends StatefulWidget {
+  const _Body({Key? key}) : super(key: key);
+
+  @override
+  _BodyState createState() => _BodyState();
+}
+
+class _BodyState extends State<_Body> {
+  PackageItemModel? _selected;
+
+  @override
+  Widget build(BuildContext context) {
+    final s = S.of(context);
+    final theme = Theme.of(context);
+    return BlocConsumer<DonationsBloc, DonationsState>(
+      listener: (ctx, state) {
+        state.maybeMap(
+          purchaseCompleted: (state) {
+            final toast = ToastUtils.of(context);
+            if (!state.error) {
+              ToastUtils.showSucceedToast(toast, s.paymentSucceed);
+              Navigator.pop(context);
+            } else {
+              ToastUtils.showWarningToast(toast, s.paymentError);
+            }
+          },
+          orElse: () {},
+        );
+      },
+      builder: (ctx, state) => state.maybeMap(
+        initial: (state) => state.noInternetConnection
+            ? NothingFoundColumn(msg: s.noInternetConnection)
+            : !state.isInitialized
+                ? NothingFoundColumn(msg: s.unknownError)
+                : Column(
+                    crossAxisAlignment: CrossAxisAlignment.stretch,
+                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                    children: [
+                      Text(
+                        s.donationMsg,
+                        textAlign: TextAlign.justify,
+                        style: Theme.of(context).textTheme.subtitle1!.copyWith(fontWeight: FontWeight.bold),
+                      ),
+                      ...state.packages.map(
+                        (e) => _DonationItem(
+                          item: e,
+                          isSelected: _selected == e,
+                          onTap: () => setState(() => _selected = e),
+                        ),
+                      ),
+                      BulletList(
+                        iconSize: 16,
+                        addTooltip: false,
+                        items: [
+                          s.donationMsgA,
+                          s.donationMsgB,
+                        ],
+                      ),
+                      CommonButtonBar(
+                        children: <Widget>[
+                          OutlinedButton(
+                            onPressed: () => Navigator.pop(context),
+                            child: Text(s.cancel, style: TextStyle(color: theme.primaryColor)),
+                          ),
+                          if (state.isInitialized)
+                            OutlinedButton(
+                              onPressed: () => _handleRestore(context),
+                              child: Text(s.restorePurchases, style: TextStyle(color: theme.primaryColor)),
+                            ),
+                          if (state.isInitialized && _selected != null)
+                            ElevatedButton(
+                              onPressed: () => _handleConfirm(context),
+                              child: Text(s.confirm),
+                            )
+                        ],
+                      ),
+                    ],
+                  ),
+        orElse: () => const Loading(useScaffold: false),
+      ),
+    );
+  }
+
+  Future<void> _handleConfirm(BuildContext context) {
+    final s = S.of(context);
+    return showDialog(
+      context: context,
+      builder: (_) => TextDialog.create(
+        title: s.uid,
+        hintText: s.uid,
+        maxLength: DonationsBloc.maxUserIdLength,
+        child: BulletList(
+          iconSize: 16,
+          addTooltip: false,
+          items: [s.purchaseMsgA, s.purchaseMsgB, s.purchaseMsgC],
+        ),
+        onSave: (val) => context
+            .read<DonationsBloc>()
+            .add(DonationsEvent.purchase(userId: val, identifier: _selected!.identifier, offeringIdentifier: _selected!.offeringIdentifier)),
+      ),
+    );
+  }
+
+  Future<void> _handleRestore(BuildContext context) {
+    final s = S.of(context);
+    return showDialog(
+      context: context,
+      builder: (_) => TextDialog.create(
+        title: s.uid,
+        hintText: s.uid,
+        maxLength: DonationsBloc.maxUserIdLength,
+        child: BulletList(
+          iconSize: 16,
+          addTooltip: false,
+          items: [s.restorePurchaseMsgA, s.restorePurchaseMsgB],
+        ),
+        onSave: (val) => context.read<DonationsBloc>().add(DonationsEvent.restorePurchases(userId: val)),
+      ),
+    );
+  }
+}
+
+class _DonationItem extends StatelessWidget {
+  final PackageItemModel item;
+  final bool isSelected;
+  final GestureTapCallback onTap;
+
+  const _DonationItem({
+    Key? key,
+    required this.item,
+    required this.isSelected,
+    required this.onTap,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final s = S.of(context);
+    final theme = Theme.of(context);
+    return InkWell(
+      onTap: onTap,
+      child: Card(
+        color: isSelected ? theme.colorScheme.primary.withOpacity(0.5) : null,
+        margin: Styles.edgeInsetAll10,
+        child: Padding(
+          padding: Styles.edgeInsetAll10,
+          child: Text(
+            s.donateXAmount(item.priceString),
+            textAlign: TextAlign.center,
+            style: theme.textTheme.subtitle1,
+          ),
+        ),
+      ),
+    );
+  }
+}