Merge remote-tracking branch 'origin/auth-login-and-2fa-login' into auth-recover-password

# Conflicts:
#	modules/auth/lib/src/core/data/datasource/auth_remote_datasource.dart
#	modules/auth/lib/src/core/data/datasource/auth_remote_datasource_impl.dart
#	modules/auth/lib/src/core/data/repositories/auth_repository_impl.dart
#	modules/auth/lib/src/core/domain/repositories/auth_repository.dart
#	modules/auth/lib/src/features/recover_password/presentation/new_password_screen.dart
#	modules/auth/lib/src/features/recover_password/presentation/restore_password_screen.dart
#	packages/design_system/lib/src/inputs/textfields.dart
#	packages/sf_localizations/assets/l10n/de.json
#	packages/sf_localizations/assets/l10n/en.json
#	packages/sf_localizations/assets/l10n/es.json
#	packages/sf_localizations/assets/l10n/fr.json
#	packages/sf_localizations/assets/l10n/it.json
#	packages/sf_localizations/assets/l10n/pt.json
#	packages/sf_localizations/lib/src/generated/i18n.dart

modules/auth/lib/src/core/data/datasource/auth_remote_datasource.dart

@@ -3,6 +3,10 @@ abstract class AuthRemoteDatasource {
 
   Future<void> verifyPhoneCode({required String phone, required String code});
 
+  Future<String> login({required String email, required String password});
+
+  Future<void> twoFALogin({required String token, required String code});
+
   Future<String> requestPasswordReset({String? phone, String? email});
 
   Future<void> recoverPassword({required newPassword, required token});

modules/auth/lib/src/core/data/datasource/auth_remote_datasource_impl.dart

@@ -54,6 +54,35 @@ class AuthRemoteDatasourceImpl implements AuthRemoteDatasource {
     return Exception(message);
   }
 
+  @override
+  Future<String> login({
+    required String email,
+    required String password,
+  }) async {
+    try {
+      final response = await _repository.post<Map<String, dynamic>>(
+        '/auth/login',
+        body: <String, dynamic>{'email': email, 'password': password},
+      );
+      final token = response.data!['token'];
+      return token;
+    } on DioException catch (error) {
+      throw _mapDioError(error, defaultMessage: 'Error in login');
+    }
+  }
+
+  @override
+  Future<void> twoFALogin({required String token, required String code}) async {
+    try {
+      await _repository.post<Map<String, dynamic>>(
+        '/auth/login',
+        body: <String, dynamic>{'token': token, 'password': code},
+      );
+    } on DioException catch (error) {
+      throw _mapDioError(error, defaultMessage: 'Error in login');
+    }
+  }
+
   @override
   Future<String> requestPasswordReset({
     String? phone,

modules/auth/lib/src/core/data/repositories/auth_repository_impl.dart

@@ -16,6 +16,16 @@ class AuthRepositoryImpl implements AuthRepository {
     return _remote.verifyPhoneCode(phone: phone, code: code);
   }
 
+  @override
+  Future<String> login({required String email, required String password}) {
+    return _remote.login(email: email, password: password);
+  }
+
+  @override
+  Future<void> twoFALogin({required String token, required String code}) {
+    return _remote.twoFALogin(token: token, code: code);
+  }
+
   @override
   Future<String> requestPasswordReset({String? phone, String? email}) {
     return _remote.requestPasswordReset(phone: phone, email: email);

modules/auth/lib/src/core/domain/repositories/auth_repository.dart

@@ -3,6 +3,10 @@ abstract class AuthRepository {
 
   Future<void> verifyPhoneCode({required String phone, required String code});
 
+  Future<String> login({required String email, required String password});
+
+  Future<void> twoFALogin({required String token, required String code});
+
   Future<String> requestPasswordReset({String phone, String email});
 
   Future<void> recoverPassword({required String newPassword, required String token});

modules/auth/lib/src/features/device_sign_up/link_watch/create_profile_screen.dart

@@ -17,16 +17,14 @@ class CreateProfileScreen extends ConsumerWidget {
         Text(
           "Comienza con un peque; luego podrás agregar más",
           textAlign: TextAlign.center,
-          style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, letterSpacing: 0),
+          style: TextStyle(
+            fontSize: 14,
+            fontWeight: FontWeight.w500,
+            letterSpacing: 0,
           ),
-        CustomTextField(
-          label: "Nombre",
-          hint: "Nombre",
-        ),
-        CustomTextField(
-          label: "Apellidos",
-          hint: "Apellidos",
         ),
+        CustomTextField(label: "Nombre", hint: "Nombre"),
+        CustomTextField(label: "Apellidos", hint: "Apellidos"),
         Column(
           spacing: 8,
           children: [
@@ -42,21 +40,21 @@ class CreateProfileScreen extends ConsumerWidget {
               children: [
                 Expanded(
                   child: CustomTextField(
-                    numeric: true,
+                    keyboardType: TextInputType.number,
                     hint: "DD",
                     length: 2,
                   ),
                 ),
                 Expanded(
                   child: CustomTextField(
-                    numeric: true,
+                    keyboardType: TextInputType.number,
                     hint: "MM",
                     length: 2,
                   ),
                 ),
                 Expanded(
                   child: CustomTextField(
-                    numeric: true,
+                    keyboardType: TextInputType.number,
                     hint: "AAAA",
                     length: 4,
                   ),
@@ -77,7 +75,7 @@ class CreateProfileScreen extends ConsumerWidget {
             size: 18,
             weight: FontWeight.w500,
           ),
-        )
+        ),
       ],
     );
   }

modules/auth/lib/src/features/link_phone/presentation/request_phone/request_link_phone_screen.dart

@@ -67,7 +67,7 @@ class RequestLinkPhoneScreen extends ConsumerWidget {
                       child: CustomTextField(
                         controller: viewModel.phoneNumberController,
                         hint: context.translate(I18n.phoneNumber),
-                        numeric: true,
+                        keyboardType: TextInputType.number,
                       ),
                     ),
                   ],

modules/auth/lib/src/features/login/domain/login_use_case.dart

@@ -0,0 +1,3 @@
+abstract class LoginUseCase {
+  Future<void> login({required String email, required String password});
+}

modules/auth/lib/src/features/login/domain/login_use_case_impl.dart

@@ -0,0 +1,13 @@
+import 'package:auth/src/core/domain/repositories/auth_repository.dart';
+import 'package:auth/src/features/login/domain/login_use_case.dart';
+
+class LoginUseCaseImpl implements LoginUseCase {
+  LoginUseCaseImpl(this._repository);
+
+  final AuthRepository _repository;
+
+  @override
+  Future<void> login({required String email, required String password}) {
+    return _repository.login(email: email, password: password);
+  }
+}

modules/auth/lib/src/features/login/presentation/login_screen.dart

@@ -1,144 +1,158 @@
 import 'package:auth/src/features/login/presentation/loading_google_screen.dart';
-import 'package:auth/src/features/sign_up/signup_screen.dart';
+import 'package:auth/src/features/login/presentation/state/login_view_model.dart';
 import 'package:design_system/design_system.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:navigation/navigation.dart';
 import 'package:sf_localizations/sf_localizations.dart';
 
-class LoginScreen extends ConsumerStatefulWidget {
+class LoginScreen extends ConsumerWidget {
   final NavigationContract navigationContract;
 
   const LoginScreen({super.key, required this.navigationContract});
 
   @override
-  ConsumerState<ConsumerStatefulWidget> createState() => _LoginScreenState();
+  Widget build(BuildContext context, WidgetRef ref) {
+    final theme = ref.watch(themePortProvider);
+    final vm = ref.read(loginViewModelProvider.notifier);
+    final state = ref.watch(loginViewModelProvider);
+
+    Future<void> onSignIn() async {
+      FocusScope.of(context).unfocus();
+      final login = await vm.login();
+      if (login) navigationContract.goTo(AppRoutes.dashboardHome);
     }
 
-class _LoginScreenState extends ConsumerState<LoginScreen> {
+    return Scaffold(
-  bool passwordVisible = false;
+      backgroundColor: theme.getColorFor(ThemeCode.backgroundPrimary),
-
+      body: SingleChildScrollView(
-  @override
+        padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 40),
-  Widget build(BuildContext context) {
+        child: Column(
-    final theme = ref.watch(themePortProvider);
+          mainAxisAlignment: MainAxisAlignment.center,
-
-    bool passwordVisible = true;
-
-    final content = [
-      Column(
-        spacing: 8,
           children: [
             Icon(
               Icons.check,
               color: theme.getColorFor(ThemeCode.buttonPrimary),
-            size: 50,
+              size: 54,
             ),
             Text(
-            // context.translate(I18n.example)
+              context.translate(I18n.welcome),
-            "¡Te damos la bienvenida!",
               textAlign: TextAlign.center,
-            style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
+              style: const TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
             ),
-        ],
+            const SizedBox(height: 48),
-      ),
+
-      Column(
-        spacing: 32,
-        children: [
-          Column(
-            spacing: 24,
-            children: [
             CustomTextField(
-                hint: "Nombre de usuario",
+              hint: context.translate(I18n.username),
-                label: "Nombre de usuario",
+              label: context.translate(I18n.username),
+              controller: vm.emailController,
+              keyboardType: TextInputType.emailAddress,
+              textInputAction: TextInputAction.next,
             ),
-              Column(
+
-                spacing: 12,
+            const SizedBox(height: 24),
-                children: [
+
             CustomTextField(
-                    showPassword: passwordVisible,
+              showPassword: state.passwordVisible,
-                    label: "Contraseña",
+              label: context.translate(I18n.password),
               hint: "********",
+              controller: vm.passwordController,
+
+              textInputAction: TextInputAction.done,
+              onSubmitted: (_) => onSignIn(),
             ),
+
+            const SizedBox(height: 16),
+
             Align(
               alignment: Alignment.topLeft,
               child: CustomTextButton(
-                      text: "¿Has olvidado la contraseña?",
+                text: context.translate(I18n.forgotPassword),
-                      onPressed: () => widget.navigationContract.pushTo(
+                onPressed: state.isLoading
-                        AppRoutes.recoverPassword,
+                    ? () {}
-                      ),
+                    : () =>
+                          navigationContract.pushTo(AppRoutes.recoverPassword),
                 size: 16,
               ),
             ),
-                ],
+
-              ),
+            const SizedBox(height: 30),
-            ],
+
-          ),
             PrimaryButton(
-            onPressed: () =>
+              onPressed: state.isLoading ? () {} : onSignIn,
-                widget.navigationContract.goTo(AppRoutes.dashboardHome),
+              text: context.translate(I18n.signIn),
-            text: "Iniciar sesión",
               color: theme.getColorFor(ThemeCode.buttonPrimary),
+              leading: state.isLoading
+                  ? const SizedBox(
+                      height: 18,
+                      width: 18,
+                      child: CircularProgressIndicator(
+                        strokeWidth: 2,
+                        color: Colors.white,
                       ),
-          Container(
+                    )
-            padding: EdgeInsets.only(top: 24),
+                  : null,
-            child: Column(
+            ),
-              spacing: 24,
+
-              children: [
+            const SizedBox(height: 30),
+
             Stack(
               children: [
-                    Divider(endIndent: 74, indent: 74),
+                const Divider(endIndent: 74, indent: 74),
                 Align(
                   alignment: Alignment.center,
                   child: Container(
                     padding: const EdgeInsets.symmetric(horizontal: 14),
                     color: theme.getColorFor(ThemeCode.backgroundPrimary),
-                        child: Text("o continúa con"),
+                    child: Text(context.translate(I18n.orContinueWith)),
                   ),
                 ),
               ],
             ),
+
+            const SizedBox(height: 24),
+
             Row(
-                  spacing: 20,
+              mainAxisAlignment: MainAxisAlignment.center,
               children: [
-                    Spacer(),
                 SecondaryButton(
-                      onPressed: () => Navigator.push(
+                  onPressed: state.isLoading
+                      ? () {}
+                      : () => Navigator.push(
                           context,
                           MaterialPageRoute(
-                          builder: (_) => LoadingGoogleScreen(),
+                            builder: (_) => const LoadingGoogleScreen(),
                           ),
                         ),
                   radius: 16,
                   padding: 44,
-                      text: "Google",
+                  text: context.translate(I18n.google),
-                      label: "Google",
+                  label: 'Google',
                 ),
+                const SizedBox(width: 16),
                 SecondaryButton(
-                      onPressed: () => {},
+                  onPressed: state.isLoading ? () {} : () {},
                   radius: 16,
                   padding: 44,
                   icon: Icons.apple,
-                      label: "Apple",
+                  label: 'Apple',
-                    ),
-                    Spacer(),
-                  ],
                 ),
               ],
             ),
-          ),
+
-          Column(
+            const SizedBox(height: 30),
-            spacing: 8,
+
-            children: [
             Text(
-                "¿No tienes cuenta?",
+              context.translate(I18n.dontHaveAccount),
-                style: TextStyle(fontSize: 18, letterSpacing: 0),
+              style: const TextStyle(fontSize: 18, letterSpacing: 0),
             ),
             TextButton(
-                onPressed: () =>
+              onPressed: state.isLoading
-                    widget.navigationContract.goTo(AppRoutes.signup),
+                  ? null
+                  : () => navigationContract.goTo(AppRoutes.signup),
               child: Text(
-                  "Crear una ahora",
+                context.translate(I18n.createOneNow),
-                  style: TextStyle(
+                style: const TextStyle(
                   fontSize: 18,
                   fontWeight: FontWeight.w500,
                   letterSpacing: 0,
@@ -147,27 +161,6 @@ class _LoginScreenState extends ConsumerState<LoginScreen> {
             ),
           ],
         ),
-        ],
-      ),
-    ];
-
-    return Scaffold(
-      backgroundColor: theme.getColorFor(ThemeCode.backgroundPrimary),
-      body: Expanded(
-        child: Center(
-          child: Container(
-            margin: EdgeInsets.all(30),
-            child: ListView.separated(
-              itemBuilder: (BuildContext context, int index) {
-                return content[index];
-              },
-              separatorBuilder: (BuildContext context, int index) {
-                return Divider(color: Colors.transparent, height: 48);
-              },
-              itemCount: content.length,
-            ),
-          ),
-        ),
       ),
     );
   }

modules/auth/lib/src/features/login/presentation/providers/login_provider.dart

@@ -0,0 +1,9 @@
+import 'package:auth/src/core/providers/auth_repository_provider.dart';
+import 'package:auth/src/features/login/domain/login_use_case.dart';
+import 'package:auth/src/features/login/domain/login_use_case_impl.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+final loginUseCaseProvider = Provider.autoDispose<LoginUseCase>((ref) {
+  final authRepository = ref.read(authRepositoryProvider);
+  return LoginUseCaseImpl(authRepository);
+});

modules/auth/lib/src/features/login/presentation/state/login_view_model.dart

@@ -0,0 +1,79 @@
+import 'package:auth/src/features/login/domain/login_use_case.dart';
+import 'package:auth/src/features/login/presentation/providers/login_provider.dart';
+import 'package:auth/src/features/login/presentation/state/login_view_state.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+final loginViewModelProvider =
+    NotifierProvider.autoDispose<LoginViewModel, LoginViewState>(
+      LoginViewModel.new,
+    );
+
+class LoginViewModel extends Notifier<LoginViewState> {
+  late final LoginUseCase _loginUseCase;
+  late final TextEditingController emailController;
+  late final TextEditingController passwordController;
+
+  @override
+  LoginViewState build() {
+    _loginUseCase = ref.read(loginUseCaseProvider);
+
+    emailController = TextEditingController();
+    passwordController = TextEditingController();
+
+    emailController.addListener(_onEmailChanged);
+    passwordController.addListener(_onPasswordChanged);
+
+    ref.onDispose(disposeControllers);
+
+    return const LoginViewState();
+  }
+
+  void _onEmailChanged() {
+    if (emailController.text != state.email) {
+      state = state.copyWith(email: emailController.text, errorMessage: '');
+    }
+  }
+
+  void _onPasswordChanged() {
+    if (passwordController.text != state.password) {
+      state = state.copyWith(
+        password: passwordController.text,
+        errorMessage: '',
+      );
+    }
+  }
+
+  void togglePasswordVisible() {
+    state = state.copyWith(passwordVisible: !state.passwordVisible);
+  }
+
+  Future<bool> login() async {
+    final email = state.email.trim();
+    final password = state.password.trim();
+
+    if (email.isEmpty) {
+      state = state.copyWith(errorMessage: 'errorMessageIsEmpty');
+      return false;
+    }
+
+    state = state.copyWith(isLoading: true, errorMessage: '');
+    try {
+      await _loginUseCase.login(email: email, password: password);
+      if (!ref.mounted) return false;
+      state = state.copyWith(isLoading: false);
+      return true;
+    } catch (e) {
+      if (!ref.mounted) return false;
+      state = state.copyWith(isLoading: false, errorMessage: e.toString());
+      return false;
+    }
+  }
+
+  void disposeControllers() {
+    emailController.removeListener(_onEmailChanged);
+    passwordController.removeListener(_onPasswordChanged);
+    emailController.dispose();
+    passwordController.dispose();
+  }
+}

modules/auth/lib/src/features/login/presentation/state/login_view_state.dart

@@ -0,0 +1,14 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'login_view_state.freezed.dart';
+
+@freezed
+abstract class LoginViewState with _$LoginViewState {
+  const factory LoginViewState({
+    @Default('') String email,
+    @Default('') String password,
+    @Default(false) bool passwordVisible,
+    @Default('') String errorMessage,
+    @Default(false) bool isLoading,
+  }) = _LoginViewState;
+}

modules/auth/lib/src/features/login/presentation/state/login_view_state.freezed.dart

@@ -0,0 +1,283 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+// coverage:ignore-file
+// ignore_for_file: type=lint
+// ignore_for_file: unused_element, deprecated_member_use, deprecated_member_use_from_same_package, use_function_type_syntax_for_parameters, unnecessary_const, avoid_init_to_null, invalid_override_different_default_values_named, prefer_expression_function_bodies, annotate_overrides, invalid_annotation_target, unnecessary_question_mark
+
+part of 'login_view_state.dart';
+
+// **************************************************************************
+// FreezedGenerator
+// **************************************************************************
+
+// dart format off
+T _$identity<T>(T value) => value;
+/// @nodoc
+mixin _$LoginViewState {
+
+ String get email; String get password; bool get passwordVisible; String get errorMessage; bool get isLoading;
+/// Create a copy of LoginViewState
+/// with the given fields replaced by the non-null parameter values.
+@JsonKey(includeFromJson: false, includeToJson: false)
+@pragma('vm:prefer-inline')
+$LoginViewStateCopyWith<LoginViewState> get copyWith => _$LoginViewStateCopyWithImpl<LoginViewState>(this as LoginViewState, _$identity);
+
+
+
+@override
+bool operator ==(Object other) {
+  return identical(this, other) || (other.runtimeType == runtimeType&&other is LoginViewState&&(identical(other.email, email) || other.email == email)&&(identical(other.password, password) || other.password == password)&&(identical(other.passwordVisible, passwordVisible) || other.passwordVisible == passwordVisible)&&(identical(other.errorMessage, errorMessage) || other.errorMessage == errorMessage)&&(identical(other.isLoading, isLoading) || other.isLoading == isLoading));
+}
+
+
+@override
+int get hashCode => Object.hash(runtimeType,email,password,passwordVisible,errorMessage,isLoading);
+
+@override
+String toString() {
+  return 'LoginViewState(email: $email, password: $password, passwordVisible: $passwordVisible, errorMessage: $errorMessage, isLoading: $isLoading)';
+}
+
+
+}
+
+/// @nodoc
+abstract mixin class $LoginViewStateCopyWith<$Res>  {
+  factory $LoginViewStateCopyWith(LoginViewState value, $Res Function(LoginViewState) _then) = _$LoginViewStateCopyWithImpl;
+@useResult
+$Res call({
+ String email, String password, bool passwordVisible, String errorMessage, bool isLoading
+});
+
+
+
+
+}
+/// @nodoc
+class _$LoginViewStateCopyWithImpl<$Res>
+    implements $LoginViewStateCopyWith<$Res> {
+  _$LoginViewStateCopyWithImpl(this._self, this._then);
+
+  final LoginViewState _self;
+  final $Res Function(LoginViewState) _then;
+
+/// Create a copy of LoginViewState
+/// with the given fields replaced by the non-null parameter values.
+@pragma('vm:prefer-inline') @override $Res call({Object? email = null,Object? password = null,Object? passwordVisible = null,Object? errorMessage = null,Object? isLoading = null,}) {
+  return _then(_self.copyWith(
+email: null == email ? _self.email : email // ignore: cast_nullable_to_non_nullable
+as String,password: null == password ? _self.password : password // ignore: cast_nullable_to_non_nullable
+as String,passwordVisible: null == passwordVisible ? _self.passwordVisible : passwordVisible // ignore: cast_nullable_to_non_nullable
+as bool,errorMessage: null == errorMessage ? _self.errorMessage : errorMessage // ignore: cast_nullable_to_non_nullable
+as String,isLoading: null == isLoading ? _self.isLoading : isLoading // ignore: cast_nullable_to_non_nullable
+as bool,
+  ));
+}
+
+}
+
+
+/// Adds pattern-matching-related methods to [LoginViewState].
+extension LoginViewStatePatterns on LoginViewState {
+/// A variant of `map` that fallback to returning `orElse`.
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case final Subclass value:
+///     return ...;
+///   case _:
+///     return orElse();
+/// }
+/// ```
+
+@optionalTypeArgs TResult maybeMap<TResult extends Object?>(TResult Function( _LoginViewState value)?  $default,{required TResult orElse(),}){
+final _that = this;
+switch (_that) {
+case _LoginViewState() when $default != null:
+return $default(_that);case _:
+  return orElse();
+
+}
+}
+/// A `switch`-like method, using callbacks.
+///
+/// Callbacks receives the raw object, upcasted.
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case final Subclass value:
+///     return ...;
+///   case final Subclass2 value:
+///     return ...;
+/// }
+/// ```
+
+@optionalTypeArgs TResult map<TResult extends Object?>(TResult Function( _LoginViewState value)  $default,){
+final _that = this;
+switch (_that) {
+case _LoginViewState():
+return $default(_that);case _:
+  throw StateError('Unexpected subclass');
+
+}
+}
+/// A variant of `map` that fallback to returning `null`.
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case final Subclass value:
+///     return ...;
+///   case _:
+///     return null;
+/// }
+/// ```
+
+@optionalTypeArgs TResult? mapOrNull<TResult extends Object?>(TResult? Function( _LoginViewState value)?  $default,){
+final _that = this;
+switch (_that) {
+case _LoginViewState() when $default != null:
+return $default(_that);case _:
+  return null;
+
+}
+}
+/// A variant of `when` that fallback to an `orElse` callback.
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case Subclass(:final field):
+///     return ...;
+///   case _:
+///     return orElse();
+/// }
+/// ```
+
+@optionalTypeArgs TResult maybeWhen<TResult extends Object?>(TResult Function( String email,  String password,  bool passwordVisible,  String errorMessage,  bool isLoading)?  $default,{required TResult orElse(),}) {final _that = this;
+switch (_that) {
+case _LoginViewState() when $default != null:
+return $default(_that.email,_that.password,_that.passwordVisible,_that.errorMessage,_that.isLoading);case _:
+  return orElse();
+
+}
+}
+/// A `switch`-like method, using callbacks.
+///
+/// As opposed to `map`, this offers destructuring.
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case Subclass(:final field):
+///     return ...;
+///   case Subclass2(:final field2):
+///     return ...;
+/// }
+/// ```
+
+@optionalTypeArgs TResult when<TResult extends Object?>(TResult Function( String email,  String password,  bool passwordVisible,  String errorMessage,  bool isLoading)  $default,) {final _that = this;
+switch (_that) {
+case _LoginViewState():
+return $default(_that.email,_that.password,_that.passwordVisible,_that.errorMessage,_that.isLoading);case _:
+  throw StateError('Unexpected subclass');
+
+}
+}
+/// A variant of `when` that fallback to returning `null`
+///
+/// It is equivalent to doing:
+/// ```dart
+/// switch (sealedClass) {
+///   case Subclass(:final field):
+///     return ...;
+///   case _:
+///     return null;
+/// }
+/// ```
+
+@optionalTypeArgs TResult? whenOrNull<TResult extends Object?>(TResult? Function( String email,  String password,  bool passwordVisible,  String errorMessage,  bool isLoading)?  $default,) {final _that = this;
+switch (_that) {
+case _LoginViewState() when $default != null:
+return $default(_that.email,_that.password,_that.passwordVisible,_that.errorMessage,_that.isLoading);case _:
+  return null;
+
+}
+}
+
+}
+
+/// @nodoc
+
+
+class _LoginViewState implements LoginViewState {
+  const _LoginViewState({this.email = '', this.password = '', this.passwordVisible = false, this.errorMessage = '', this.isLoading = false});
+  
+
+@override@JsonKey() final  String email;
+@override@JsonKey() final  String password;
+@override@JsonKey() final  bool passwordVisible;
+@override@JsonKey() final  String errorMessage;
+@override@JsonKey() final  bool isLoading;
+
+/// Create a copy of LoginViewState
+/// with the given fields replaced by the non-null parameter values.
+@override @JsonKey(includeFromJson: false, includeToJson: false)
+@pragma('vm:prefer-inline')
+_$LoginViewStateCopyWith<_LoginViewState> get copyWith => __$LoginViewStateCopyWithImpl<_LoginViewState>(this, _$identity);
+
+
+
+@override
+bool operator ==(Object other) {
+  return identical(this, other) || (other.runtimeType == runtimeType&&other is _LoginViewState&&(identical(other.email, email) || other.email == email)&&(identical(other.password, password) || other.password == password)&&(identical(other.passwordVisible, passwordVisible) || other.passwordVisible == passwordVisible)&&(identical(other.errorMessage, errorMessage) || other.errorMessage == errorMessage)&&(identical(other.isLoading, isLoading) || other.isLoading == isLoading));
+}
+
+
+@override
+int get hashCode => Object.hash(runtimeType,email,password,passwordVisible,errorMessage,isLoading);
+
+@override
+String toString() {
+  return 'LoginViewState(email: $email, password: $password, passwordVisible: $passwordVisible, errorMessage: $errorMessage, isLoading: $isLoading)';
+}
+
+
+}
+
+/// @nodoc
+abstract mixin class _$LoginViewStateCopyWith<$Res> implements $LoginViewStateCopyWith<$Res> {
+  factory _$LoginViewStateCopyWith(_LoginViewState value, $Res Function(_LoginViewState) _then) = __$LoginViewStateCopyWithImpl;
+@override @useResult
+$Res call({
+ String email, String password, bool passwordVisible, String errorMessage, bool isLoading
+});
+
+
+
+
+}
+/// @nodoc
+class __$LoginViewStateCopyWithImpl<$Res>
+    implements _$LoginViewStateCopyWith<$Res> {
+  __$LoginViewStateCopyWithImpl(this._self, this._then);
+
+  final _LoginViewState _self;
+  final $Res Function(_LoginViewState) _then;
+
+/// Create a copy of LoginViewState
+/// with the given fields replaced by the non-null parameter values.
+@override @pragma('vm:prefer-inline') $Res call({Object? email = null,Object? password = null,Object? passwordVisible = null,Object? errorMessage = null,Object? isLoading = null,}) {
+  return _then(_LoginViewState(
+email: null == email ? _self.email : email // ignore: cast_nullable_to_non_nullable
+as String,password: null == password ? _self.password : password // ignore: cast_nullable_to_non_nullable
+as String,passwordVisible: null == passwordVisible ? _self.passwordVisible : passwordVisible // ignore: cast_nullable_to_non_nullable
+as bool,errorMessage: null == errorMessage ? _self.errorMessage : errorMessage // ignore: cast_nullable_to_non_nullable
+as String,isLoading: null == isLoading ? _self.isLoading : isLoading // ignore: cast_nullable_to_non_nullable
+as bool,
+  ));
+}
+
+
+}
+
+// dart format on

modules/auth/lib/src/features/sign_up/signup_address_screen.dart

@@ -6,12 +6,11 @@ class SignupAddressScreen extends ConsumerStatefulWidget {
   const SignupAddressScreen({super.key});
 
   @override
-  ConsumerState<SignupAddressScreen> createState() => SignupAddressScreenState();
+  ConsumerState<SignupAddressScreen> createState() =>
-
+      SignupAddressScreenState();
 }
 
 class SignupAddressScreenState extends ConsumerState<SignupAddressScreen> {
-
   late String country;
   late int relation;
 
@@ -29,30 +28,39 @@ class SignupAddressScreenState extends ConsumerState<SignupAddressScreen>{
         Column(
           spacing: 8,
           children: [
-            Align(alignment: Alignment.bottomLeft, child: Text(
+            Align(
+              alignment: Alignment.bottomLeft,
+              child: Text(
                 "Fecha de nacimiento",
                 style: TextStyle(fontSize: 14, letterSpacing: 0),
-            )),
+              ),
+            ),
             Row(
               spacing: 8,
               children: [
-                  Expanded(child: CustomTextField(
+                Expanded(
+                  child: CustomTextField(
                     //label: "Fecha de nacimiento",
                     hint: "DD",
                     length: 2,
-                    numeric: true,
+                    keyboardType: TextInputType.number,
-                  )),
+                  ),
-                  Expanded(child: CustomTextField(
+                ),
+                Expanded(
+                  child: CustomTextField(
                     hint: "MM",
                     length: 2,
-                    numeric: true,
+                    keyboardType: TextInputType.number,
-                  )),
+                  ),
-                  Expanded(child: CustomTextField(
+                ),
+                Expanded(
+                  child: CustomTextField(
                     hint: "AAAA",
                     length: 4,
-                    numeric: true,
+                    keyboardType: TextInputType.number,
-                  )),
+                  ),
-                ]
+                ),
+              ],
             ),
           ],
         ),
@@ -71,11 +79,14 @@ class SignupAddressScreenState extends ConsumerState<SignupAddressScreen>{
               hint: "¿Qué familiar eres?",
               onChanged: (value) => setState(() {
                 relation = value;
-              })
+              }),
             ),
           ],
         ),
-        CustomTextField(label: "Dirección completa", hint: "Calle Gran Vía 30 6º, 28013"),
+        CustomTextField(
+          label: "Dirección completa",
+          hint: "Calle Gran Vía 30 6º, 28013",
+        ),
         CustomTextField(label: "Ciudad", hint: "Ciudad"),
         Column(
           spacing: 8,
@@ -92,7 +103,7 @@ class SignupAddressScreenState extends ConsumerState<SignupAddressScreen>{
               hint: "País",
               onChanged: (value) => setState(() {
                 country = value;
-              })
+              }),
             ),
           ],
         ),

modules/auth/lib/src/features/sign_up/signup_personal_screen.dart

@@ -21,16 +21,20 @@ class SignupPersonalScreen extends StatelessWidget{
               onChanged: (value)=> {},
               width: 80,
             ),*/
-            Expanded(child: CustomTextField(
+            Expanded(
+              child: CustomTextField(
                 label: "Teléfono móvil",
                 hint: "123456789",
-              numeric: true
+                keyboardType: TextInputType.number,
-            ))
+              ),
-          ]
+            ),
+          ],
+        ),
+        CustomTextField(
+          label: "Correo electrónico",
+          hint: "Correo electrónico",
         ),
-        CustomTextField(label: "Correo electrónico", hint: "Correo electrónico"),
       ],
     );
   }
-
 }

modules/home/lib/src/presentation/deposit_screen.dart

@@ -34,7 +34,7 @@ class _DepositScreenState extends ConsumerState<DepositScreen> {
             PrimaryButton(
               onPressed: () => {},
               text: "Añadir dinero",
-              color: theme.getColorFor(ThemeCode.buttonPrimary)
+              color: theme.getColorFor(ThemeCode.buttonPrimary),
             ),
             TextButton(
               onPressed: () => Navigator.pop(context),
@@ -58,7 +58,7 @@ class _DepositScreenState extends ConsumerState<DepositScreen> {
                 style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
               ),
               CustomTextField(
-                numeric: true,
+                keyboardType: TextInputType.number,
                 label: "Cantidad",
                 hint: "0€",
               ),
@@ -135,7 +135,8 @@ class _DepositScreenState extends ConsumerState<DepositScreen> {
               CustomTextField(
                 lines: 3,
                 length: 150,
-                label: "Escribir mensaje a ${widget.kid.name} del motivo del ingreso",
+                label:
+                    "Escribir mensaje a ${widget.kid.name} del motivo del ingreso",
                 hint: "Escribe tu mensaje",
               ),
               const Align(

modules/home/lib/src/presentation/extract_screen.dart

@@ -9,10 +9,7 @@ class ExtractScreen extends ConsumerWidget{
   final Kid kid;
 
   @override
-  ExtractScreen({
+  ExtractScreen({super.key, required this.kid});
-    super.key,
-    required this.kid,
-  });
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
@@ -20,11 +17,12 @@ class ExtractScreen extends ConsumerWidget{
 
     return WalletManagementLayout(
       kid: kid,
-      children: [Container(
+      children: [
+        Container(
           padding: EdgeInsets.all(24),
           decoration: BoxDecoration(
             borderRadius: BorderRadius.all(Radius.circular(24)),
-          color: theme.getColorFor(ThemeCode.backgroundPrimary)
+            color: theme.getColorFor(ThemeCode.backgroundPrimary),
           ),
           child: Column(
             spacing: 24,
@@ -32,41 +30,64 @@ class ExtractScreen extends ConsumerWidget{
               Column(
                 spacing: 8,
                 children: [
-                Align(alignment: Alignment.topLeft, child: Text(
+                  Align(
+                    alignment: Alignment.topLeft,
+                    child: Text(
                       "Retirar dinero de la cuenta",
-                    style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500, letterSpacing: 0)
+                      style: TextStyle(
-                )),
+                        fontSize: 20,
-                Align(alignment: Alignment.topLeft, child: Text(
+                        fontWeight: FontWeight.w500,
+                        letterSpacing: 0,
+                      ),
+                    ),
+                  ),
+                  Align(
+                    alignment: Alignment.topLeft,
+                    child: Text(
                       "Este dato aparecerá en el reloj del peque",
-                    style: TextStyle(fontSize: 14, letterSpacing: 0)
+                      style: TextStyle(fontSize: 14, letterSpacing: 0),
-                ))
+                    ),
+                  ),
                 ],
               ),
               CustomTextField(
                 label: "Selecciona la cantidad de dinero",
                 hint: "2€",
-              numeric: true,
+                keyboardType: TextInputType.number,
               ),
               Column(
                 spacing: 8,
                 children: [
-                Align(alignment: Alignment.topLeft, child: Text(
+                  Align(
+                    alignment: Alignment.topLeft,
+                    child: Text(
                       "Este es el mensaje fijado por defecto:",
-                    style: TextStyle(fontSize: 16, letterSpacing: 0)
+                      style: TextStyle(fontSize: 16, letterSpacing: 0),
-                )),
+                    ),
-                Align(alignment: Alignment.topLeft, child: Text(
+                  ),
+                  Align(
+                    alignment: Alignment.topLeft,
+                    child: Text(
                       "\"Hemos quitado el dinero del reloj, ya no puedes pagar con él\"",
-                    style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500, letterSpacing: 0)
+                      style: TextStyle(
-                ))
+                        fontSize: 18,
+                        fontWeight: FontWeight.w500,
+                        letterSpacing: 0,
+                      ),
+                    ),
+                  ),
                 ],
               ),
               Column(
                 spacing: 8,
                 children: [
-                Align(alignment: Alignment.topLeft, child: Text(
+                  Align(
+                    alignment: Alignment.topLeft,
+                    child: Text(
                       "Escribir mensaje a ${kid.name} del motivo de la retirada de su dinero",
-                    style: TextStyle(fontSize: 14, letterSpacing: 0)
+                      style: TextStyle(fontSize: 14, letterSpacing: 0),
-                )),
+                    ),
+                  ),
                   CustomTextField(
                     hint: "Escribe tu mensaje",
                     lines: 4,
@@ -76,19 +97,26 @@ class ExtractScreen extends ConsumerWidget{
                     spacing: 4,
                     children: [
                       Icon(Icons.info_outline, size: 16),
-                    Text("Máximo 150 caracteres", style: TextStyle(fontSize: 14, letterSpacing: 0))
+                      Text(
-                  ],
+                        "Máximo 150 caracteres",
-                )
+                        style: TextStyle(fontSize: 14, letterSpacing: 0),
-              ],
+                      ),
-            )
                     ],
                   ),
-      )],
+                ],
+              ),
+            ],
+          ),
+        ),
+      ],
       footer: Container(
         padding: EdgeInsets.all(24),
         decoration: BoxDecoration(
           color: theme.getColorFor(ThemeCode.backgroundPrimary),
-          borderRadius: BorderRadius.only(topRight: Radius.circular(24), topLeft: Radius.circular(24))
+          borderRadius: BorderRadius.only(
+            topRight: Radius.circular(24),
+            topLeft: Radius.circular(24),
+          ),
         ),
         child: Column(
           spacing: 16,
@@ -99,13 +127,15 @@ class ExtractScreen extends ConsumerWidget{
               color: theme.getColorFor(ThemeCode.buttonPrimary),
             ),
             TextButton(
-              style: ButtonStyle(padding: WidgetStatePropertyAll(EdgeInsets.all(0))),
+              style: ButtonStyle(
+                padding: WidgetStatePropertyAll(EdgeInsets.all(0)),
+              ),
               onPressed: () => Navigator.pop(context),
-              child: Text("Cancelar", style: TextStyle(fontSize: 18))
+              child: Text("Cancelar", style: TextStyle(fontSize: 18)),
-            )
+            ),
           ],
         ),
-      )
+      ),
     );
   }
 }

modules/home/lib/src/presentation/goals_screen.dart

@@ -7,12 +7,18 @@ import 'package:sf_shared/sf_shared.dart';
 
 class GoalsScreen extends ConsumerStatefulWidget {
   final Kid kid;
-  List<Task> tasks = [Task(rewardAmount: 10, subtasks: [
+  List<Task> tasks = [
+    Task(
+      rewardAmount: 10,
+      subtasks: [
         Subtask(name: "Hacer la cama", completed: false),
         Subtask(name: "Terminar los deberes", completed: true),
         Subtask(name: "Recoger la mesa", completed: true),
-    Subtask(name: "Lavarse los dientes", completed: false)
+        Subtask(name: "Lavarse los dientes", completed: false),
-  ]), Task(rewardAmount: 10)];
+      ],
+    ),
+    Task(rewardAmount: 10),
+  ];
   final List<SavingsGoal> savingsGoals;
 
   @override
@@ -21,8 +27,8 @@ class GoalsScreen extends ConsumerStatefulWidget{
     required this.kid,
     this.savingsGoals = const [
       SavingsGoal(name: "Cumpleaños de Emma", goal: 24, saved: 12.09),
-      SavingsGoal(name: "Protecciones nuevas de patines", goal: 10, saved: 0)
+      SavingsGoal(name: "Protecciones nuevas de patines", goal: 10, saved: 0),
-    ]
+    ],
   });
 
   @override
@@ -49,7 +55,7 @@ class GoalsScreenState extends ConsumerState<GoalsScreen>{
           padding: EdgeInsets.all(24),
           decoration: BoxDecoration(
             color: theme.getColorFor(ThemeCode.backgroundPrimary),
-            borderRadius: BorderRadius.all(Radius.circular(24))
+            borderRadius: BorderRadius.all(Radius.circular(24)),
           ),
           child: Column(
             spacing: 24,
@@ -57,10 +63,20 @@ class GoalsScreenState extends ConsumerState<GoalsScreen>{
               Row(
                 spacing: 8,
                 children: [
-                  Text("Metas", style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500, letterSpacing: 0)),
+                  Text(
+                    "Metas",
+                    style: TextStyle(
+                      fontSize: 20,
+                      fontWeight: FontWeight.w500,
+                      letterSpacing: 0,
+                    ),
+                  ),
                   Icon(Icons.workspace_premium),
                   Spacer(),
-                  Text("Sólo con Plan Completo", style: TextStyle(fontSize: 14, letterSpacing: 0))
+                  Text(
+                    "Sólo con Plan Completo",
+                    style: TextStyle(fontSize: 14, letterSpacing: 0),
+                  ),
                 ],
               ),
               Text(
@@ -73,7 +89,7 @@ class GoalsScreenState extends ConsumerState<GoalsScreen>{
         SavingsBlock(fullPlan: fullPlan, savings: widget.savingsGoals),
         TasksBlock(fullPlan: fullPlan, tasks: widget.tasks),
       ],
-      footer: Container()
+      footer: Container(),
     );
   }
 }
@@ -86,7 +102,7 @@ class SavingsBlock extends ConsumerStatefulWidget {
   const SavingsBlock({
     super.key,
     required this.fullPlan,
-    required this.savings
+    required this.savings,
   });
 
   @override
@@ -115,26 +131,40 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
       decoration: BoxDecoration(
         color: theme.getColorFor(ThemeCode.backgroundPrimary),
         borderRadius: BorderRadius.all(Radius.circular(24)),
-        border: BoxBorder.all(color: theme.getColorFor(ThemeCode.textPrimary))
+        border: BoxBorder.all(color: theme.getColorFor(ThemeCode.textPrimary)),
       ),
       child: Stack(
         children: [
-          Align(alignment: Alignment.topRight, child: SvgPicture.asset("assets/images/ui/ahorros.svg")),
+          Align(
+            alignment: Alignment.topRight,
+            child: SvgPicture.asset("assets/images/ui/ahorros.svg"),
+          ),
           Column(
             spacing: 24,
             children: [
-              Align(alignment: Alignment.topLeft, child: Text(
+              Align(
+                alignment: Alignment.topLeft,
+                child: Text(
                   "Ahorros",
-                style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500, letterSpacing: 0),
+                  style: TextStyle(
-              )),
+                    fontSize: 20,
-              Align(alignment: Alignment.topLeft, child: SizedBox(
+                    fontWeight: FontWeight.w500,
+                    letterSpacing: 0,
+                  ),
+                ),
+              ),
+              Align(
+                alignment: Alignment.topLeft,
+                child: SizedBox(
                   width: 200,
                   child: Text(
                     "Enséñale a ahorrar y refuerza la importancia de no malgastar su dinero",
                     style: TextStyle(fontSize: 14, letterSpacing: 0),
                   ),
-              )),
+                ),
-              if (fullPlan) Column(
+              ),
+              if (fullPlan)
+                Column(
                   spacing: 24,
                   children: [
                     Align(
@@ -154,43 +184,52 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
                       alignment: Alignment.topLeft,
                       child: TextButton(
                         onPressed: () => {},
-                      style: ButtonStyle(padding: WidgetStatePropertyAll(EdgeInsets.zero)),
+                        style: ButtonStyle(
+                          padding: WidgetStatePropertyAll(EdgeInsets.zero),
+                        ),
                         child: Text(
                           "Ver estado de ahorros",
-                        style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500, letterSpacing: 0)
+                          style: TextStyle(
-                      )
+                            fontSize: 14,
-                    )
+                            fontWeight: FontWeight.w500,
-                  )
+                            letterSpacing: 0,
+                          ),
+                        ),
+                      ),
+                    ),
                   ],
                 ),
-              if (!fullPlan) TextButton(
+              if (!fullPlan)
+                TextButton(
                   onPressed: () => {},
                   child: Row(
                     spacing: 4,
                     children: [
                       Icon(Icons.workspace_premium, size: 16),
-                    Text("Suscribirme al Plan Completo")
+                      Text("Suscribirme al Plan Completo"),
                     ],
-                )
+                  ),
-              )
+                ),
             ],
-          )
+          ),
         ],
-      )
+      ),
     );
 
     var editBlock = ({create, index}) => Column(
       spacing: 24,
       children: [
         CustomTextField(
-          hint: create? "Ponle un título para reconocerlo" : widget.savings[index].name,
+          hint: create
+              ? "Ponle un título para reconocerlo"
+              : widget.savings[index].name,
           label: "Motivo del ahorro",
           lines: create ? 2 : 1,
         ),
         CustomTextField(
           hint: "30€",
           label: "Seleciona la cantidad a ahorrar",
-          numeric: true,
+          keyboardType: TextInputType.number,
         ),
         CheckboxListTile(
           value: false,
@@ -201,13 +240,17 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
           contentPadding: EdgeInsets.zero,
           title: Text(
             "Ahorro automático desde su paga",
-            style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500, letterSpacing: 0),
+            style: TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.w500,
+              letterSpacing: 0,
+            ),
           ),
         ),
         CustomTextField(
           hint: "2€",
           label: "Selecciona la cantidad de dinero",
-          numeric: true,
+          keyboardType: TextInputType.number,
         ),
         CheckboxListTile(
           value: false,
@@ -230,8 +273,12 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
             ),
             Text(
               "\"¡Genial, has conseguido ahorrar lo que querías!\"",
-              style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500, letterSpacing: 0),
+              style: TextStyle(
-            )
+                fontSize: 18,
+                fontWeight: FontWeight.w500,
+                letterSpacing: 0,
+              ),
+            ),
           ],
         ),
         Column(
@@ -246,13 +293,13 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
             Row(
               spacing: 4,
               children: [
-                Icon(Icons.info_outline, size: 16,),
+                Icon(Icons.info_outline, size: 16),
                 Text(
                   "Máximo 150 caracteres",
                   style: TextStyle(fontSize: 14, letterSpacing: 0),
-                )
+                ),
               ],
-            )
+            ),
           ],
         ),
         Column(
@@ -261,8 +308,7 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
             PrimaryButton(
               onPressed: () => {},
               text: "Guardar cambios",
-              color: theme.getColorFor(
+              color: theme.getColorFor(ThemeCode.buttonPrimary),
-                ThemeCode.buttonPrimary)
             ),
             TextButton(
               onPressed: () {
@@ -278,13 +324,15 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
               },
               child: Text(
                 "Cancelar",
-                style: TextStyle(fontSize: 16,
+                style: TextStyle(
+                  fontSize: 16,
                   fontWeight: FontWeight.w500,
-                  letterSpacing: 0),
+                  letterSpacing: 0,
-              )
+                ),
-            )
+              ),
+            ),
           ],
-        )
+        ),
       ],
     );
 
@@ -295,15 +343,22 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
           decoration: BoxDecoration(
             color: theme.getColorFor(ThemeCode.backgroundSecondary),
             border: Border.all(color: theme.getColorFor(ThemeCode.textPrimary)),
-            borderRadius: BorderRadius.all(Radius.circular(24))
+            borderRadius: BorderRadius.all(Radius.circular(24)),
           ),
           child: Column(
             spacing: 24,
             children: [
-              Align(alignment: Alignment.topLeft, child: Text(
+              Align(
+                alignment: Alignment.topLeft,
+                child: Text(
                   "Ahorros",
-                style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500, letterSpacing: 0),
+                  style: TextStyle(
-              )),
+                    fontSize: 20,
+                    fontWeight: FontWeight.w500,
+                    letterSpacing: 0,
+                  ),
+                ),
+              ),
               Text(
                 "Enséñale a ahorrar y refuerza la importancia de no malgastar su dinero",
                 style: TextStyle(fontSize: 14, letterSpacing: 0),
@@ -312,10 +367,10 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
                 padding: EdgeInsets.all(24),
                 decoration: BoxDecoration(
                   borderRadius: BorderRadius.all(Radius.circular(24)),
-                  color: theme.getColorFor(ThemeCode.backgroundPrimary)
+                  color: theme.getColorFor(ThemeCode.backgroundPrimary),
+                ),
+                child: editBlock(create: true, index: null),
               ),
-                child: editBlock(create: true, index: null)
-              )
             ],
           ),
         );
@@ -331,19 +386,24 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
             child: Column(
               spacing: 24,
               children: [
-                Align(alignment: Alignment.topLeft,
+                Align(
+                  alignment: Alignment.topLeft,
                   child: Text(
                     "Ahorros",
-                    style: TextStyle(fontSize: 20,
+                    style: TextStyle(
+                      fontSize: 20,
                       fontWeight: FontWeight.w500,
-                      letterSpacing: 0),
+                      letterSpacing: 0,
-                  )
                     ),
-                ...List<Widget>.generate(widget.savings.length, (int index) =>
+                  ),
-                  Container(
+                ),
+                ...List<Widget>.generate(
+                  widget.savings.length,
+                  (int index) => Container(
                     decoration: BoxDecoration(
                       border: BoxBorder.all(
-                        color: theme.getColorFor(ThemeCode.textPrimary)),
+                        color: theme.getColorFor(ThemeCode.textPrimary),
+                      ),
                       color: theme.getColorFor(ThemeCode.backgroundPrimary),
                       borderRadius: BorderRadius.all(Radius.circular(24)),
                     ),
@@ -354,7 +414,8 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
                         Row(
                           spacing: 16,
                           children: [
-                            Expanded(child: Column(
+                            Expanded(
+                              child: Column(
                                 spacing: 8,
                                 children: [
                                   Align(
@@ -363,47 +424,61 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
                                       "Ahorro para",
                                       textAlign: TextAlign.left,
                                       style: TextStyle(
-                                      fontSize: 16, letterSpacing: 0),
+                                        fontSize: 16,
+                                        letterSpacing: 0,
+                                      ),
                                     ),
                                   ),
 
                                   Text(
                                     widget.savings[index].name,
-                                  style: TextStyle(fontSize: 16,
+                                    style: TextStyle(
+                                      fontSize: 16,
                                       fontWeight: FontWeight.w500,
-                                    letterSpacing: 0),
+                                      letterSpacing: 0,
-                                )
+                                    ),
+                                  ),
                                 ],
-                            )),
+                              ),
+                            ),
                             Container(
                               decoration: BoxDecoration(
                                 color: theme.getColorFor(
-                                  ThemeCode.backgroundTertiary),
+                                  ThemeCode.backgroundTertiary,
+                                ),
                                 borderRadius: BorderRadius.all(
-                                  Radius.circular(16)),
+                                  Radius.circular(16),
+                                ),
                               ),
                               padding: EdgeInsets.symmetric(
-                                horizontal: 8, vertical: 4),
+                                horizontal: 8,
+                                vertical: 4,
+                              ),
                               child: Row(
                                 spacing: 8,
                                 children: [
-                                  Icon(Icons.account_balance, size: 24,
+                                  Icon(
+                                    Icons.account_balance,
+                                    size: 24,
                                     color: theme.getColorFor(
-                                      ThemeCode.buttonPrimary)),
+                                      ThemeCode.buttonPrimary,
+                                    ),
+                                  ),
                                   MoneyText(
-                                    text: "${widget.savings[index]
+                                    text: "${widget.savings[index].goal}€",
-                                      .goal}€",
                                     size: 30,
                                     secondarySize: 14,
                                     color: theme.getColorFor(
-                                      ThemeCode.buttonPrimary)
+                                      ThemeCode.buttonPrimary,
-                                  )
+                                    ),
+                                  ),
                                 ],
                               ),
-                            )
-                          ]
                             ),
-                        if (index == 0)Column(
+                          ],
+                        ),
+                        if (index == 0)
+                          Column(
                             spacing: 8,
                             children: [
                               ProgressBar(
@@ -413,42 +488,52 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
                                 textSize: 40,
                                 textSecondarySize: 24,
                                 backgroundColor: theme.getColorFor(
-                                ThemeCode.backgroundTertiary),
+                                  ThemeCode.backgroundTertiary,
+                                ),
                                 foregroundColor: theme.getColorFor(
-                                ThemeCode.buttonPrimary),
+                                  ThemeCode.buttonPrimary,
+                                ),
                                 textColor: theme.getColorFor(
-                                ThemeCode.textSecondary)
+                                  ThemeCode.textSecondary,
+                                ),
                               ),
                               Center(child: Text("Ahorrado")),
-                            if (!showAdd[index]) TextButton(
+                              if (!showAdd[index])
+                                TextButton(
                                   style: ButtonStyle(
                                     padding: WidgetStatePropertyAll(
-                                  EdgeInsets.zero)),
+                                      EdgeInsets.zero,
-                              onPressed: () =>
+                                    ),
-                                setState(() {
+                                  ),
+                                  onPressed: () => setState(() {
                                     showAdd[index] = true;
                                   }),
                                   child: Text(
                                     "+ Añadir dinero extra a este ahorro",
                                     textAlign: TextAlign.left,
                                     style: TextStyle(
-                                  fontSize: 16, letterSpacing: 0),
+                                      fontSize: 16,
-                              )
+                                      letterSpacing: 0,
                                     ),
-                            if (showAdd[index]) CustomTextField(
+                                  ),
+                                ),
+                              if (showAdd[index])
+                                CustomTextField(
                                   hint: "5€",
-                              numeric: true,
+                                  keyboardType: TextInputType.number,
-                            )
+                                ),
                             ],
                           ),
-                        if (!showEdit[index]) Row(
+                        if (!showEdit[index])
+                          Row(
                             children: [
                               TextButton(
                                 style: ButtonStyle(
                                   padding: WidgetStatePropertyAll(
-                                  EdgeInsets.zero)),
+                                    EdgeInsets.zero,
-                              onPressed: () =>
+                                  ),
-                                setState(() {
+                                ),
+                                onPressed: () => setState(() {
                                   showEdit[index] = true;
                                 }),
                                 child: Row(
@@ -457,44 +542,51 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
                                     Icon(Icons.edit_outlined, size: 24),
                                     Text(
                                       "Editar",
-                                    style: TextStyle(fontSize: 16,
+                                      style: TextStyle(
+                                        fontSize: 16,
                                         fontWeight: FontWeight.w500,
-                                      letterSpacing: 0),
+                                        letterSpacing: 0,
+                                      ),
                                     ),
                                   ],
-                              )
+                                ),
                               ),
                               Spacer(),
                               TextButton(
                                 style: ButtonStyle(
                                   padding: WidgetStatePropertyAll(
-                                  EdgeInsets.zero)),
+                                    EdgeInsets.zero,
+                                  ),
+                                ),
                                 onPressed: () => {},
                                 child: Row(
                                   spacing: 4,
                                   children: [
-                                  Icon(Icons.delete_outline_outlined,
+                                    Icon(
-                                    size: 24),
+                                      Icons.delete_outline_outlined,
+                                      size: 24,
+                                    ),
                                     Text(
                                       "Eliminar",
-                                    style: TextStyle(fontSize: 16,
+                                      style: TextStyle(
+                                        fontSize: 16,
                                         fontWeight: FontWeight.w500,
-                                      letterSpacing: 0),
+                                        letterSpacing: 0,
-                                  )
+                                      ),
-                                ],
-                              )
                                     ),
                                   ],
                                 ),
-                        if(showEdit[index]) editBlock(
+                              ),
-                          create: false, index: index)
+                            ],
+                          ),
+                        if (showEdit[index])
+                          editBlock(create: false, index: index),
                       ],
                     ),
                   ),
                 ),
                 TextButton(
-                  onPressed: () =>
+                  onPressed: () => setState(() {
-                    setState(() {
                     showNew = true;
                   }),
                   child: Row(
@@ -504,13 +596,15 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
                       Icon(Icons.account_balance, size: 24),
                       Text(
                         "Crear otro ahorro",
-                        style: TextStyle(fontSize: 18,
+                        style: TextStyle(
+                          fontSize: 18,
                           fontWeight: FontWeight.w500,
-                          letterSpacing: 0),
+                          letterSpacing: 0,
                         ),
-                      Spacer()
+                      ),
+                      Spacer(),
                     ],
-                  )
+                  ),
                 ),
               ],
             ),
@@ -526,23 +620,17 @@ class SavingsBlockState extends ConsumerState<SavingsBlock>{
 }
 
 class TasksBlock extends ConsumerStatefulWidget {
-
   final bool fullPlan;
   final List<Task> tasks;
 
   @override
-  const TasksBlock({
+  const TasksBlock({super.key, required this.fullPlan, required this.tasks});
-    super.key,
-    required this.fullPlan,
-    required this.tasks
-  });
 
   @override
   ConsumerState<ConsumerStatefulWidget> createState() => TasksBlockState();
 }
 
 class TasksBlockState extends ConsumerState<TasksBlock> {
-
   @override
   Widget build(BuildContext context) {
     final theme = ref.watch(themePortProvider);
@@ -552,26 +640,40 @@ class TasksBlockState extends ConsumerState<TasksBlock>{
       decoration: BoxDecoration(
         color: theme.getColorFor(ThemeCode.backgroundPrimary),
         borderRadius: BorderRadius.all(Radius.circular(24)),
-        border: BoxBorder.all(color: theme.getColorFor(ThemeCode.textPrimary))
+        border: BoxBorder.all(color: theme.getColorFor(ThemeCode.textPrimary)),
       ),
       child: Stack(
         children: [
-          Align(alignment: Alignment.topRight, child: SvgPicture.asset("assets/images/ui/tareas.svg")),
+          Align(
+            alignment: Alignment.topRight,
+            child: SvgPicture.asset("assets/images/ui/tareas.svg"),
+          ),
           Column(
             spacing: 24,
             children: [
-              Align(alignment: Alignment.topLeft, child: Text(
+              Align(
+                alignment: Alignment.topLeft,
+                child: Text(
                   "Tareas",
-                style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500, letterSpacing: 0),
+                  style: TextStyle(
-              )),
+                    fontSize: 20,
-              Align(alignment: Alignment.topLeft, child: SizedBox(
+                    fontWeight: FontWeight.w500,
+                    letterSpacing: 0,
+                  ),
+                ),
+              ),
+              Align(
+                alignment: Alignment.topLeft,
+                child: SizedBox(
                   width: 200,
                   child: Text(
                     "Refuerza su sentido de la responsabilidad con pequeñas tareas que cumplir",
                     style: TextStyle(fontSize: 14, letterSpacing: 0),
                   ),
-              )),
+                ),
-              if (fullPlan) Align(
+              ),
+              if (fullPlan)
+                Align(
                   alignment: Alignment.topLeft,
                   child: SecondaryButton(
                     onPressed: () => {},
@@ -579,22 +681,23 @@ class TasksBlockState extends ConsumerState<TasksBlock>{
                     size: 14,
                     width: 190,
                     height: 44,
-                )
                   ),
-              if (!fullPlan) TextButton(
+                ),
+              if (!fullPlan)
+                TextButton(
                   onPressed: () => {},
                   child: Row(
                     spacing: 4,
                     children: [
                       Icon(Icons.workspace_premium, size: 16),
-                    Text("Suscribirme al Plan Completo")
+                      Text("Suscribirme al Plan Completo"),
                     ],
-                )
+                  ),
-              )
+                ),
             ],
-          )
+          ),
         ],
-      )
+      ),
     );
 
     if (widget.fullPlan) {
@@ -604,8 +707,9 @@ class TasksBlockState extends ConsumerState<TasksBlock>{
           decoration: BoxDecoration(
             borderRadius: BorderRadius.all(Radius.circular(24)),
             border: BoxBorder.all(
-                    color: theme.getColorFor(ThemeCode.textPrimary)),
+              color: theme.getColorFor(ThemeCode.textPrimary),
-                color: theme.getColorFor(ThemeCode.backgroundSecondary)
+            ),
+            color: theme.getColorFor(ThemeCode.backgroundSecondary),
           ),
           child: Column(
             spacing: 24,
@@ -613,113 +717,136 @@ class TasksBlockState extends ConsumerState<TasksBlock>{
               Column(
                 spacing: 8,
                 children: [
-                    Align(alignment: Alignment.topLeft, child: Text(
+                  Align(
+                    alignment: Alignment.topLeft,
+                    child: Text(
                       "Tareas",
-                      style: TextStyle(fontSize: 20,
+                      style: TextStyle(
+                        fontSize: 20,
                         fontWeight: FontWeight.w500,
-                          letterSpacing: 0),
+                        letterSpacing: 0,
-                    )),
+                      ),
+                    ),
+                  ),
                   Text(
                     "Refuerza su sentido de la responsabilidad con pequeñas tareas que cumplir",
                     style: TextStyle(fontSize: 14, letterSpacing: 0),
-                    )
+                  ),
                 ],
               ),
-                ...List<Widget>.generate(widget.tasks.length, (int i) =>
+              ...List<Widget>.generate(
-                    Container(
+                widget.tasks.length,
+                (int i) => Container(
                   decoration: BoxDecoration(
-                          border: BoxBorder.fromLTRB(top: BorderSide(
+                    border: BoxBorder.fromLTRB(
+                      top: BorderSide(
                         color: theme.getColorFor(ThemeCode.buttonPrimary),
-                              width: 8)),
+                        width: 8,
+                      ),
+                    ),
                     borderRadius: BorderRadius.all(Radius.circular(24)),
-                          color: theme.getColorFor(ThemeCode.backgroundPrimary)
+                    color: theme.getColorFor(ThemeCode.backgroundPrimary),
                   ),
                   padding: EdgeInsets.all(24),
                   child: Column(
                     spacing: 16,
                     children: [
-                          Row(children: [
+                      Row(
+                        children: [
                           Text(
                             "Lista de tareas",
-                              style: TextStyle(fontSize: 20,
+                            style: TextStyle(
+                              fontSize: 20,
                               fontWeight: FontWeight.w500,
-                                  letterSpacing: 0),
+                              letterSpacing: 0,
+                            ),
                           ),
                           Spacer(),
                           Text(
                             "10 oct - 17 oct",
                             style: TextStyle(fontSize: 14, letterSpacing: 0),
-                            )
+                          ),
-                          ]),
+                        ],
+                      ),
                       ...List<CheckboxListTile>.generate(
-                              widget.tasks[i].subtasks.length, (int j) =>
+                        widget.tasks[i].subtasks.length,
-                              CheckboxListTile(
+                        (int j) => CheckboxListTile(
                           contentPadding: EdgeInsets.zero,
                           checkboxScaleFactor: 2,
                           value: widget.tasks[i].subtasks[j].completed,
                           title: Text(widget.tasks[i].subtasks[j].name),
-                                controlAffinity: ListTileControlAffinity
+                          controlAffinity: ListTileControlAffinity.leading,
-                                    .leading,
                           activeColor: theme.getColorFor(
-                                    ThemeCode.buttonPrimary),
+                            ThemeCode.buttonPrimary,
-                                onChanged: (_) =>
+                          ),
-                                    setState(() {
+                          onChanged: (_) => setState(() {
                             widget.tasks[i].subtasks[j] = Subtask(
-                                          name: widget.tasks[i].subtasks[j]
+                              name: widget.tasks[i].subtasks[j].name,
-                                              .name,
+                              completed: !widget.tasks[i].subtasks[j].completed,
-                                          completed: !widget.tasks[i]
+                            );
-                                              .subtasks[j].completed);
                           }),
-                              )
+                        ),
                       ),
                       TextButton(
                         style: ButtonStyle(
-                                  padding: WidgetStatePropertyAll(EdgeInsets
+                          padding: WidgetStatePropertyAll(EdgeInsets.zero),
-                                      .zero)),
+                        ),
                         onPressed: () => {},
                         child: Align(
                           alignment: Alignment.topLeft,
                           child: Text(
                             "+ Añadir tarea",
-                                    style: TextStyle(fontSize: 18,
+                            style: TextStyle(
+                              fontSize: 18,
                               fontWeight: FontWeight.w500,
-                                        letterSpacing: 0),
+                              letterSpacing: 0,
-                                  )
+                            ),
-                              )
+                          ),
+                        ),
                       ),
                       Container(
                         decoration: BoxDecoration(
-                                color: theme.getColorFor(ThemeCode
+                          color: theme.getColorFor(
-                                    .backgroundTertiary),
+                            ThemeCode.backgroundTertiary,
-                                borderRadius: BorderRadius.all(Radius.circular(
+                          ),
-                                    24))
+                          borderRadius: BorderRadius.all(Radius.circular(24)),
                         ),
                         padding: EdgeInsets.symmetric(
-                                horizontal: 20, vertical: 16),
+                          horizontal: 20,
+                          vertical: 16,
+                        ),
                         child: Row(
                           spacing: 16,
                           children: [
-                                Expanded(child: Text(
+                            Expanded(
+                              child: Text(
                                 "Recompensa por cumplimiento",
                                 style: TextStyle(
-                                      fontSize: 16, letterSpacing: 0),
+                                  fontSize: 16,
-                                )),
+                                  letterSpacing: 0,
+                                ),
+                              ),
+                            ),
                             Row(
                               spacing: 8,
                               children: [
-                                    Icon(Icons.emoji_events_outlined, size: 16,
+                                Icon(
+                                  Icons.emoji_events_outlined,
+                                  size: 16,
                                   color: theme.getColorFor(
-                                            ThemeCode.buttonPrimary)),
+                                    ThemeCode.buttonPrimary,
+                                  ),
+                                ),
                                 MoneyText(
-                                        text: "${widget.tasks[i]
+                                  text: "${widget.tasks[i].rewardAmount}€",
-                                            .rewardAmount}€",
                                   size: 40,
                                   secondarySize: 24,
                                   color: theme.getColorFor(
-                                            ThemeCode.buttonPrimary)
+                                    ThemeCode.buttonPrimary,
-                                    )
+                                  ),
+                                ),
                               ],
-                                )
+                            ),
                           ],
                         ),
                       ),
@@ -730,17 +857,18 @@ class TasksBlockState extends ConsumerState<TasksBlock>{
                             alignment: Alignment.topLeft,
                             child: Text(
                               "Este es el mensaje que se enviará al cumplir con todas las tareas:",
-                                  style: TextStyle(
+                              style: TextStyle(fontSize: 14, letterSpacing: 0),
-                                      fontSize: 14, letterSpacing: 0),
                             ),
                           ),
                           Align(
                             alignment: Alignment.topLeft,
                             child: Text(
                               "¡Enhorabuena, has cumplido todas las tareas de esta semana!",
-                                  style: TextStyle(fontSize: 14,
+                              style: TextStyle(
+                                fontSize: 14,
                                 fontWeight: FontWeight.w500,
-                                      letterSpacing: 0),
+                                letterSpacing: 0,
+                              ),
                             ),
                           ),
                         ],
@@ -752,21 +880,22 @@ class TasksBlockState extends ConsumerState<TasksBlock>{
                           child: Row(
                             spacing: 4,
                             children: [
-                                    Icon(Icons.delete_outline_outlined,
+                              Icon(Icons.delete_outline_outlined, size: 24),
-                                        size: 24),
                               Text(
                                 "Eliminar lista de tareas",
-                                      style: TextStyle(fontSize: 16,
+                                style: TextStyle(
+                                  fontSize: 16,
                                   fontWeight: FontWeight.w500,
-                                          letterSpacing: 0),
+                                  letterSpacing: 0,
-                                    )
+                                ),
-                                  ],
-                                )
                               ),
-                          )
                             ],
                           ),
-                    )
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
               ),
               SecondaryButton(
                 onPressed: () => {},
@@ -774,7 +903,7 @@ class TasksBlockState extends ConsumerState<TasksBlock>{
                 size: 14,
               ),
             ],
-            )
+          ),
         );
       } else {
         return emptyBlock(fullPlan: true);

modules/home/lib/src/presentation/limits_screen.dart

@@ -22,7 +22,8 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
   @override
   void initState() {
     super.initState();
-    dailyLimits = [ //dey, week, month, year
+    dailyLimits = [
+      //dey, week, month, year
       {"title": "Diario L-V", "limit": "5", "edit": false},
       {"title": "Fines de semana", "limit": "8", "edit": false},
       {"title": "Semanal", "limit": "30", "edit": false},
@@ -41,12 +42,7 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
         "end": "21:00",
         "edit": false,
       },
-      {
+      {"title": "Vacaciones", "start": "09:00", "end": "22:00", "edit": false},
-        "title": "Vacaciones",
-        "start": "09:00",
-        "end": "22:00",
-        "edit": false
-      },
     ];
     conditions = [
       {"title": "Alimentación", "limit": "10", "active": true, "edit": false},
@@ -73,7 +69,10 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
       footer: Container(
         decoration: BoxDecoration(
           color: theme.getColorFor(ThemeCode.backgroundPrimary),
-          borderRadius: BorderRadius.only(topLeft: Radius.circular(24), topRight: Radius.circular(24))
+          borderRadius: BorderRadius.only(
+            topLeft: Radius.circular(24),
+            topRight: Radius.circular(24),
+          ),
         ),
         padding: EdgeInsets.all(24),
         child: Column(
@@ -81,7 +80,7 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
             PrimaryButton(
               onPressed: () => {},
               text: "Guardar límites",
-              color: theme.getColorFor(ThemeCode.buttonPrimary)
+              color: theme.getColorFor(ThemeCode.buttonPrimary),
             ),
             TextButton(
               onPressed: () => Navigator.pop(context),
@@ -90,10 +89,10 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
                 style: TextStyle(
                   fontSize: 18,
                   fontWeight: FontWeight.bold,
-                  color: theme.getColorFor(ThemeCode.textPrimary)
+                  color: theme.getColorFor(ThemeCode.textPrimary),
-                )
+                ),
-              )
+              ),
-            )
+            ),
           ],
         ),
       ),
@@ -112,7 +111,7 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
                 child: Text(
                   "Pon límite de gastos",
                   style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
-                )
+                ),
               ),
               Text("Libertad para ellos, tranquilidad para ti"),
               ...List<Widget>.generate(dailyLimits.length, (int index) {
@@ -135,9 +134,7 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
                         ),
                       ],
                     ),
-                    if (dailyLimits[index]["edit"]) CustomTextField(
+                    if (dailyLimits[index]["edit"]) CustomTextField(hint: "5€"),
-                      hint: "5€",
-                    ),
                   ],
                 );
               }),
@@ -170,16 +167,15 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
                         TextButton(
                           onPressed: () => {
                             setState(() {
-                              timeLimits[index]["edit"] = !timeLimits[index]["edit"];
+                              timeLimits[index]["edit"] =
+                                  !timeLimits[index]["edit"];
                             }),
                           },
                           child: Text("Editar"),
                         ),
                       ],
                     ),
-                    if (timeLimits[index]["edit"]) CustomTextField(
+                    if (timeLimits[index]["edit"]) CustomTextField(hint: "5€"),
-                      hint: "5€",
-                    ),
                   ],
                 );
               }),
@@ -197,67 +193,89 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
             children: [
               Text(
                 "Condiciones",
-                style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500, letterSpacing: 0),
+                style: TextStyle(
+                  fontSize: 20,
+                  fontWeight: FontWeight.w500,
+                  letterSpacing: 0,
+                ),
               ),
               Column(
                 spacing: 8,
-                children: List<Widget>.generate(conditions.length, (int index)=>
+                children: List<Widget>.generate(
-                  Column(
+                  conditions.length,
+                  (int index) => Column(
                     spacing: 8,
                     children: [
-                      Row(children: [
+                      Row(
-                        Expanded(child: CheckboxListTile(
+                        children: [
+                          Expanded(
+                            child: CheckboxListTile(
                               value: conditions[index]["active"],
                               onChanged: (_) => setState(() {
-                            conditions[index]["active"] = !conditions[index]["active"];
+                                conditions[index]["active"] =
+                                    !conditions[index]["active"];
                               }),
                               title: Text(
                                 "${conditions[index]["title"]}: ${conditions[index]["limit"]}€/sem",
-                            style: TextStyle(fontSize: 16, letterSpacing: 0),
+                                style: TextStyle(
+                                  fontSize: 16,
+                                  letterSpacing: 0,
+                                ),
                               ),
                               checkboxScaleFactor: 2,
                               controlAffinity: ListTileControlAffinity.leading,
-                          activeColor: theme.getColorFor(ThemeCode.buttonPrimary),
+                              activeColor: theme.getColorFor(
+                                ThemeCode.buttonPrimary,
+                              ),
                               contentPadding: EdgeInsets.zero,
-                        )),
+                            ),
+                          ),
                           TextButton(
                             onPressed: () => setState(() {
-                            conditions[index]["edit"] = ! conditions[index]["edit"];
+                              conditions[index]["edit"] =
+                                  !conditions[index]["edit"];
                             }),
                             child: Text(
                               "Editar",
                               style: TextStyle(fontSize: 16, letterSpacing: 0),
-                          )
-                        )
-                      ]),
-                      if (conditions[index]["edit"]) CustomTextField(
-                        hint: "5€",
-                        numeric: true,
-                      )
-                    ]
-                  )
                             ),
-              )
+                          ),
                         ],
-          )
+                      ),
+                      if (conditions[index]["edit"])
+                        CustomTextField(
+                          hint: "5€",
+                          keyboardType: TextInputType.number,
+                        ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
         ),
         Container(
           padding: EdgeInsets.all(24),
           decoration: BoxDecoration(
             color: theme.getColorFor(ThemeCode.backgroundPrimary),
-            borderRadius: BorderRadius.all(Radius.circular(24))
+            borderRadius: BorderRadius.all(Radius.circular(24)),
           ),
           child: Column(
             spacing: 24,
             children: [
               Text(
                 "Comercios bloqueados",
-                style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500, letterSpacing: 0),
+                style: TextStyle(
+                  fontSize: 20,
+                  fontWeight: FontWeight.w500,
+                  letterSpacing: 0,
+                ),
               ),
               Column(
                 spacing: 8,
-                children: List<Widget>.generate(blocks.length, (int index) =>
+                children: List<Widget>.generate(
-                  CheckboxListTile(
+                  blocks.length,
+                  (int index) => CheckboxListTile(
                     value: blocks[index]["active"],
                     onChanged: (_) => setState(() {
                       blocks[index]["active"] = !blocks[index]["active"];
@@ -270,12 +288,12 @@ class LimitsScreenState extends ConsumerState<LimitsScreen> {
                     controlAffinity: ListTileControlAffinity.leading,
                     activeColor: theme.getColorFor(ThemeCode.buttonPrimary),
                     contentPadding: EdgeInsets.zero,
-                  )
+                  ),
-                )
+                ),
-              )
+              ),
             ],
           ),
-        )
+        ),
       ],
     );
   }

modules/home/lib/src/presentation/wage_screen.dart

@@ -43,7 +43,7 @@ class _WageScreenState extends ConsumerState<WageScreen> {
             PrimaryButton(
               onPressed: () => {},
               text: "Activar paga automática",
-              color: theme.getColorFor(ThemeCode.buttonPrimary)
+              color: theme.getColorFor(ThemeCode.buttonPrimary),
             ),
             TextButton(onPressed: () {}, child: const Text('Cancelar')),
           ],
@@ -59,14 +59,15 @@ class _WageScreenState extends ConsumerState<WageScreen> {
           child: Column(
             spacing: 10,
             children: [
-              Align(alignment: Alignment.topLeft,
+              Align(
+                alignment: Alignment.topLeft,
                 child: const Text(
                   "Paga automática",
                   style: TextStyle(fontWeight: FontWeight.w500, fontSize: 20),
                 ),
               ),
               CustomTextField(
-                numeric: true,
+                keyboardType: TextInputType.number,
                 label: "Cantidad",
                 hint: "0€",
               ),
@@ -84,13 +85,15 @@ class _WageScreenState extends ConsumerState<WageScreen> {
           child: Column(
             spacing: 10,
             children: [
-              Align(alignment: Alignment.topLeft,
+              Align(
+                alignment: Alignment.topLeft,
                 child: const Text(
                   "Frecuencia",
                   style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
-                )
                 ),
-              Align(alignment: Alignment.topLeft,
+              ),
+              Align(
+                alignment: Alignment.topLeft,
                 child: const Text("Cuándo se envía el dinero"),
               ),
               CheckboxListTile(
@@ -139,7 +142,15 @@ class _WageScreenState extends ConsumerState<WageScreen> {
                   Text("Sábado"),
                   Text("Domingo"),
                 ],
-                values: ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"],
+                values: [
+                  "Lunes",
+                  "Martes",
+                  "Miércoles",
+                  "Jueves",
+                  "Viernes",
+                  "Sábado",
+                  "Domingo",
+                ],
                 onChanged: (value) => {},
                 hint: "Día de la semana",
               ),
@@ -174,13 +185,15 @@ class _WageScreenState extends ConsumerState<WageScreen> {
           child: Column(
             spacing: 10,
             children: [
-              const Align(alignment: Alignment.topLeft,
+              const Align(
+                alignment: Alignment.topLeft,
                 child: Text(
                   "Condiciones",
                   style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
                 ),
               ),
-              const Align(alignment: Alignment.topLeft,
+              const Align(
+                alignment: Alignment.topLeft,
                 child: Text("Este dato aparecerá en el reloj del peque"),
               ),
               CheckboxListTile(

packages/design_system/lib/src/buttons/primary_button.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 
 class PrimaryButton extends StatelessWidget {
-  final VoidCallback onPressed;
+  final VoidCallback? onPressed;
   final String text;
   final Color color;
   final double height;
@@ -9,24 +9,35 @@ class PrimaryButton extends StatelessWidget {
   final double size;
   final double radius;
   final double padding;
+  final Widget? leading;
+  final double leadingGap;
 
   const PrimaryButton({
     super.key,
-    required this.onPressed,
     required this.text,
     required this.color,
+    this.onPressed,
     this.height = 60,
     this.width,
     this.size = 18,
     this.radius = 18,
     this.padding = 0,
+    this.leading,
+    this.leadingGap = 10,
   });
 
   @override
   Widget build(BuildContext context) {
+    final bgResolver = WidgetStateProperty.resolveWith<Color>((states) {
+      if (states.contains(WidgetState.disabled)) {
+        return color.withValues(alpha: 0.5);
+      }
+      return color;
+    });
+
     return FilledButton(
       style: ButtonStyle(
-        backgroundColor: WidgetStatePropertyAll<Color>(color),
+        backgroundColor: bgResolver,
         padding: WidgetStatePropertyAll<EdgeInsetsGeometry>(
           EdgeInsets.symmetric(horizontal: padding),
         ),
@@ -40,17 +51,29 @@ class PrimaryButton extends StatelessWidget {
       child: SizedBox(
         width: width,
         height: height,
-        child: Center(
+        child: Row(
-          child: Text(
+          mainAxisAlignment: MainAxisAlignment.center,
+          // mainAxisSize: MainAxisSize.min,
+          children: [
+            if (leading != null) ...[
+              IconTheme.merge(
+                data: const IconThemeData(color: Colors.white, size: 20),
+                child: leading!,
+              ),
+              SizedBox(width: leadingGap),
+            ],
+            Text(
               text,
+              overflow: TextOverflow.ellipsis,
               textAlign: TextAlign.center,
               style: TextStyle(
                 fontSize: size,
                 fontWeight: FontWeight.w500,
                 letterSpacing: 0,
-              color: Colors.white, // theme.getColorFor(ThemeCode.textSecondary)
+                color: Colors.white,
               ),
             ),
+          ],
         ),
       ),
     );

packages/design_system/lib/src/inputs/textfields.dart

@@ -1,10 +1,11 @@
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 
 class CustomTextField extends StatelessWidget {
   final bool? showPassword;
+  final TextInputType keyboardType;
+  final TextInputAction? textInputAction;
+  final ValueChanged<String>? onSubmitted;
   final VoidCallback? onVisibilityChanged;
-  final bool numeric;
   final String hint;
   final String label;
   final double labelSize;
@@ -18,8 +19,10 @@ class CustomTextField extends StatelessWidget {
   const CustomTextField({
     super.key,
     this.showPassword,
+    this.keyboardType = TextInputType.text,
+    this.textInputAction,
+    this.onSubmitted,
     this.onVisibilityChanged,
-    this.numeric = false,
     this.hint = '',
     this.label = '',
     this.labelSize = 14,
@@ -45,17 +48,14 @@ class CustomTextField extends StatelessWidget {
             ),
           ),
         TextFormField(
-          controller: controller,
+          onFieldSubmitted: widget.onSubmitted,
-          keyboardType: numeric
+          textInputAction: widget.textInputAction,
-              ? TextInputType.number
+          controller: widget.controller,
-              : TextInputType.text,
+          keyboardType: widget.keyboardType,
           obscureText: !(showPassword ?? true),
           enableSuggestions: (showPassword ?? true),
           autocorrect: !(showPassword ?? true),
           style: const TextStyle(color: Color(0xFF4B4B4B)),
-          inputFormatters: numeric
-              ? <TextInputFormatter>[FilteringTextInputFormatter.digitsOnly]
-              : const <TextInputFormatter>[],
           decoration: InputDecoration(
             counterText: "",
             hintText: hint,

packages/design_system/test/widget_test.dart

@@ -93,7 +93,11 @@ void main() {
       )
       ..addScenario(
         'numeric',
-        SizedBox(height: 70, width: 250, child: CustomTextField(numeric: true)),
+        SizedBox(
+          height: 70,
+          width: 250,
+          child: CustomTextField(keyboardType: TextInputType.number),
+        ),
       )
       ..addScenario(
         'password',

packages/sf_localizations/assets/l10n/de.json

@@ -21,6 +21,17 @@
   "enter": "Weiter",
   "didNotReceiveIt": "Hast du es nicht erhalten?",
   "tryAgain": "Erneut versuchen",
+  "welcome": "Wir heißen dich willkommen!",
+  "username": "Benutzername",
+  "password": "Passwort",
+  "forgotPassword": "Passwort vergessen?",
+  "signIn": "Anmelden",
+  "orContinueWith": "oder weiter mit",
+  "google": "Google",
+  "apple": "Apple",
+  "dontHaveAccount": "Du hast noch kein Konto?",
+  "createOneNow": "Jetzt eines erstellen",
+  "tryAgain": "Erneut versuchen",
   "recoverPasswordTitle": "Passwort wiederherstellen",
   "recoverPasswordSubtitle": "Geben Sie Ihre E-Mail-Adresse ein, um Ihnen einen Wiederherstellungslink zu senden",
   "send": "Schicken",

packages/sf_localizations/assets/l10n/en.json

@@ -21,6 +21,17 @@
   "enter": "Enter",
   "didNotReceiveIt": "Didn't receive it?",
   "tryAgain": "Try again",
+  "welcome": "Welcome!",
+  "username": "Username",
+  "password": "Password",
+  "forgotPassword": "Forgot your password?",
+  "signIn": "Sign in",
+  "orContinueWith": "or continue with",
+  "google": "Google",
+  "apple": "Apple",
+  "dontHaveAccount": "Don't have an account?",
+  "createOneNow": "Create one now",
+  "tryAgain": "Try again",
   "recoverPasswordTitle": "Recover password",
   "recoverPasswordSubtitle": "Insert your email to send you a recovery link",
   "send": "Send",

packages/sf_localizations/assets/l10n/es.json

@@ -21,6 +21,17 @@
   "enter": "enter",
   "didNotReceiveIt": "¿No lo has recibido?",
   "tryAgain": "Volver a intentarlo",
+  "welcome": "¡Te damos la bienvenida!",
+  "username": "Nombre de usuario",
+  "password": "Contraseña",
+  "forgotPassword": "¿Has olvidado la contraseña?",
+  "signIn": "Iniciar sesión",
+  "orContinueWith": "o continúa con",
+  "google": "Google",
+  "apple": "Apple",
+  "dontHaveAccount": "¿No tienes cuenta?",
+  "createOneNow": "Crear una ahora",
+  "tryAgain": "Volver a intentarlo",
   "recoverPasswordTitle": "Recuperar contraseña",
   "recoverPasswordSubtitle": "Introduce tu email para enviarte un enlace de recuperación",
   "send": "Enviar",

packages/sf_localizations/assets/l10n/fr.json

@@ -21,6 +21,17 @@
   "enter": "Entrer",
   "didNotReceiveIt": "Tu ne l'as pas reçu ?",
   "tryAgain": "Réessayer",
+  "welcome": "Nous te souhaitons la bienvenue !",
+  "username": "Nom d'utilisateur",
+  "password": "Mot de passe",
+  "forgotPassword": "Mot de passe oublié ?",
+  "signIn": "Se connecter",
+  "orContinueWith": "ou continuer avec",
+  "google": "Google",
+  "apple": "Apple",
+  "dontHaveAccount": "Tu n'as pas de compte ?",
+  "createOneNow": "Crée-en un maintenant",
+  "tryAgain": "Réessayer",
   "recoverPasswordTitle": "Récupérer le mot de passe",
   "recoverPasswordSubtitle": "Entrez votre email pour vous envoyer un lien de récupération",
   "send": "Envoyer",

packages/sf_localizations/assets/l10n/it.json

@@ -21,6 +21,17 @@
   "enter": "Entra",
   "didNotReceiveIt": "Non lo hai ricevuto?",
   "tryAgain": "Riprova",
+  "welcome": "Ti diamo il benvenuto!",
+  "username": "Nome utente",
+  "password": "Password",
+  "forgotPassword": "Hai dimenticato la password?",
+  "signIn": "Accedi",
+  "orContinueWith": "o continua con",
+  "google": "Google",
+  "apple": "Apple",
+  "dontHaveAccount": "Non hai un account?",
+  "createOneNow": "Creane uno adesso",
+  "tryAgain": "Riprova",
   "recoverPasswordTitle": "Recupera la password",
   "recoverPasswordSubtitle": "Inserisci la tua email per inviarti un collegamento di recupero",
   "send": "Inviare",

packages/sf_localizations/assets/l10n/pt.json

@@ -21,6 +21,17 @@
   "enter": "Entrar",
   "didNotReceiveIt": "Você não recebeu?",
   "tryAgain": "Tentar novamente",
+  "welcome": "Bem-vindo!",
+  "username": "Nome de usuário",
+  "password": "Senha",
+  "forgotPassword": "Esqueceu a senha?",
+  "signIn": "Iniciar sessão",
+  "orContinueWith": "ou continuar com",
+  "google": "Google",
+  "apple": "Apple",
+  "dontHaveAccount": "Não tem conta?",
+  "createOneNow": "Criar uma agora",
+  "tryAgain": "Tentar novamente",
   "recoverPasswordTitle": "Recuperar senha",
   "recoverPasswordSubtitle": "Insira seu e-mail para enviar um link de recuperação",
   "send": "Enviar",

packages/sf_localizations/lib/src/generated/i18n.dart

@@ -3,6 +3,38 @@
 class I18n {
   const I18n._();
 
+  static const String example = 'example';
+  static const String start = 'start';
+  static const String next = 'next';
+  static const String skip = 'skip';
+  static const String onboardingTitle1 = 'onboardingTitle1';
+  static const String onboardingSubtitle1 = 'onboardingSubtitle1';
+  static const String onboardingTitle2 = 'onboardingTitle2';
+  static const String onboardingSubtitle2 = 'onboardingSubtitle2';
+  static const String onboardingTitle3 = 'onboardingTitle3';
+  static const String onboardingSubtitle3 = 'onboardingSubtitle3';
+  static const String linkPhoneTitle = 'linkPhoneTitle';
+  static const String linkPhoneSubtitle = 'linkPhoneSubtitle';
+  static const String mobilePhone = 'mobilePhone';
+  static const String phoneNumber = 'phoneNumber';
+  static const String selectYourCountry = 'selectYourCountry';
+  static const String errorMessagePhoneIsEmpty = 'errorMessagePhoneIsEmpty';
+  static const String connect = "connect";
+  static const String verificationCodeSentTo = "verificationCodeSentTo";
+  static const String enterCodeHere = "enterCodeHere";
+  static const String enter = "enter";
+  static const String didNotReceiveIt = "didNotReceiveIt";
+  static const String tryAgain = "tryAgain";
+  static const String welcome = "welcome";
+  static const String username = "username";
+  static const String password = "password";
+  static const String forgotPassword = "forgotPassword";
+  static const String signIn = "signIn";
+  static const String orContinueWith = "orContinueWith";
+  static const String google = "google";
+  static const String apple = "apple";
+  static const String dontHaveAccount = "dontHaveAccount";
+  static const String createOneNow = "createOneNow";
   static const example = 'example';
   static const onboardingTitle1 = 'onboardingTitle1';
   static const onboardingSubtitle1 = 'onboardingSubtitle1';

packages/sf_shared/lib/src/widgets/deposit_block.dart

@@ -38,7 +38,7 @@ class DepositBlock extends ConsumerWidget {
                     child: CustomTextField(
                       label: "Cantidad",
                       hint: "0€",
-                      numeric: true,
+                      keyboardType: TextInputType.number,
                     ),
                   ),
                   Align(
@@ -49,7 +49,7 @@ class DepositBlock extends ConsumerWidget {
                       color: theme.getColorFor(ThemeCode.buttonPrimary),
                       padding: 24,
                     ),
-                  )
+                  ),
                 ],
               ),
               Align(
@@ -60,10 +60,10 @@ class DepositBlock extends ConsumerWidget {
                     Icon(Icons.info_outline, size: 16),
                     Text("Máximo que puedes añadir: $max€"),
                   ],
-                )
+                ),
               ),
             ],
-          )
+          ),
         ],
       ),
     );