dio and login functions

lib/pages/auth/bloc/login_bloc.dart

@@ -1,12 +1,41 @@
+import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
 import 'package:syncrow_web/pages/auth/bloc/login_event.dart';
 import 'package:syncrow_web/pages/auth/bloc/login_state.dart';
+import 'package:syncrow_web/pages/auth/model/login_with_email_model.dart';
+import 'package:syncrow_web/pages/auth/model/token.dart';
+import 'package:syncrow_web/pages/auth/model/user_model.dart';
+import 'package:syncrow_web/services/auth_api.dart';
+import 'package:syncrow_web/utils/snack_bar.dart';
 
 class LoginBloc extends Bloc<LoginEvent, LoginState> {
   LoginBloc() : super(LoginInitial()) {
-    on<LoginButtonPressed>(_onPress);
+    on<LoginButtonPressed>(_login);
   }
 
+
+  final TextEditingController emailController = TextEditingController();
+  final TextEditingController passwordController = TextEditingController();
+
+  String fullName = '';
+  String email = '';
+  String forgetPasswordEmail = '';
+  String signUpPassword = '';
+  String newPassword = '';
+  String maskedEmail = '';
+  String otpCode = '';
+
+  final loginFormKey = GlobalKey<FormState>();
+  final signUpFormKey = GlobalKey<FormState>();
+  final checkEmailFormKey = GlobalKey<FormState>();
+  final createNewPasswordKey = GlobalKey<FormState>();
+  static Token token = Token.emptyConstructor();
+  static UserModel? user;
+
+  bool isPasswordVisible = false;
+  bool showValidationMessage = false;
+
   void _onPress(LoginButtonPressed event, Emitter<LoginState> emit) async {
     emit(LoginLoading());
     await Future.delayed(const Duration(seconds: 2));
@@ -16,4 +45,167 @@ class LoginBloc extends Bloc<LoginEvent, LoginState> {
       emit(const LoginFailure(error: 'Invalid credentials'));
     }
   }
+
+
+  /////////////////////////////////////VALIDATORS/////////////////////////////////////
+  String? passwordValidator(String? value) {
+    if (value != null) {
+      if (value.isEmpty) {
+        return 'Please enter your password';
+      }
+      if (value.isNotEmpty) {
+        if (!RegExp(r'^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$')
+            .hasMatch(value)) {
+          return 'Password must contain at least:\n - one uppercase letter.\n - one lowercase letter.\n - one number. \n - special character';
+        }
+      }
+    }
+    return null;
+  }
+
+  String? fullNameValidator(String? value) {
+    if (value == null) return 'Full name is required';
+
+    final withoutExtraSpaces = value.replaceAll(RegExp(r"\s+"), ' ').trim();
+
+    if (withoutExtraSpaces.length < 2 || withoutExtraSpaces.length > 30) {
+      return 'Full name must be between 2 and 30 characters long';
+    }
+
+    // Test if it contains anything but alphanumeric spaces and single quote
+
+    if (RegExp(r"/[^ a-zA-Z0-9-\']/").hasMatch(withoutExtraSpaces)) {
+      return 'Only alphanumeric characters, space, dash and single quote are allowed';
+    }
+
+    final parts = withoutExtraSpaces.split(' ');
+
+    if (parts.length < 2) return 'Full name must contain first and last names';
+
+    if (parts.length > 3) return 'Full name can at most contain 3 parts';
+
+    if (parts.any((part) => part.length < 2 || part.length > 30)) {
+      return 'Full name parts must be between 2 and 30 characters long';
+    }
+    return null;
+  }
+
+  String? reEnterPasswordCheck(String? value) {
+    passwordValidator(value);
+    if (signUpPassword == value) {
+      return null;
+    } else {
+      return 'Passwords do not match';
+    }
+  }
+
+  String? reEnterPasswordCheckForgetPass(String? value) {
+    passwordValidator(value);
+    if (newPassword == value) {
+      return null;
+    } else {
+      return 'Passwords do not match';
+    }
+  }
+
+  String? emailAddressValidator(String? value) {
+    if (value != null && value.isNotEmpty && value != "") {
+      if (checkValidityOfEmail(value)) {
+        return null;
+      } else {
+        return 'Please enter a valid email';
+      }
+    } else {
+      return 'Email address is required';
+    }
+  }
+
+  bool checkValidityOfEmail(String? email) {
+    if (email != null) {
+      return RegExp(
+          r"^[a-zA-Z0-9]+([.!#$%&'*+/=?^_`{|}~-]?[a-zA-Z0-9]+)*@[a-zA-Z0-9]+([.-]?[a-zA-Z0-9]+)*\.[a-zA-Z0-9]{2,}$")
+          .hasMatch(email);
+    } else {
+      return false;
+    }
+  }
+
+  String maskEmail(String email) {
+    final emailParts = email.split('@');
+    if (emailParts.length != 2) return email;
+
+    final localPart = emailParts[0];
+    final domainPart = emailParts[1];
+
+    if (localPart.length < 3) return email;
+
+    final start = localPart.substring(0, 2);
+    final end = localPart.substring(localPart.length - 1);
+
+    final maskedLocalPart = '$start******$end';
+    return '$maskedLocalPart@$domainPart';
+  }
+
+  _login(LoginButtonPressed event, Emitter<LoginState> emit) async {
+    emit(LoginLoading());
+    try {
+      if (event.username.isEmpty ||event.password.isEmpty) {
+        CustomSnackBar.displaySnackBar('Please enter your credentials');
+         emit(const LoginFailure(error: 'Something went wrong'));
+        return;
+      }
+
+      token = await AuthenticationAPI.loginWithEmail(
+        model: LoginWithEmailModel(
+          email: event.username,
+          password: event.password,
+        ),
+      );
+    } catch (failure) {
+      emit( LoginFailure(error: failure.toString()));
+      return;
+    }
+    if (token.accessTokenIsNotEmpty) {
+      debugPrint('token: ${token.accessToken}');
+      FlutterSecureStorage storage = const FlutterSecureStorage();
+      await storage.write(key: Token.loginAccessTokenKey, value: token.accessToken);
+
+      const FlutterSecureStorage().write(
+          key: UserModel.userUuidKey,
+          value: Token.decodeToken(token.accessToken)['uuid'].toString()
+      );
+
+      user = UserModel.fromToken(token);
+      emailController.clear();
+      passwordController.clear();
+      emit(LoginSuccess());
+    } else {
+      emit(const LoginFailure(error: 'Something went wrong'));
+    }
+  }
+
+  // signUp() async {
+  //   emit(LoginLoading());
+  //   final response;
+  //   try {
+  //     List<String> userFullName = fullName.split(' ');
+  //     response = await AuthenticationAPI.signUp(
+  //       model: SignUpModel(
+  //           email: email.toLowerCase(),
+  //           password: signUpPassword,
+  //           firstName: userFullName[0],
+  //           lastName: userFullName[1]),
+  //     );
+  //   } catch (failure) {
+  //     emit(AuthLoginError(message: failure.toString()));
+  //     return;
+  //   }
+  //   if (response) {
+  //     maskedEmail = maskEmail(email);
+  //     await sendOtp();
+  //   } else {
+  //     emit(AuthLoginError(message: 'Something went wrong'));
+  //   }
+  // }
+
 }

lib/pages/auth/model/login_with_email_model.dart

@@ -0,0 +1,23 @@
+class LoginWithEmailModel {
+  final String email;
+  final String password;
+
+  LoginWithEmailModel({
+    required this.email,
+    required this.password,
+  });
+
+  factory LoginWithEmailModel.fromJson(Map<String, dynamic> json) {
+    return LoginWithEmailModel(
+      email: json['email'],
+      password: json['password'],
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'email': email,
+      'password': password,
+    };
+  }
+}

lib/pages/auth/model/signup_model.dart

@@ -0,0 +1,29 @@
+class SignUpModel {
+  final String email;
+  final String password;
+  final String firstName;
+  final String lastName;
+
+  SignUpModel(
+      {required this.email,
+      required this.password,
+      required this.firstName,
+      required this.lastName});
+
+  factory SignUpModel.fromJson(Map<String, dynamic> json) {
+    return SignUpModel(
+        email: json['email'],
+        password: json['password'],
+        firstName: json['firstName'],
+        lastName: json['lastName']);
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'email': email,
+      'password': password,
+      'firstName': firstName,
+      'lastName': lastName,
+    };
+  }
+}

lib/pages/auth/model/token.dart

@@ -0,0 +1,69 @@
+import 'dart:convert';
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:syncrow_web/utils/const.dart';
+
+class Token {
+  static const String loginAccessTokenKey = 'accessToken';
+  static const String loginRefreshTokenKey = 'refreshToken';
+  final String accessToken;
+  final String refreshToken;
+  final String sessionId;
+  final int iat;
+  final int exp;
+
+  Token.emptyConstructor()
+      : accessToken = '',
+        refreshToken = '',
+        sessionId = '',
+        iat = 0,
+        exp = 0;
+
+  bool get accessTokenIsNotEmpty => accessToken.isNotEmpty;
+
+  bool get refreshTokenIsNotEmpty => refreshToken.isNotEmpty;
+
+  bool get isNotEmpty => accessToken.isNotEmpty && refreshToken.isNotEmpty;
+
+  Token(
+    this.accessToken,
+    this.refreshToken,
+    this.sessionId,
+    this.iat,
+    this.exp,
+  );
+
+  Token.refreshToken(this.refreshToken)
+      : accessToken = '',
+        sessionId = '',
+        iat = 0,
+        exp = 0;
+
+  factory Token.fromJson(Map<String, dynamic> json) {
+    //save token to secure storage
+    var storage = const FlutterSecureStorage();
+    storage.write(
+        key: loginAccessTokenKey,
+        value: json[loginAccessTokenKey] ?? '');
+    storage.write(
+        key: loginRefreshTokenKey,
+        value: json[loginRefreshTokenKey] ?? '');
+    //create token object ?
+    return Token(
+        json[loginAccessTokenKey] ?? '',
+        json[loginRefreshTokenKey] ?? '', '', 0, 0);
+  }
+
+  Map<String, String> refreshTokenToJson() =>
+      {loginRefreshTokenKey: refreshToken};
+
+  Map<String, String> accessTokenToJson() => {loginAccessTokenKey: accessToken};
+
+  static Map<String, dynamic> decodeToken(String accessToken) {
+    final parts = accessToken.split('.');
+    if (parts.length != 3) {
+      throw Exception('invalid access token');
+    }
+    final payload = decodeBase64(parts[1]);
+    return json.decode(payload);
+  }
+}

lib/pages/auth/model/user_model.dart

@@ -0,0 +1,66 @@
+import 'package:syncrow_web/pages/auth/model/token.dart';
+
+class UserModel {
+  static String userUuidKey = 'userUuid';
+  final String? uuid;
+  final String? email;
+  final String? name;
+  final String? photoUrl;
+
+  final String? phoneNumber;
+
+  final bool? isEmailVerified;
+
+  final bool? isAgreementAccepted;
+
+  UserModel({
+    required this.uuid,
+    required this.email,
+    required this.name,
+    required this.photoUrl,
+    required this.phoneNumber,
+    required this.isEmailVerified,
+    required this.isAgreementAccepted,
+  });
+
+  factory UserModel.fromJson(Map<String, dynamic> json) {
+    return UserModel(
+      uuid: json['id'],
+      email: json['email'],
+      name: json['name'],
+      photoUrl: json['photoUrl'],
+      phoneNumber: json['phoneNumber'],
+      isEmailVerified: json['isEmailVerified'],
+      isAgreementAccepted: json['isAgreementAccepted'],
+    );
+  }
+
+  //uuid to json
+
+  //from token
+  factory UserModel.fromToken(Token token) {
+    Map<String, dynamic> tempJson = Token.decodeToken(token.accessToken);
+
+    return UserModel(
+      uuid: tempJson['uuid'].toString(),
+      email: tempJson['email'],
+      name: null,
+      photoUrl: null,
+      phoneNumber: null,
+      isEmailVerified: null,
+      isAgreementAccepted: null,
+    );
+  }
+
+  Map<String, dynamic> toJson() {
+    return {
+      'id': uuid,
+      'email': email,
+      'name': name,
+      'photoUrl': photoUrl,
+      'phoneNumber': phoneNumber,
+      'isEmailVerified': isEmailVerified,
+      'isAgreementAccepted': isAgreementAccepted,
+    };
+  }
+}

lib/pages/auth/model/verify_code.dart

@@ -0,0 +1,27 @@
+class VerifyPassCode {
+  static const String verificationPhone = 'phone';
+  static const String verificationPassCode = 'passCode';
+  static const String verificationAgent = 'agent';
+  static const String verificationDeviceId = 'deviceId';
+
+  final String phone;
+  final String passCode;
+  final String agent;
+  final String deviceId;
+
+  VerifyPassCode(
+      {required this.phone, required this.passCode, required this.agent, required this.deviceId});
+
+  factory VerifyPassCode.fromJson(Map<String, dynamic> json) => VerifyPassCode(
+      phone: json[verificationPhone],
+      passCode: json[verificationPassCode],
+      agent: json[verificationAgent],
+      deviceId: json[verificationDeviceId]);
+
+  Map<String, dynamic> toJson() => {
+        verificationPhone: phone,
+        verificationPassCode: passCode,
+        verificationAgent: agent,
+        verificationDeviceId: deviceId,
+      };
+}

lib/pages/auth/view/login_web_page.dart

@@ -6,6 +6,7 @@ import 'package:syncrow_web/pages/auth/bloc/login_bloc.dart';
 import 'package:syncrow_web/pages/auth/bloc/login_event.dart';
 import 'package:syncrow_web/pages/auth/bloc/login_state.dart';
 import 'package:syncrow_web/pages/home/view/home_page.dart';
+import 'package:syncrow_web/utils/style.dart';
 
 class LoginWebPage extends StatelessWidget {
   const LoginWebPage({super.key});
@@ -13,9 +14,6 @@ class LoginWebPage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      // appBar: AppBar(
-      //   title: const Text('Login'),
-      // ),
       body: BlocProvider(
         create: (context) => LoginBloc(),
         child: BlocConsumer<LoginBloc, LoginState>(
@@ -130,24 +128,7 @@ class LoginWebPage extends StatelessWidget {
                                     width: MediaQuery.sizeOf(context).width * 0.2,
                                     child: TextFormField(
                                       controller: _usernameController,
-                                      decoration: InputDecoration(
-                                        labelText: 'Email',
-                                        labelStyle: const TextStyle(color: Colors.white),
-                                        hintText: '[email protected]',
-                                        hintStyle: const TextStyle(color: Colors.grey),
-                                        enabledBorder: OutlineInputBorder(
-                                          borderRadius: BorderRadius.circular(8.0),
-                                          borderSide: const BorderSide(color: Colors.white),
-                                        ),
-                                        focusedBorder: OutlineInputBorder(
-                                          borderRadius: BorderRadius.circular(8.0),
-                                          borderSide: const BorderSide(color: Colors.white),
-                                        ),
-                                        filled: true,
-                                        fillColor: Colors.white,
-                                        contentPadding: const EdgeInsets.symmetric(
-                                            vertical: 16.0, horizontal: 12.0),
-                                      ),
+                                      decoration: textBoxDecoration()!.copyWith(hintText: 'Email'),
                                       style: const TextStyle(color: Colors.black),
                                     ),
                                   ),
@@ -169,24 +150,7 @@ class LoginWebPage extends StatelessWidget {
                                     width: MediaQuery.sizeOf(context).width * 0.2,
                                     child: TextFormField(
                                       controller: _passwordController,
-                                      decoration: InputDecoration(
-                                        labelText: 'Password',
-                                        labelStyle: const TextStyle(color: Colors.white),
-                                        hintText: 'Password',
-                                        hintStyle: const TextStyle(color: Colors.grey),
-                                        enabledBorder: OutlineInputBorder(
-                                          borderRadius: BorderRadius.circular(8.0),
-                                          borderSide: const BorderSide(color: Colors.white),
-                                        ),
-                                        focusedBorder: OutlineInputBorder(
-                                          borderRadius: BorderRadius.circular(8.0),
-                                          borderSide: const BorderSide(color: Colors.white),
-                                        ),
-                                        filled: true,
-                                        fillColor: Colors.white,
-                                        contentPadding: const EdgeInsets.symmetric(
-                                            vertical: 16.0, horizontal: 12.0),
-                                      ),
+                                      decoration: textBoxDecoration()!.copyWith(hintText: 'Password' ,),
                                       style: const TextStyle(color: Colors.black),
                                     ),
                                   ),

lib/pages/home/view/tree_page.dart

@@ -73,7 +73,9 @@ class TreeWidget extends StatelessWidget {
                       child: GraphView(
                         graph: state.graph,
                         algorithm: BuchheimWalkerAlgorithm(
-                            state.builder, TreeEdgeRenderer(state.builder)),
+                            state.builder,
+                            TreeEdgeRenderer(state.builder)
+                        ),
                         paint: Paint()
                           ..color = Colors.green
                           ..strokeWidth = 1
@@ -136,14 +138,50 @@ Widget rectangleWidget(String text, Node node, BuildContext blocContext) {
       );
     },
     child: Container(
-        padding: EdgeInsets.all(16),
-        decoration: BoxDecoration(
-          borderRadius: BorderRadius.circular(4),
-          boxShadow: [
-            BoxShadow(color: Colors.blue[100]!, spreadRadius: 1),
-          ],
-        ),
-        child: Text(text)
+      width: MediaQuery.of(blocContext).size.width*0.2,
+      margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0),
+      padding: EdgeInsets.all(20.0),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(10.0),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.grey.withOpacity(0.5),
+            spreadRadius: 2,
+            blurRadius: 5,
+            offset: Offset(0, 3), // changes position of shadow
+          ),
+        ],
+      ),
+      child: Row(
+        children: [
+          const SizedBox(
+            child: Icon(
+              Icons.location_on,
+              color: Colors.blue,
+              size: 40.0,
+            ),
+          ),
+          const SizedBox(width: 10.0),
+           SizedBox(
+            child: Text(
+              text,
+              style: const TextStyle(
+                fontSize: 24.0,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          ),
+          const Spacer(),
+          Container(
+            child: const Icon(
+              Icons.add_circle_outline,
+              color: Colors.grey,
+              size: 24.0,
+            ),
+          ),
+        ],
+      ),
     ),
   );
 }