yubioath-flutter/lib/fido/views/locked_page.dart

203 lines
6.2 KiB
Dart
Raw Normal View History

2022-10-04 13:12:54 +03:00
/*
* 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 'package:flutter/material.dart';
2022-09-12 16:46:43 +03:00
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../app/models.dart';
import '../../app/views/app_page.dart';
2022-05-18 15:11:17 +03:00
import '../../app/views/graphics.dart';
import '../../app/views/message_page.dart';
import '../models.dart';
import '../state.dart';
import 'key_actions.dart';
class FidoLockedPage extends ConsumerWidget {
final DeviceNode node;
final FidoState state;
2022-05-12 10:56:55 +03:00
const FidoLockedPage(this.node, this.state, {super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
2023-02-28 21:05:46 +03:00
final l10n = AppLocalizations.of(context)!;
if (!state.hasPin) {
if (state.bioEnroll != null) {
return MessagePage(
title: Text(l10n.s_webauthn),
2022-05-20 12:11:20 +03:00
graphic: noFingerprints,
header: l10n.s_no_fingerprints,
2023-02-28 21:05:46 +03:00
message: l10n.l_set_pin_fingerprints,
keyActionsBuilder: _buildActions,
keyActionsBadge: fidoShowActionsNotifier(state),
);
} else {
return MessagePage(
title: Text(l10n.s_webauthn),
graphic: manageAccounts,
2022-09-12 16:46:43 +03:00
header: state.credMgmt
2023-02-28 21:05:46 +03:00
? l10n.l_no_discoverable_accounts
: l10n.l_ready_to_use,
message: l10n.l_optionally_set_a_pin,
keyActionsBuilder: _buildActions,
keyActionsBadge: fidoShowActionsNotifier(state),
);
}
}
if (!state.credMgmt && state.bioEnroll == null) {
return MessagePage(
title: Text(l10n.s_webauthn),
graphic: manageAccounts,
2023-02-28 21:05:46 +03:00
header: l10n.l_ready_to_use,
message: l10n.l_register_sk_on_websites,
keyActionsBuilder: _buildActions,
);
}
return AppPage(
title: Text(l10n.s_webauthn),
keyActionsBuilder: _buildActions,
child: Column(
children: [
_PinEntryForm(state, node),
],
),
);
}
Widget _buildActions(BuildContext context) =>
fidoBuildActions(context, node, state, -1);
}
class _PinEntryForm extends ConsumerStatefulWidget {
final FidoState _state;
final DeviceNode _deviceNode;
2022-05-12 10:56:55 +03:00
const _PinEntryForm(this._state, this._deviceNode);
@override
ConsumerState<_PinEntryForm> createState() => _PinEntryFormState();
}
class _PinEntryFormState extends ConsumerState<_PinEntryForm> {
final _pinController = TextEditingController();
bool _blocked = false;
int? _retries;
bool _pinIsWrong = false;
bool _isObscure = true;
void _submit() async {
setState(() {
_pinIsWrong = false;
_isObscure = true;
});
final result = await ref
.read(fidoStateProvider(widget._deviceNode.path).notifier)
.unlock(_pinController.text);
result.whenOrNull(failed: (retries, authBlocked) {
setState(() {
_pinController.clear();
_pinIsWrong = true;
_retries = retries;
_blocked = authBlocked;
});
});
}
String? _getErrorText() {
2023-02-28 21:05:46 +03:00
final l10n = AppLocalizations.of(context)!;
if (_retries == 0) {
2023-02-28 21:05:46 +03:00
return l10n.l_pin_blocked_reset;
}
if (_blocked) {
2023-02-28 21:05:46 +03:00
return l10n.l_pin_soft_locked;
}
if (_retries != null) {
2023-02-28 21:05:46 +03:00
return l10n.l_wrong_pin_attempts_remaining(_retries!);
}
return null;
}
@override
Widget build(BuildContext context) {
2023-02-28 21:05:46 +03:00
final l10n = AppLocalizations.of(context)!;
final noFingerprints = widget._state.bioEnroll == false;
return Padding(
padding: const EdgeInsets.only(left: 18.0, right: 18, top: 32),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
2023-02-28 21:05:46 +03:00
Text(l10n.l_enter_fido2_pin),
Padding(
padding: const EdgeInsets.only(top: 16.0, bottom: 16.0),
child: TextField(
autofocus: true,
obscureText: _isObscure,
autofillHints: const [AutofillHints.password],
controller: _pinController,
decoration: InputDecoration(
border: const OutlineInputBorder(),
labelText: l10n.s_pin,
helperText: '', // Prevents dialog resizing
errorText: _pinIsWrong ? _getErrorText() : null,
errorMaxLines: 3,
2022-06-09 12:23:34 +03:00
prefixIcon: const Icon(Icons.pin_outlined),
suffixIcon: IconButton(
icon: Icon(
_isObscure ? Icons.visibility : Icons.visibility_off,
color: IconTheme.of(context).color,
),
onPressed: () {
setState(() {
_isObscure = !_isObscure;
});
},
),
),
onChanged: (value) {
setState(() {
_pinIsWrong = false;
});
}, // Update state on change
onSubmitted: (_) => _submit(),
),
),
ListTile(
leading:
noFingerprints ? const Icon(Icons.warning_amber_rounded) : null,
title: noFingerprints
2022-09-12 16:46:43 +03:00
? Text(
2023-02-28 21:05:46 +03:00
l10n.l_no_fps_added,
overflow: TextOverflow.fade,
)
: null,
dense: true,
contentPadding: const EdgeInsets.symmetric(horizontal: 0),
minLeadingWidth: 0,
2022-09-01 12:35:39 +03:00
trailing: ElevatedButton.icon(
icon: const Icon(Icons.lock_open),
label: Text(l10n.s_unlock),
onPressed:
_pinController.text.isNotEmpty && !_blocked ? _submit : null,
),
),
],
),
);
}
}