yubioath-flutter/lib/app/views/main_page.dart

/*
 * Copyright (C) 2022-2024 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 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:material_symbols_icons/symbols.dart';

import '../../android/app_methods.dart';
import '../../android/state.dart';
import '../../core/state.dart';
import '../../fido/views/fingerprints_screen.dart';
import '../../fido/views/passkeys_screen.dart';
import '../../fido/views/webauthn_page.dart';
import '../../home/views/home_message_page.dart';
import '../../home/views/home_screen.dart';
import '../../oath/views/oath_screen.dart';
import '../../oath/views/utils.dart';
import '../../otp/views/otp_screen.dart';
import '../../piv/views/piv_screen.dart';
import '../models.dart';
import '../state.dart';
import 'device_error_screen.dart';

class MainPage extends ConsumerWidget {
  const MainPage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final l10n = AppLocalizations.of(context)!;
    ref.listen<Function(BuildContext)?>(
      contextConsumer,
      (previous, next) {
        next?.call(context);
      },
    );

    if (isAndroid) {
      isNfcEnabled().then(
          (value) => ref.read(androidNfcAdapterState.notifier).enable(value));
    }

    // If the current device changes, we need to pop any open dialogs.
    ref.listen<AsyncValue<YubiKeyData>>(currentDeviceDataProvider,
        (prev, next) {
      final serial = next.hasValue == true ? next.value?.info.serial : null;
      final prevSerial =
          prev?.hasValue == true ? prev?.value?.info.serial : null;
      if ((serial != null && serial == prevSerial) ||
          (next.hasValue && (prev != null && prev.isLoading)) ||
          next.isLoading) {
        return;
      }

      Navigator.of(context).popUntil((route) {
        return route.isFirst ||
            [
              'device_picker',
              'settings',
              'about',
              'licenses',
              'user_interaction_prompt',
              'oath_add_account',
              'oath_icon_pack_dialog',
              'android_qr_scanner_view',
            ].contains(route.settings.name);
      });
    });

    final deviceNode = ref.watch(currentDeviceProvider);
    final noKeyImage = Image.asset(
      'assets/graphics/no-key.png',
      filterQuality: FilterQuality.medium,
      scale: 2,
      color: Theme.of(context).colorScheme.primary,
    );
    if (deviceNode == null) {
      if (isAndroid) {
        var hasNfcSupport = ref.watch(androidNfcSupportProvider);
        var isNfcEnabled = ref.watch(androidNfcAdapterState);
        return HomeMessagePage(
          centered: true,
          graphic: noKeyImage,
          header: hasNfcSupport && isNfcEnabled
              ? l10n.l_insert_or_tap_yk
              : l10n.l_insert_yk,
          actionsBuilder: (context, expanded) => [
            if (hasNfcSupport && !isNfcEnabled)
              ElevatedButton.icon(
                  label: Text(l10n.s_enable_nfc),
                  icon: const Icon(Symbols.contactless),
                  onPressed: () async {
                    await openNfcSettings();
                  }),
            ElevatedButton.icon(
                label: Text(l10n.s_add_account),
                icon: const Icon(Symbols.person_add_alt),
                onPressed: () async {
                  // make sure we execute the "Add account" in OATH section
                  ref
                      .read(currentSectionProvider.notifier)
                      .setCurrentSection(Section.accounts);
                  await addOathAccount(context, ref);
                })
          ],
        );
      } else {
        return HomeMessagePage(
          centered: true,
          delayedContent: false,
          graphic: noKeyImage,
          header: l10n.l_insert_yk,
        );
      }
    } else {
      return ref.watch(currentDeviceDataProvider).when(
            data: (data) {
              final section = ref.watch(currentSectionProvider);

              return switch (section) {
                Section.home => HomeScreen(data),
                Section.accounts => OathScreen(data.node.path),
                Section.securityKey => const WebAuthnScreen(),
                Section.passkeys => PasskeysScreen(data),
                Section.fingerprints => FingerprintsScreen(data),
                Section.certificates => PivScreen(data.node.path),
                Section.slots => OtpScreen(data.node.path),
              };
            },
            loading: () => DeviceErrorScreen(deviceNode),
            error: (error, _) => DeviceErrorScreen(deviceNode, error: error),
          );
    }
  }
}