CW-774: Enforce Seed Verification

lib/di.dart

@@ -39,6 +39,7 @@ import 'package:cake_wallet/entities/wallet_manager.dart';
 import 'package:cake_wallet/src/screens/buy/buy_sell_options_page.dart';
 import 'package:cake_wallet/src/screens/buy/payment_method_options_page.dart';
 import 'package:cake_wallet/src/screens/receive/address_list_page.dart';
+import 'package:cake_wallet/src/screens/seed/seed_verification/seed_verification_page.dart';
 import 'package:cake_wallet/src/screens/wallet_list/wallet_list_page.dart';
 import 'package:cake_wallet/src/screens/settings/mweb_logs_page.dart';
 import 'package:cake_wallet/src/screens/settings/mweb_node_page.dart';
@@ -1413,5 +1414,7 @@ Future<void> setup({
 
   getIt.registerFactory(() => SignViewModel(getIt.get<AppStore>().wallet!));
 
+    getIt.registerFactory(() => SeedVerificationPage(getIt.get<WalletSeedViewModel>()));
+
   _isSetupFinished = true;
 }

lib/router.dart

@@ -66,6 +66,7 @@ import 'package:cake_wallet/src/screens/restore/sweeping_wallet_page.dart';
 import 'package:cake_wallet/src/screens/restore/wallet_restore_choose_derivation.dart';
 import 'package:cake_wallet/src/screens/restore/wallet_restore_page.dart';
 import 'package:cake_wallet/src/screens/seed/pre_seed_page.dart';
+import 'package:cake_wallet/src/screens/seed/seed_verification/seed_verification_page.dart';
 import 'package:cake_wallet/src/screens/seed/wallet_seed_page.dart';
 import 'package:cake_wallet/src/screens/send/send_page.dart';
 import 'package:cake_wallet/src/screens/send/send_template_page.dart';
@@ -794,6 +795,12 @@ Route<dynamic> createRoute(RouteSettings settings) {
         ),
       );
 
+    case Routes.walletSeedVerificationPage:
+      return MaterialPageRoute<void>(
+        fullscreenDialog: true,
+        builder: (_) => getIt.get<SeedVerificationPage>(),
+      );
+
     default:
       return MaterialPageRoute<void>(
           builder: (_) => Scaffold(

lib/routes.dart

@@ -115,4 +115,5 @@ class Routes {
   static const urqrAnimatedPage = '/urqr/animated_page';
   static const walletGroupsDisplayPage = '/wallet_groups_display_page';
   static const walletGroupDescription = '/wallet_group_description';
+  static const walletSeedVerificationPage = '/wallet_seed_verification_page';
 }

lib/src/screens/seed/pre_seed_page.dart

@@ -25,5 +25,5 @@ class PreSeedPage extends InfoPage {
 
   @override
   void Function(BuildContext) get onPressed =>
-      (BuildContext context) => Navigator.of(context).popAndPushNamed(Routes.seed, arguments: true);
+      (BuildContext context) => Navigator.of(context).pushNamed(Routes.seed, arguments: true);
 }

lib/src/screens/seed/seed_verification/seed_verification_page.dart

@@ -0,0 +1,35 @@
+import 'package:cake_wallet/generated/i18n.dart';
+import 'package:cake_wallet/src/screens/base_page.dart';
+import 'package:cake_wallet/src/screens/seed/seed_verification/seed_verification_step_view.dart';
+import 'package:cake_wallet/src/screens/seed/seed_verification/seed_verification_success_view.dart';
+import 'package:cake_wallet/view_model/wallet_seed_view_model.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_mobx/flutter_mobx.dart';
+
+class SeedVerificationPage extends BasePage {
+  final WalletSeedViewModel walletSeedViewModel;
+
+  SeedVerificationPage(this.walletSeedViewModel);
+
+  @override
+  String? get title => S.current.verify_seed;
+
+  @override
+  Widget body(BuildContext context) {
+    return Observer(
+      builder: (context) {
+        return Padding(
+          padding: const EdgeInsets.all(16.0),
+          child: walletSeedViewModel.isVerificationComplete
+              ? SeedVerificationSuccessView(
+                  imageColor: titleColor(context),
+                )
+              : SeedVerificationStepView(
+                  walletSeedViewModel: walletSeedViewModel,
+                  questionTextColor: titleColor(context),
+                ),
+        );
+      },
+    );
+  }
+}

lib/src/screens/seed/seed_verification/seed_verification_step_view.dart

@@ -0,0 +1,135 @@
+import 'package:cake_wallet/generated/i18n.dart';
+import 'package:cake_wallet/themes/extensions/cake_text_theme.dart';
+import 'package:cake_wallet/utils/show_bar.dart';
+import 'package:cake_wallet/view_model/wallet_seed_view_model.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_mobx/flutter_mobx.dart';
+
+class SeedVerificationStepView extends StatelessWidget {
+  const SeedVerificationStepView({
+    required this.walletSeedViewModel,
+    required this.questionTextColor,
+    super.key,
+  });
+
+  final WalletSeedViewModel walletSeedViewModel;
+  final Color questionTextColor;
+
+  @override
+  Widget build(BuildContext context) {
+    return Observer(
+      builder: (context) {
+        return Padding(
+          padding: EdgeInsets.symmetric(horizontal: 8),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              SizedBox(height: 48),
+              Align(
+                alignment: Alignment.center,
+                child: RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: '${S.current.seed_position_question_one} ',
+                        style: TextStyle(
+                          fontSize: 20,
+                          fontWeight: FontWeight.w600,
+                          color: questionTextColor,
+                        ),
+                      ),
+                      TextSpan(
+                        text: '${getOrdinal(walletSeedViewModel.currentWordIndex + 1)} ',
+                        style: TextStyle(
+                          fontSize: 20,
+                          fontWeight: FontWeight.w800,
+                          color: questionTextColor,
+                        ),
+                      ),
+                      TextSpan(
+                        text: S.current.seed_position_question_two,
+                        style: TextStyle(
+                          fontSize: 20,
+                          fontWeight: FontWeight.w600,
+                          color: questionTextColor,
+                        ),
+                      ),
+                    ],
+                  ),
+                  textAlign: TextAlign.center,
+                ),
+              ),
+              const SizedBox(height: 24),
+              Align(
+                alignment: Alignment.center,
+                child: Wrap(
+                  spacing: 8,
+                  runSpacing: 8,
+                  alignment: WrapAlignment.center,
+                  children: walletSeedViewModel.currentOptions.map(
+                    (option) {
+                      return GestureDetector(
+                        onTap: () async {
+                          final isCorrectWord = walletSeedViewModel.isChosenWordCorrect(option);
+                          final isSecondWrongEntry = walletSeedViewModel.wrongEntries == 2;
+                          if (!isCorrectWord) {
+                            await showBar<void>(
+                              context,
+                              isSecondWrongEntry
+                                  ? S.current.incorrect_seed_option_back
+                                  : S.current.incorrect_seed_option,
+                            );
+
+                            if (isSecondWrongEntry) {
+                              Navigator.pop(context);
+                            }
+                          }
+                        },
+                        child: Container(
+                          padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
+                          decoration: BoxDecoration(
+                            borderRadius: BorderRadius.circular(16),
+                            color: Theme.of(context).cardColor,
+                          ),
+                          child: Text(
+                            option,
+                            style: TextStyle(
+                              fontSize: 20,
+                              fontWeight: FontWeight.w800,
+                              color: Theme.of(context).extension<CakeTextTheme>()!.buttonTextColor,
+                            ),
+                          ),
+                        ),
+                      );
+                    },
+                  ).toList(),
+                ),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  String getOrdinal(int number) {
+    // Handle special cases for 11th, 12th, 13th
+    final lastTwoDigits = number % 100;
+    if (lastTwoDigits >= 11 && lastTwoDigits <= 13) {
+      return '${number}th';
+    }
+
+    // Check the last digit for st, nd, rd, or default th
+    final lastDigit = number % 10;
+    switch (lastDigit) {
+      case 1:
+        return '${number}st';
+      case 2:
+        return '${number}nd';
+      case 3:
+        return '${number}rd';
+      default:
+        return '${number}th';
+    }
+  }
+}

lib/src/screens/seed/seed_verification/seed_verification_success_view.dart

@@ -0,0 +1,74 @@
+import 'package:cake_wallet/generated/i18n.dart';
+import 'package:cake_wallet/src/widgets/primary_button.dart';
+import 'package:cake_wallet/themes/extensions/cake_text_theme.dart';
+import 'package:flutter/material.dart';
+
+class SeedVerificationSuccessView extends StatelessWidget {
+  const SeedVerificationSuccessView({required this.imageColor, super.key});
+
+  final Color imageColor;
+
+  @override
+  Widget build(BuildContext context) {
+    final image = Image.asset('assets/images/seed_verified.png', color: imageColor);
+
+    return Center(
+      child: Column(
+        children: [
+          ConstrainedBox(
+            constraints: BoxConstraints(maxHeight: MediaQuery.of(context).size.height * 0.3),
+            child: AspectRatio(
+              aspectRatio: 1.8,
+              child: image,
+            ),
+          ),
+          SizedBox(height: 16),
+          Text(
+            S.current.seed_verified,
+            textAlign: TextAlign.center,
+            style: TextStyle(
+              fontSize: 20,
+              fontWeight: FontWeight.w600,
+              color: Theme.of(context).extension<CakeTextTheme>()!.titleColor,
+            ),
+          ),
+          SizedBox(height: 48),
+          RichText(
+            text: TextSpan(
+              children: [
+                TextSpan(
+                  text: '${S.current.seed_verified_subtext} ',
+                  style: TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.w400,
+                    color: Theme.of(context).extension<CakeTextTheme>()!.secondaryTextColor,
+                  ),
+                ),
+                TextSpan(
+                  text: S.current.seed_display_path,
+                  style: TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.w800,
+                    color: Theme.of(context).extension<CakeTextTheme>()!.secondaryTextColor,
+                  ),
+                ),
+              ],
+            ),
+            textAlign: TextAlign.center,
+          ),
+          Spacer(),
+          PrimaryButton(
+            key: ValueKey('wallet_seed_page_open_wallet_button_key'),
+            onPressed: () {
+              Navigator.of(context).popUntil((route) => route.isFirst);
+            },
+            text: S.current.open_wallet,
+            color: Theme.of(context).primaryColor,
+            textColor: Colors.white,
+          ),
+          SizedBox(height: 16),
+        ],
+      ),
+    );
+  }
+}