Add forgot password, reset password, and verify OTP providers and view models

- Implemented `ForgotPasswordViewModel`, `ResetPasswordViewModel`, and `VerifyOtpViewModel` for handling respective functionalities.
- Created provider functions for lazy loading of these view models in the app.
- Updated routing to utilize the new providers for managing state in the forgot password flow.
- Refactored UI components to integrate with the new view models, ensuring proper state management and user feedback during operations.
This commit is contained in:
amirrezaghabeli
2025-10-06 15:39:08 +03:30
parent b522bc77a9
commit cee5e6c6d6
23 changed files with 490 additions and 310 deletions
@@ -9,12 +9,13 @@ import '../../../core/constants/assets.dart';
import '../../../core/routes/app_routes.dart';
import '../../../core/theme/colors.dart';
import '../../../core/utils/app_toast.dart';
import '../../../view_models/auth_view_model.dart';
import '../../../view_models/reset_password_view_model.dart';
import '../../login/widgets/login_textfield.dart';
import '../../shared/base_button.dart';
class DesktopForgotPasswordCreatePage extends StatefulWidget {
const DesktopForgotPasswordCreatePage({super.key});
const DesktopForgotPasswordCreatePage({required this.resetToken, super.key});
final String resetToken;
@override
State<DesktopForgotPasswordCreatePage> createState() =>
@@ -23,11 +24,11 @@ class DesktopForgotPasswordCreatePage extends StatefulWidget {
class _DesktopForgotPasswordCreatePageState
extends State<DesktopForgotPasswordCreatePage> {
late final AuthViewModel viewModel;
late final ResetPasswordViewModel viewModel;
@override
void initState() {
viewModel = context.read<AuthViewModel>();
viewModel = context.read<ResetPasswordViewModel>();
viewModel.addListener(_viewModelListener);
super.initState();
}
@@ -39,10 +40,9 @@ class _DesktopForgotPasswordCreatePageState
}
void _viewModelListener() {
if (viewModel.resetPasswordErrorMessage != null) {
AppToast.error(context, viewModel.resetPasswordErrorMessage!);
} else if (viewModel.isResetPasswordLoading == false &&
viewModel.resetPasswordSuccess) {
if (viewModel.errorMessage != null) {
AppToast.error(context, viewModel.errorMessage!);
} else if (viewModel.isLoading == false && viewModel.successMessage) {
AppToast.success(
context,
ForgotPasswordCreateStrings.passwordResetSuccess,
@@ -60,7 +60,7 @@ class _DesktopForgotPasswordCreatePageState
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Consumer<AuthViewModel>(
Consumer<ResetPasswordViewModel>(
builder: (context, viewModel, _) {
return Expanded(
child: Center(
@@ -103,7 +103,7 @@ class _DesktopForgotPasswordCreatePageState
label: ForgotPasswordCreateStrings.createNewPassword,
iconPath: AssetsManager.passwordIcon,
isPassword: true,
obscureText: viewModel.obscureForgotPassword,
obscureText: viewModel.obscureNewPassword,
onToggleVisibility:
viewModel.toggleForgotPasswordVisibility,
),
@@ -156,7 +156,7 @@ class _DesktopForgotPasswordCreatePageState
),
),
SizedBox(height: 80.0.h()),
viewModel.isResetPasswordLoading
viewModel.isLoading
? BaseButton(
isEnabled: viewModel.isNewPasswordValid,
text: ForgotPasswordCreateStrings.resetLink,
@@ -169,7 +169,9 @@ class _DesktopForgotPasswordCreatePageState
onPressed:
viewModel.isNewPasswordValid
? () async {
viewModel.resetPassword();
viewModel.resetPassword(
resetToken: widget.resetToken,
);
}
: null,
),
@@ -6,14 +6,15 @@ import 'package:tm_app/views/forget_password_create/pages/t_forget_password_crea
import '../../shared/responsive_builder.dart';
class ForgotPasswordCreateScreen extends StatelessWidget {
const ForgotPasswordCreateScreen({super.key});
const ForgotPasswordCreateScreen({required this.resetToken, super.key});
final String resetToken;
@override
Widget build(BuildContext context) {
return const ResponsiveBuilder(
mobile: MobileForgotPasswordCreatePage(),
tablet: TabletForgotPasswordCreatePage(),
desktop: DesktopForgotPasswordCreatePage(),
return ResponsiveBuilder(
mobile: MobileForgotPasswordCreatePage(resetToken: resetToken),
tablet: TabletForgotPasswordCreatePage(resetToken: resetToken),
desktop: DesktopForgotPasswordCreatePage(resetToken: resetToken),
);
}
}
@@ -9,12 +9,13 @@ import 'package:tm_app/views/forget_password_create/strings/forgot_password_crea
import '../../../core/constants/assets.dart';
import '../../../core/theme/colors.dart';
import '../../../core/utils/app_toast.dart';
import '../../../view_models/auth_view_model.dart';
import '../../../view_models/reset_password_view_model.dart';
import '../../login/widgets/login_textfield.dart';
import '../../shared/base_button.dart';
class MobileForgotPasswordCreatePage extends StatefulWidget {
const MobileForgotPasswordCreatePage({super.key});
const MobileForgotPasswordCreatePage({required this.resetToken, super.key});
final String resetToken;
@override
State<MobileForgotPasswordCreatePage> createState() =>
@@ -23,11 +24,11 @@ class MobileForgotPasswordCreatePage extends StatefulWidget {
class _MobileForgotPasswordCreatePageState
extends State<MobileForgotPasswordCreatePage> {
late final AuthViewModel viewModel;
late final ResetPasswordViewModel viewModel;
@override
void initState() {
viewModel = context.read<AuthViewModel>();
viewModel = context.read<ResetPasswordViewModel>();
viewModel.addListener(_viewModelListener);
super.initState();
}
@@ -39,10 +40,9 @@ class _MobileForgotPasswordCreatePageState
}
void _viewModelListener() {
if (viewModel.resetPasswordErrorMessage != null) {
AppToast.error(context, viewModel.resetPasswordErrorMessage!);
} else if (viewModel.isResetPasswordLoading == false &&
viewModel.resetPasswordSuccess) {
if (viewModel.errorMessage != null) {
AppToast.error(context, viewModel.errorMessage!);
} else if (viewModel.isLoading == false && viewModel.successMessage) {
AppToast.success(
context,
ForgotPasswordCreateStrings.passwordResetSuccess,
@@ -61,7 +61,7 @@ class _MobileForgotPasswordCreatePageState
child: Center(
child: SingleChildScrollView(
padding: EdgeInsets.symmetric(horizontal: 24.0.w()),
child: Consumer<AuthViewModel>(
child: Consumer<ResetPasswordViewModel>(
builder: (context, viewModel, _) {
return Column(
mainAxisSize: MainAxisSize.min,
@@ -100,7 +100,7 @@ class _MobileForgotPasswordCreatePageState
label: ForgotPasswordCreateStrings.createNewPassword,
iconPath: AssetsManager.passwordIcon,
isPassword: true,
obscureText: viewModel.obscureForgotPassword,
obscureText: viewModel.obscureNewPassword,
onToggleVisibility:
viewModel.toggleForgotPasswordVisibility,
),
@@ -153,7 +153,7 @@ class _MobileForgotPasswordCreatePageState
),
),
SizedBox(height: 80.0.h()),
viewModel.isResetPasswordLoading
viewModel.isLoading
? BaseButton(
isEnabled: viewModel.isNewPasswordValid,
text: ForgotPasswordCreateStrings.resetLink,
@@ -166,7 +166,9 @@ class _MobileForgotPasswordCreatePageState
onPressed:
viewModel.isNewPasswordValid
? () async {
viewModel.resetPassword();
viewModel.resetPassword(
resetToken: widget.resetToken,
);
}
: null,
),
@@ -9,12 +9,13 @@ import '../../../core/constants/assets.dart';
import '../../../core/routes/app_routes.dart';
import '../../../core/theme/colors.dart';
import '../../../core/utils/app_toast.dart';
import '../../../view_models/auth_view_model.dart';
import '../../../view_models/reset_password_view_model.dart';
import '../../login/widgets/login_textfield.dart';
import '../../shared/base_button.dart';
class TabletForgotPasswordCreatePage extends StatefulWidget {
const TabletForgotPasswordCreatePage({super.key});
const TabletForgotPasswordCreatePage({required this.resetToken, super.key});
final String resetToken;
@override
State<TabletForgotPasswordCreatePage> createState() =>
@@ -23,11 +24,11 @@ class TabletForgotPasswordCreatePage extends StatefulWidget {
class _TabletForgotPasswordCreatePageState
extends State<TabletForgotPasswordCreatePage> {
late final AuthViewModel viewModel;
late final ResetPasswordViewModel viewModel;
@override
void initState() {
viewModel = context.read<AuthViewModel>();
viewModel = context.read<ResetPasswordViewModel>();
viewModel.addListener(_viewModelListener);
super.initState();
}
@@ -39,10 +40,9 @@ class _TabletForgotPasswordCreatePageState
}
void _viewModelListener() {
if (viewModel.resetPasswordErrorMessage != null) {
AppToast.error(context, viewModel.resetPasswordErrorMessage!);
} else if (viewModel.isResetPasswordLoading == false &&
viewModel.resetPasswordSuccess) {
if (viewModel.errorMessage != null) {
AppToast.error(context, viewModel.errorMessage!);
} else if (viewModel.isLoading == false && viewModel.successMessage) {
AppToast.success(
context,
ForgotPasswordCreateStrings.passwordResetSuccess,
@@ -59,7 +59,7 @@ class _TabletForgotPasswordCreatePageState
body: Center(
child: SingleChildScrollView(
padding: EdgeInsets.symmetric(horizontal: 24.0.w()),
child: Consumer<AuthViewModel>(
child: Consumer<ResetPasswordViewModel>(
builder: (context, viewModel, _) {
return Center(
child: SizedBox(
@@ -101,7 +101,7 @@ class _TabletForgotPasswordCreatePageState
label: ForgotPasswordCreateStrings.createNewPassword,
iconPath: AssetsManager.passwordIcon,
isPassword: true,
obscureText: viewModel.obscureForgotPassword,
obscureText: viewModel.obscureNewPassword,
onToggleVisibility:
viewModel.toggleForgotPasswordVisibility,
),
@@ -154,7 +154,7 @@ class _TabletForgotPasswordCreatePageState
),
),
SizedBox(height: 70.0.h()),
viewModel.isResetPasswordLoading
viewModel.isLoading
? BaseButton(
isEnabled: viewModel.isNewPasswordValid,
text: ForgotPasswordCreateStrings.resetLink,
@@ -168,7 +168,9 @@ class _TabletForgotPasswordCreatePageState
onPressed:
viewModel.isNewPasswordValid
? () async {
viewModel.resetPassword();
viewModel.resetPassword(
resetToken: widget.resetToken,
);
}
: null,
),