yubioath-flutter/lib/oath/views/account_dialog.dart

/*
 * Copyright (C) 2022 Yubico.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import 'dart:async';

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

import '../../app/message.dart';
import '../../app/shortcuts.dart';
import '../../app/state.dart';
import '../../core/models.dart';
import '../../core/state.dart';
import '../models.dart';
import '../state.dart';
import 'account_helper.dart';
import 'actions.dart';
import 'delete_account_dialog.dart';
import 'rename_account_dialog.dart';

class AccountDialog extends ConsumerWidget {
  final OathCredential credential;

  const AccountDialog(this.credential, {super.key});

  List<Widget> _buildActions(BuildContext context, AccountHelper helper) {
    final actions = helper.buildActions();

    final theme =
        ButtonTheme.of(context).colorScheme ?? Theme.of(context).colorScheme;

    final copy = actions.firstWhere(((e) => e.text.startsWith('Copy')));
    final delete = actions.firstWhere(((e) => e.text.startsWith('Delete')));
    final colors = {
      copy: Pair(theme.primary, theme.onPrimary),
      delete: Pair(theme.error, theme.onError),
    };

    // If we can't copy, but can calculate, highlight that button instead
    if (copy.intent == null) {
      final calculates = actions.where(((e) => e.text.startsWith('Calculate')));
      if (calculates.isNotEmpty) {
        colors[calculates.first] = Pair(theme.primary, theme.onPrimary);
      }
    }

    return actions.map((e) {
      final intent = e.intent;
      final color = colors[e] ?? Pair(theme.secondary, theme.onSecondary);
      final tooltip = e.trailing != null ? '${e.text}\n${e.trailing}' : e.text;
      return Padding(
        padding: const EdgeInsets.symmetric(horizontal: 6.0),
        child: CircleAvatar(
          backgroundColor: intent != null ? color.first : theme.secondary,
          foregroundColor: color.second,
          child: IconButton(
            style: IconButton.styleFrom(
              backgroundColor: intent != null ? color.first : theme.secondary,
              foregroundColor: color.second,
              disabledBackgroundColor: theme.onSecondary.withOpacity(0.2),
              fixedSize: const Size.square(38),
            ),
            icon: e.icon,
            iconSize: 22,
            tooltip: tooltip,
            onPressed: intent != null
                ? () {
                    Actions.invoke(context, intent);
                  }
                : null,
          ),
        ),
      );
    }).toList();
  }

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    // TODO: Solve this in a cleaner way
    final node = ref.watch(currentDeviceDataProvider).valueOrNull?.node;
    if (node == null) {
      // The rest of this method assumes there is a device, and will throw an exception if not.
      // This will never be shown, as the dialog will be immediately closed
      return const SizedBox();
    }

    final helper = AccountHelper(context, ref, credential);
    final subtitle = helper.subtitle;

    return registerOathActions(
      credential,
      ref: ref,
      actions: {
        EditIntent: CallbackAction<EditIntent>(onInvoke: (_) async {
          final credentials = ref.read(credentialsProvider);
          final withContext = ref.read(withContextProvider);
          final OathCredential? renamed =
              await withContext((context) async => await showBlurDialog(
                    context: context,
                    builder: (context) => RenameAccountDialog(
                      node,
                      credential,
                      credentials,
                    ),
                  ));
          if (renamed != null) {
            // Replace the dialog with the renamed credential
            await withContext((context) async {
              Navigator.of(context).pop();
              await showBlurDialog(
                context: context,
                builder: (context) {
                  return AccountDialog(renamed);
                },
              );
            });
          }
          return renamed;
        }),
        DeleteIntent: CallbackAction<DeleteIntent>(onInvoke: (_) async {
          final withContext = ref.read(withContextProvider);
          final bool? deleted =
              await ref.read(withContextProvider)((context) async =>
                  await showBlurDialog(
                    context: context,
                    builder: (context) => DeleteAccountDialog(
                      node,
                      credential,
                    ),
                  ) ??
                  false);

          // Pop the account dialog if deleted
          if (deleted == true) {
            await withContext((context) async {
              Navigator.of(context).pop();
            });
          }
          return deleted;
        }),
      },
      builder: (context) {
        if (helper.code == null &&
            (isDesktop || node.transport == Transport.usb)) {
          Timer.run(() {
            Actions.invoke(context, const CalculateIntent());
          });
        }
        return FocusScope(
          autofocus: true,
          child: AlertDialog(
            title: Center(
              child: Text(
                helper.title,
                style: Theme.of(context).textTheme.headlineSmall,
                softWrap: true,
                textAlign: TextAlign.center,
              ),
            ),
            contentPadding: const EdgeInsets.symmetric(horizontal: 12.0),
            content: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              mainAxisSize: MainAxisSize.min,
              children: [
                if (subtitle != null)
                  Text(
                    subtitle,
                    softWrap: true,
                    textAlign: TextAlign.center,
                    // This is what ListTile uses for subtitle
                    style: Theme.of(context).textTheme.bodyMedium!.copyWith(
                          color: Theme.of(context).textTheme.bodySmall!.color,
                        ),
                  ),
                const SizedBox(height: 12.0),
                DecoratedBox(
                  decoration: BoxDecoration(
                    shape: BoxShape.rectangle,
                    color: Theme.of(context).colorScheme.surfaceVariant,
                    borderRadius: const BorderRadius.all(Radius.circular(30.0)),
                  ),
                  child: Center(
                    child: FittedBox(
                      child: Padding(
                        padding: const EdgeInsets.symmetric(
                            horizontal: 16.0, vertical: 8.0),
                        child: Row(
                          mainAxisSize: MainAxisSize.min,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            IconTheme(
                              data: IconTheme.of(context).copyWith(size: 24),
                              child: helper.buildCodeIcon(),
                            ),
                            const SizedBox(width: 8.0),
                            DefaultTextStyle.merge(
                              style: const TextStyle(fontSize: 28),
                              child: helper.buildCodeLabel(),
                            ),
                          ],
                        ),
                      ),
                    ),
                  ),
                ),
              ],
            ),
            actionsPadding: const EdgeInsets.symmetric(vertical: 10.0),
            actions: [
              Center(
                child: FittedBox(
                  alignment: Alignment.center,
                  child: Row(children: _buildActions(context, helper)),
                ),
              )
            ],
          ),
        );
      },
    );
  }
}