fast_sign_in_bottom_sheet.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
 
import '../../../../../core/error/failures.dart';
import '../../../../../core/services/fast_sign_in_service.dart';
import '../../domain/entities/credentials_entity.dart';
import '../bloc/authentication_bloc/authentication_bloc.dart';
 
class FastSignInBottomSheet extends StatefulWidget {
  final String? email;
  final Function onSuccess;
  final Function onCancel;
 
  const FastSignInBottomSheet({
    super.key,
    required this.email,
    required this.onSuccess,
    required this.onCancel,
  });
 
  static Future<bool?> show(
    BuildContext context, {
    required String? email,
    required Function onSuccess,
    required Function onCancel,
  }) {
    return showModalBottomSheet<bool?>(
      context: context,
      isScrollControlled: true,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
      ),
      builder: (context) => FastSignInBottomSheet(
        email: email,
        onSuccess: onSuccess,
        onCancel: onCancel,
      ),
    );
  }
 
  @override
  State<FastSignInBottomSheet> createState() => _FastSignInBottomSheetState();
}
 
class _FastSignInBottomSheetState extends State<FastSignInBottomSheet> {
  final TextEditingController _passwordController = TextEditingController();
  final FastSignInService _fastSignInService = FastSignInService();
  bool _isPasswordVisible = false;
 
  @override
  void dispose() {
    _fastSignInService.setActive(false);
    _passwordController.dispose();
    super.dispose();
  }
 
  @override
  Widget build(BuildContext context) {
    return BlocListener<AuthenticationBloc, AuthenticationState>(
      listener: (context, state) {
        if (state is FastSignInLoaded) {
          Navigator.of(context).pop(true);
          widget.onSuccess();
        } else if (state is FastSignInFailed) {
          _showErrorSnackBar(context, state.failure);
        }
      },
      child: Padding(
        padding: EdgeInsets.only(
          bottom: MediaQuery.of(context).viewInsets.bottom,
          left: 16,
          right: 16,
          top: 16,
        ),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text(
                  'Session Expired',
                  style: Theme.of(context).textTheme.titleLarge,
                ),
                IconButton(
                  icon: const Icon(Icons.close),
                  onPressed: () {
                    Navigator.of(context).pop(false);
                    widget.onCancel();
                  },
                ),
              ],
            ),
            const SizedBox(height: 16),
            Text(
              'Your session has expired. Please enter your password to continue.',
              style: Theme.of(context).textTheme.bodyMedium,
            ),
            const SizedBox(height: 16),
            Text(
              'Email',
              style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                fontWeight: FontWeight.bold,
              ),
            ),
            const SizedBox(height: 8),
            Container(
              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
              decoration: BoxDecoration(
                color: Colors.grey[200],
                borderRadius: BorderRadius.circular(8),
              ),
              child: Text(
                widget.email ?? 'Unknown email',
                style: Theme.of(context).textTheme.bodyMedium,
              ),
            ),
            const SizedBox(height: 16),
            Text(
              'Password',
              style: Theme.of(context).textTheme.bodyMedium?.copyWith(
                    fontWeight: FontWeight.bold,
                  ),
            ),
            const SizedBox(height: 8),
            TextField(
              controller: _passwordController,
              obscureText: !_isPasswordVisible,
              decoration: InputDecoration(
                filled: true,
                fillColor: Colors.grey[200],
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(8),
                  borderSide: BorderSide.none,
                ),
                suffixIcon: IconButton(
                  icon: Icon(
                    _isPasswordVisible
                        ? Icons.visibility_off
                        : Icons.visibility,
                  ),
                  onPressed: () {
                    setState(() {
                      _isPasswordVisible = !_isPasswordVisible;
                    });
                  },
                ),
              ),
            ),
            const SizedBox(height: 24),
            BlocBuilder<AuthenticationBloc, AuthenticationState>(
              builder: (context, state) {
                final isLoading = state is FastSignInLoading;
                return SizedBox(
                  width: double.infinity,
                  child: ElevatedButton(
                    onPressed: isLoading ? null : () {
                      if (_passwordController.text.isNotEmpty) {
                        context.read<AuthenticationBloc>().add(
                          FastSignInEvent(
                            reqEntity: CredentialsEntity(
                              email: widget.email ?? '',
                              password: _passwordController.text,
                            ),
                          ),
                        );
                      }
                    },
                    style: ElevatedButton.styleFrom(
                      padding: const EdgeInsets.symmetric(vertical: 16),
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(8),
                      ),
                    ),
                    child: isLoading ? const SizedBox(
                      height: 20,
                      width: 20,
                      child: CircularProgressIndicator(
                        strokeWidth: 2,
                      ),
                    ) : const Text('Sign In'),
                  ),
                );
              },
            ),
            const SizedBox(height: 24),
          ],
        ),
      ),
    );
  }
 
  void _showErrorSnackBar(BuildContext context, Failure failure) {
    ScaffoldMessenger.of(context).showSnackBar(
        SnackBar(
          content: Text(failure.message),
          backgroundColor: Colors.red,
        ),
      );
    }
  }