tatuchat/lib/pages/bootstrap/widgets/restore_bootstrap_view.dart

// SPDX-FileCopyrightText: 2019-Present Christian Kußowski
// SPDX-FileCopyrightText: 2019-Present Contributors to FluffyChat
//
// SPDX-License-Identifier: AGPL-3.0-or-later

import 'package:tatchat/config/app_config.dart';
import 'package:tatchat/l10n/l10n.dart';
import 'package:tatchat/pages/bootstrap/view_model/bootstrap_view_model.dart';
import 'package:tatchat/pages/key_verification/key_verification_dialog.dart';
import 'package:tatchat/utils/date_time_extension.dart';
import 'package:tatchat/utils/localized_exception_extension.dart';
import 'package:tatchat/utils/matrix_sdk_extensions/device_extension.dart';
import 'package:tatchat/widgets/adaptive_dialogs/show_ok_cancel_alert_dialog.dart';
import 'package:material_ui/material_ui.dart';
import 'package:matrix/encryption/utils/key_verification.dart';
import 'package:matrix/matrix.dart';

class RestoreBootstrapView extends StatelessWidget {
  final BootstrapViewModel viewModel;

  const RestoreBootstrapView(this.viewModel, {super.key});

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final keyVerification = viewModel.value.keyVerification;
    if (keyVerification != null) {
      Logs().v('Key verification state:', keyVerification.state);
      if (keyVerification.state == KeyVerificationState.askSas) {
        WidgetsBinding.instance.addPostFrameCallback((_) {
          KeyVerificationDialog(request: keyVerification).show(context);
        });
      }
    }
    final devices =
        viewModel.value.connectedDevices
            ?.map(
              (device) => (
                title: device.displayname,
                lastActive: device.lastActive,
                icon: device.icon,
              ),
            )
            .toList() ??
        [];
    return ListView(
      padding: const EdgeInsets.all(16.0),
      children: [
        if (keyVerification != null) ...[
          ListTile(
            leading:
                (keyVerification.state == KeyVerificationState.error ||
                    viewModel.value.noSecretsreceived)
                ? IconButton(
                    onPressed: viewModel.value.isLoading
                        ? null
                        : viewModel.retryKeyVerification,
                    tooltip: L10n.of(context).tryAgain,
                    icon: Icon(Icons.refresh_outlined),
                  )
                : Padding(
                    padding: const EdgeInsets.all(10.0),
                    child: CircularProgressIndicator.adaptive(),
                  ),
            minLeadingWidth: 40,
            title: Text(
              viewModel.value.waitingForSecrets
                  ? L10n.of(context).waitingForKeys
                  : viewModel.value.noSecretsreceived
                  ? L10n.of(context).noKeysTransmitted
                  : L10n.of(context).restoreBootstrapDevicesDescription,

              style: TextStyle(fontSize: 14),
            ),
          ),
          const SizedBox(height: 16),
          Material(
            color: theme.colorScheme.surfaceContainer,
            clipBehavior: Clip.hardEdge,
            borderRadius: BorderRadius.circular(AppConfig.borderRadius),
            child: ConstrainedBox(
              constraints: BoxConstraints(maxHeight: 128),
              child: Scrollbar(
                thumbVisibility: true,
                trackVisibility: true,
                controller: viewModel.devicesScrollController,
                child: ListView.builder(
                  controller: viewModel.devicesScrollController,
                  shrinkWrap: true,
                  itemCount: devices.length,
                  itemBuilder: (context, i) => ListTile(
                    leading: CircleAvatar(
                      foregroundColor: theme.colorScheme.onPrimary,
                      backgroundColor: theme.colorScheme.primary,
                      child: Icon(devices[i].icon),
                    ),
                    title: Text(
                      devices[i].title,
                      maxLines: 1,
                      overflow: .ellipsis,
                      style: TextStyle(fontSize: 14),
                    ),
                    subtitle: Text(
                      L10n.of(context).lastActiveAgo(
                        devices[i].lastActive.localizedTime(context),
                      ),
                      style: TextStyle(fontSize: 11),
                    ),
                  ),
                ),
              ),
            ),
          ),
          Row(
            children: [
              Expanded(child: Divider(height: 64)),
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 16),
                child: Text(L10n.of(context).or),
              ),
              Expanded(child: Divider(height: 64)),
            ],
          ),
        ] else ...[
          Text(
            L10n.of(context).restoreBootstrapEmptyDevicesDescription,
            textAlign: .center,
          ),
          const SizedBox(height: 32),
        ],
        TextField(
          readOnly: viewModel.value.isLoading,
          obscureText: viewModel.value.obscureText,
          controller: viewModel.enterPassphraseOrRecovController,
          minLines: 1,
          maxLines: viewModel.value.obscureText ? 1 : 4,
          onSubmitted: (_) => viewModel.unlock(context),
          decoration: InputDecoration(
            hintText: L10n.of(context).passphraseOrKey,
            prefixIcon: IconButton(
              icon: Icon(
                viewModel.value.obscureText
                    ? Icons.visibility_outlined
                    : Icons.visibility_off_outlined,
              ),
              onPressed: viewModel.toggleObscureText,
            ),
            errorText: viewModel.value.unlockWithError?.toLocalizedString(
              context,
            ),
            errorMaxLines: 4,
            suffixIcon: viewModel.value.isLoading
                ? SizedBox.square(
                    dimension: 32,
                    child: Center(
                      child: CircularProgressIndicator.adaptive(strokeWidth: 2),
                    ),
                  )
                : TextButton(
                    style: TextButton.styleFrom(
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(
                          AppConfig.borderRadius / 2,
                        ),
                      ),
                    ),
                    onPressed: viewModel.value.passphraseOrRecoveryKeyEntered
                        ? () => viewModel.unlock(context)
                        : () => viewModel.openRecoveryKeyFile(context),
                    child: Text(
                      viewModel.value.passphraseOrRecoveryKeyEntered
                          ? L10n.of(context).unlock
                          : L10n.of(context).openFile,
                    ),
                  ),
          ),
        ),
        const SizedBox(height: 16),
        TextButton(
          onPressed: () async {
            final consent = await showOkCancelAlertDialog(
              context: context,
              title: L10n.of(context).warning,
              message: L10n.of(context).resetAccountWarning,
              isDestructive: true,
              okLabel: L10n.of(context).resetAccount,
            );
            if (consent != OkCancelResult.ok) return;
            if (!context.mounted) return;
            viewModel.startResetAccount();
          },
          style: TextButton.styleFrom(foregroundColor: theme.colorScheme.error),
          child: Text(L10n.of(context).resetAccount),
        ),
      ],
    );
  }
}