import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:adaptive_dialog/adaptive_dialog.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:future_loading_dialog/future_loading_dialog.dart'; import 'package:matrix/encryption.dart'; import 'package:matrix/encryption/utils/bootstrap.dart'; import 'package:matrix/matrix.dart'; import 'package:fluffychat/config/themes.dart'; import 'package:fluffychat/utils/platform_infos.dart'; import 'package:fluffychat/widgets/adaptive_flat_button.dart'; import '../key_verification/key_verification_dialog.dart'; class BootstrapDialog extends StatefulWidget { final bool wipe; final Client client; const BootstrapDialog({ Key key, this.wipe = false, @required this.client, }) : super(key: key); Future show(BuildContext context) => PlatformInfos.isCupertinoStyle ? showCupertinoDialog( context: context, builder: (context) => this, barrierDismissible: true, useRootNavigator: false, ) : showDialog( context: context, builder: (context) => this, barrierDismissible: true, useRootNavigator: false, ); @override _BootstrapDialogState createState() => _BootstrapDialogState(); } class _BootstrapDialogState extends State { final TextEditingController _recoveryKeyTextEditingController = TextEditingController(); Bootstrap bootstrap; String _recoveryKeyInputError; bool _recoveryKeyInputLoading = false; String titleText; bool _recoveryKeyStored = false; bool _wipe; @override void initState() { _createBootstrap(widget.wipe); super.initState(); } void _createBootstrap(bool wipe) { _wipe = wipe; titleText = null; _recoveryKeyStored = false; bootstrap = widget.client.encryption .bootstrap(onUpdate: () => setState(() => null)); } @override Widget build(BuildContext context) { _wipe ??= widget.wipe; final buttons = []; Widget body = PlatformInfos.isCupertinoStyle ? const CupertinoActivityIndicator() : const LinearProgressIndicator(); titleText = L10n.of(context).loadingPleaseWait; if (bootstrap.newSsssKey?.recoveryKey != null && _recoveryKeyStored == false) { final key = bootstrap.newSsssKey.recoveryKey; titleText = L10n.of(context).securityKey; return Scaffold( appBar: AppBar( centerTitle: true, leading: IconButton( icon: const Icon(Icons.close), onPressed: Navigator.of(context).pop, ), title: Text(L10n.of(context).securityKey), ), body: Center( child: ConstrainedBox( constraints: const BoxConstraints(maxWidth: FluffyThemes.columnWidth * 1.5), child: ListView( padding: const EdgeInsets.all(16.0), children: [ TextField( minLines: 4, maxLines: 4, readOnly: true, controller: TextEditingController(text: key), ), const SizedBox(height: 16), ElevatedButton.icon( icon: const Icon(Icons.copy_outlined), label: Text(L10n.of(context).copyToClipboard), onPressed: () => Clipboard.setData(ClipboardData(text: key)), ), const SizedBox(height: 16), ElevatedButton.icon( style: ElevatedButton.styleFrom( primary: Theme.of(context).secondaryHeaderColor, onPrimary: Theme.of(context).primaryColor, ), icon: const Icon(Icons.check_outlined), label: Text(L10n.of(context).iWroteDownTheKey), onPressed: () => setState(() => _recoveryKeyStored = true), ), ], ), ), ), ); } else { switch (bootstrap.state) { case BootstrapState.loading: break; case BootstrapState.askWipeSsss: WidgetsBinding.instance.addPostFrameCallback( (_) => bootstrap.wipeSsss(_wipe), ); break; case BootstrapState.askBadSsss: WidgetsBinding.instance.addPostFrameCallback( (_) => bootstrap.ignoreBadSecrets(true), ); break; case BootstrapState.askUseExistingSsss: WidgetsBinding.instance.addPostFrameCallback( (_) => bootstrap.useExistingSsss(!_wipe), ); break; case BootstrapState.askUnlockSsss: WidgetsBinding.instance.addPostFrameCallback( (_) => bootstrap.unlockedSsss(), ); break; case BootstrapState.askNewSsss: WidgetsBinding.instance.addPostFrameCallback( (_) => bootstrap.newSsss(), ); break; case BootstrapState.openExistingSsss: _recoveryKeyStored = true; return Scaffold( appBar: AppBar( centerTitle: true, leading: IconButton( icon: const Icon(Icons.close), onPressed: Navigator.of(context).pop, ), title: Text(L10n.of(context).pleaseEnterSecurityKey), ), body: Center( child: ConstrainedBox( constraints: const BoxConstraints( maxWidth: FluffyThemes.columnWidth * 1.5), child: ListView( padding: const EdgeInsets.all(16.0), children: [ Text( L10n.of(context).setupChatBackupDescription, textAlign: TextAlign.center, ), const SizedBox(height: 16), TextField( minLines: 4, maxLines: 4, autocorrect: false, readOnly: _recoveryKeyInputLoading, autofillHints: _recoveryKeyInputLoading ? null : [AutofillHints.password], controller: _recoveryKeyTextEditingController, decoration: InputDecoration( hintText: 'Abc123 Def456', labelText: L10n.of(context).securityKey, errorText: _recoveryKeyInputError, ), ), const SizedBox(height: 16), ElevatedButton.icon( icon: _recoveryKeyInputLoading ? const CircularProgressIndicator.adaptive() : const Icon(Icons.lock_open_outlined), label: Text(L10n.of(context).unlockChatBackup), onPressed: _recoveryKeyInputLoading ? null : () async { setState(() { _recoveryKeyInputError = null; _recoveryKeyInputLoading = true; }); try { final key = _recoveryKeyTextEditingController.text; await bootstrap.newSsssKey.unlock( keyOrPassphrase: key, ); Logs().d('SSSS unlocked'); await bootstrap.client.encryption.crossSigning .selfSign( keyOrPassphrase: key, ); Logs().d('Successful elfsigned'); await bootstrap.openExistingSsss(); } catch (e, s) { Logs().w('Unable to unlock SSSS', e, s); setState(() => _recoveryKeyInputError = L10n.of(context).oopsSomethingWentWrong); } finally { setState( () => _recoveryKeyInputLoading = false); } }), const SizedBox(height: 16), Row(children: [ const Expanded(child: Divider()), Padding( padding: const EdgeInsets.all(12.0), child: Text(L10n.of(context).or), ), const Expanded(child: Divider()), ]), const SizedBox(height: 16), ElevatedButton.icon( style: ElevatedButton.styleFrom( primary: Theme.of(context).secondaryHeaderColor, onPrimary: Theme.of(context).primaryColor, ), icon: const Icon(Icons.transfer_within_a_station_outlined), label: Text(L10n.of(context).transferFromAnotherDevice), onPressed: _recoveryKeyInputLoading ? null : () async { final req = await showFutureLoadingDialog( context: context, future: () => widget .client.userDeviceKeys[widget.client.userID] .startVerification(), ); if (req.error != null) return; await KeyVerificationDialog(request: req.result) .show(context); Navigator.of(context, rootNavigator: false).pop(); }, ), const SizedBox(height: 16), ElevatedButton.icon( style: ElevatedButton.styleFrom( primary: Theme.of(context).secondaryHeaderColor, onPrimary: Colors.red, ), icon: const Icon(Icons.delete_outlined), label: Text(L10n.of(context).securityKeyLost), onPressed: _recoveryKeyInputLoading ? null : () async { if (OkCancelResult.ok == await showOkCancelAlertDialog( useRootNavigator: false, context: context, title: L10n.of(context).securityKeyLost, message: L10n.of(context).wipeChatBackup, okLabel: L10n.of(context).ok, cancelLabel: L10n.of(context).cancel, isDestructiveAction: true, )) { setState(() => _createBootstrap(true)); } }, ) ], ), ), ), ); case BootstrapState.askWipeCrossSigning: WidgetsBinding.instance.addPostFrameCallback( (_) => bootstrap.wipeCrossSigning(_wipe), ); break; case BootstrapState.askSetupCrossSigning: WidgetsBinding.instance.addPostFrameCallback( (_) => bootstrap.askSetupCrossSigning( setupMasterKey: true, setupSelfSigningKey: true, setupUserSigningKey: true, ), ); break; case BootstrapState.askWipeOnlineKeyBackup: WidgetsBinding.instance.addPostFrameCallback( (_) => bootstrap.wipeOnlineKeyBackup(_wipe), ); break; case BootstrapState.askSetupOnlineKeyBackup: WidgetsBinding.instance.addPostFrameCallback( (_) => bootstrap.askSetupOnlineKeyBackup(true), ); break; case BootstrapState.error: titleText = L10n.of(context).oopsSomethingWentWrong; body = const Icon(Icons.error_outline, color: Colors.red, size: 40); buttons.add(AdaptiveFlatButton( label: L10n.of(context).close, onPressed: () => Navigator.of(context, rootNavigator: false).pop(false), )); break; case BootstrapState.done: titleText = L10n.of(context).everythingReady; body = Column( mainAxisSize: MainAxisSize.min, children: [ Image.asset('assets/backup.png', fit: BoxFit.contain), Text(L10n.of(context).yourChatBackupHasBeenSetUp), ], ); buttons.add(AdaptiveFlatButton( label: L10n.of(context).close, onPressed: () => Navigator.of(context, rootNavigator: false).pop(false), )); break; } } final title = Text(titleText); if (PlatformInfos.isCupertinoStyle) { return CupertinoAlertDialog( title: title, content: body, actions: buttons, ); } return AlertDialog( title: title, content: body, actions: buttons, ); } }