check phone impl

lib/presentation/pages/auth/login/login_page.dart

@@ -1,78 +1,131 @@
+import 'dart:developer';
+
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 
+import '../../../../application/auth/check_phone_form/check_phone_form_bloc.dart';
 import '../../../../common/theme/theme.dart';
+import '../../../../domain/auth/auth.dart';
+import '../../../../injection.dart';
 import '../../../components/button/button.dart';
+import '../../../components/toast/flushbar.dart';
 import '../../../router/app_router.gr.dart';
 import 'widgets/phone_field.dart';
 
 @RoutePage()
-class LoginPage extends StatelessWidget {
+class LoginPage extends StatelessWidget implements AutoRouteWrapper {
   const LoginPage({super.key});
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(title: const Text('Masuk')),
-      body: Padding(
-        padding: const EdgeInsets.symmetric(horizontal: 24.0),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            const SizedBox(height: 40),
-
-            // Title
-            LoginPhoneField(),
-
-            const SizedBox(height: 50),
-
-            // Continue Button
-            AppElevatedButton(
-              onPressed: () {
-                context.router.push(RegisterRoute());
-              },
-              title: 'Lanjutkan',
-            ),
-
-            const SizedBox(height: 24),
-
-            // Terms and Conditions
-            Center(
-              child: RichText(
-                textAlign: TextAlign.center,
-                text: TextSpan(
-                  style: AppStyle.md.copyWith(
-                    color: AppColor.textSecondary,
-                    height: 1.4,
-                  ),
+    return BlocListener<CheckPhoneFormBloc, CheckPhoneFormState>(
+      listenWhen: (p, c) =>
+          p.failureOrCheckPhoneOption != c.failureOrCheckPhoneOption,
+      listener: (context, state) {
+        state.failureOrCheckPhoneOption.fold(
+          () => null,
+          (either) => either.fold(
+            (f) => AppFlushbar.showAuthFailureToast(context, f),
+            (data) {
+              AppFlushbar.showSuccess(context, data.message);
+              Future.delayed(Duration(milliseconds: 1000), () {
+                log(data.toString());
+                if (data.status.isNotRegistered) {
+                  context.router.push(RegisterRoute());
+                } else if (data.status.isPasswordRequired) {
+                  context.router.push(
+                    PasswordRoute(phoneNumber: data.phoneNumber),
+                  );
+                }
+              });
+            },
+          ),
+        );
+      },
+      child: Scaffold(
+        appBar: AppBar(title: const Text('Masuk')),
+        body: BlocBuilder<CheckPhoneFormBloc, CheckPhoneFormState>(
+          builder: (context, state) {
+            return Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 24.0),
+              child: Form(
+                autovalidateMode: state.showErrorMessages
+                    ? AutovalidateMode.always
+                    : AutovalidateMode.disabled,
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
-                    const TextSpan(
-                      text: 'Dengan masuk Enaklo, kamu telah\nmenyetujui ',
+                    const SizedBox(height: 40),
+
+                    // Title
+                    LoginPhoneField(),
+
+                    const SizedBox(height: 50),
+
+                    // Continue Button
+                    AppElevatedButton(
+                      onPressed: state.isSubmitting
+                          ? null
+                          : () {
+                              context.read<CheckPhoneFormBloc>().add(
+                                CheckPhoneFormEvent.submitted(),
+                              );
+                            },
+                      isLoading: state.isSubmitting,
+                      title: 'Lanjutkan',
                     ),
-                    TextSpan(
-                      text: 'Syarat & Ketentuan',
-                      style: AppStyle.md.copyWith(
-                        color: AppColor.primary,
-                        fontWeight: FontWeight.w600,
-                      ),
-                    ),
-                    const TextSpan(text: ' dan\n'),
-                    TextSpan(
-                      text: 'Kebijakan Privasi',
-                      style: AppStyle.md.copyWith(
-                        color: AppColor.primary,
-                        fontWeight: FontWeight.w600,
+
+                    const SizedBox(height: 24),
+
+                    // Terms and Conditions
+                    Center(
+                      child: RichText(
+                        textAlign: TextAlign.center,
+                        text: TextSpan(
+                          style: AppStyle.md.copyWith(
+                            color: AppColor.textSecondary,
+                            height: 1.4,
+                          ),
+                          children: [
+                            const TextSpan(
+                              text:
+                                  'Dengan masuk Enaklo, kamu telah\nmenyetujui ',
+                            ),
+                            TextSpan(
+                              text: 'Syarat & Ketentuan',
+                              style: AppStyle.md.copyWith(
+                                color: AppColor.primary,
+                                fontWeight: FontWeight.w600,
+                              ),
+                            ),
+                            const TextSpan(text: ' dan\n'),
+                            TextSpan(
+                              text: 'Kebijakan Privasi',
+                              style: AppStyle.md.copyWith(
+                                color: AppColor.primary,
+                                fontWeight: FontWeight.w600,
+                              ),
+                            ),
+                          ],
+                        ),
                       ),
                     ),
+
+                    const SizedBox(height: 40),
                   ],
                 ),
               ),
-            ),
-
-            const SizedBox(height: 40),
-          ],
+            );
+          },
         ),
       ),
     );
   }
+
+  @override
+  Widget wrappedRoute(BuildContext context) => BlocProvider(
+    create: (context) => getIt<CheckPhoneFormBloc>(),
+    child: this,
+  );
 }

lib/presentation/pages/auth/login/widgets/phone_field.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 
+import '../../../../../application/auth/check_phone_form/check_phone_form_bloc.dart';
 import '../../../../../common/theme/theme.dart';
 import '../../../../components/field/field.dart';
 
@@ -45,6 +47,13 @@ class _LoginPhoneFieldState extends State<LoginPhoneField> {
       controller: _controller,
       focusNode: _focusNode,
       keyboardType: TextInputType.phone,
+      validator: (value) {
+        if (context.read<CheckPhoneFormBloc>().state.phoneNumber.isEmpty) {
+          return 'Masukkan no telepon';
+        }
+
+        return null;
+      },
       prefixIcon: Padding(
         padding: const EdgeInsets.symmetric(horizontal: 12),
         child: Text(
@@ -64,7 +73,9 @@ class _LoginPhoneFieldState extends State<LoginPhoneField> {
             )
           : null,
       onChanged: (value) {
-        setState(() {});
+        context.read<CheckPhoneFormBloc>().add(
+          CheckPhoneFormEvent.phoneNumberChanged(value),
+        );
       },
     );
   }

lib/presentation/pages/auth/password/password_page.dart

@@ -7,12 +7,13 @@ import '../../../router/app_router.gr.dart';
 
 @RoutePage()
 class PasswordPage extends StatelessWidget {
-  const PasswordPage({super.key});
+  final String phoneNumber;
+  const PasswordPage({super.key, required this.phoneNumber});
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(title: const Text('Buat Kata Sandi')),
+      appBar: AppBar(title: const Text('Kata Sandi')),
       body: Padding(
         padding: const EdgeInsets.symmetric(horizontal: 24.0),
         child: Column(