MPin

Acc_no_drop_down_functionality
account_number_selection functionality
2025-05-30 18:06:56 +05:30 · 2025-05-30 17:55:36 +05:30 · 2025-05-29 18:02:35 +05:30 · 2025-05-29 11:42:40 +05:30 · 2025-05-27 17:58:56 +05:30
20 changed files with 704 additions and 242 deletions
--- a/assets/fonts/Sriracha-Regular.ttf
+++ b/assets/fonts/Sriracha-Regular.ttf
--- a/devtools_options.yaml
+++ b/devtools_options.yaml
@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:
--- a/lib/app.dart
+++ b/lib/app.dart
@@ -2,12 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:kmobile/features/customer_info/screens/customer_info_screen.dart';
-import 'package:kmobile/security/secure_storage.dart';
-import 'package:kmobile/src/preferences/preferences_cubit.dart';
-import 'api/services/auth_service.dart';
 import 'config/themes.dart';
 import 'config/routes.dart';
-import 'data/repositories/auth_repository.dart';
 import 'di/injection.dart';
 import 'features/auth/controllers/auth_cubit.dart';
 import 'features/auth/controllers/auth_state.dart';
@@ -36,8 +32,6 @@ class KMobile extends StatelessWidget {
          create: (_) => getIt<AuthCubit>(),
        ),
        // Add other Bloc/Cubit providers here
-        BlocProvider<PreferencesCubit>(
-            create: (_) => PreferencesCubit()),
      ],
      child: MaterialApp(
        title: 'Banking App',
@@ -59,7 +53,7 @@ class KMobile extends StatelessWidget {
          builder: (context, state) {
            // Handle different authentication states
            if (state is AuthInitial || state is AuthLoading) {
-              return const _SplashScreen();
+              return const SplashScreen();
            }

            if(state is ShowBiometricPermission){
@@ -79,8 +73,8 @@ class KMobile extends StatelessWidget {
 }

 // Simple splash screens component
-class _SplashScreen extends StatelessWidget {
-  const _SplashScreen();
+class SplashScreen extends StatelessWidget {
+  const SplashScreen();

  @override
  Widget build(BuildContext context) {
--- a/lib/config/routes.dart
+++ b/lib/config/routes.dart
@@ -31,6 +31,8 @@ class AppRoutes {
  // Route generator
  static Route<dynamic> generateRoute(RouteSettings settings) {
    switch (settings.name) {
+      case splash:
+        return MaterialPageRoute(builder: (_) => const SplashScreen());
      case login:
        return MaterialPageRoute(builder: (_) => const LoginScreen());

--- a/lib/data/repositories/auth_repository.dart
+++ b/lib/data/repositories/auth_repository.dart
@@ -46,7 +46,6 @@ class AuthRepository {
      }
    }
  }
-  
  Future<User?> getCurrentUser() async {
    final userJson = await _secureStorage.read(_userKey);
    if (userJson != null) {
--- a/lib/features/accounts/screens/account_statement_screen.dart
+++ b/lib/features/accounts/screens/account_statement_screen.dart
@@ -9,8 +9,9 @@ class AccountStatementScreen extends StatefulWidget {
 }

 class _AccountStatementScreen extends State<AccountStatementScreen>{
-  DateTimeRange? selectedDateRange;
-  final _amountRangeController = TextEditingController(text: "100-500");
+  DateTime? fromDate;
+  DateTime? toDate;
+  final _amountRangeController = TextEditingController(text: "");
  final transactions = [
    {"desc": "Transfer From ICICI Bank subsidy", "amount": "+₹133.98", "type": "Cr", "time": "21-02-2024 13:09:30"},
    {"desc": "Mobile recharge", "amount": "-₹299.00", "type": "Dr", "time": "21-02-2024 13:09:30"},
@@ -21,20 +22,32 @@ class _AccountStatementScreen extends State<AccountStatementScreen>{
    {"desc": "Transfer From ICICI Bank subsidy", "amount": "+₹100.00", "type": "Cr", "time": "21-02-2024 13:09:30"},
  ];

-  Future<void> _selectDateRange(BuildContext context) async {
-    final DateTime now = DateTime.now();
+  void _selectDate({required bool isFromDate}) async {
+    final DateTime initial = isFromDate ? fromDate ?? DateTime.now() : toDate ?? fromDate ?? DateTime.now();

-    final DateTimeRange? picked = await showDateRangePicker(
+    final DateTime? picked = await showDatePicker(
      context: context,
+      initialDate: initial,
      firstDate: DateTime(2023),
-      lastDate: now, // disables future dates
-      initialDateRange: selectedDateRange ??
-          DateTimeRange(start: now.subtract(const Duration(days: 7)), end: now),
+      lastDate: DateTime(2030),
    );

    if (picked != null) {
      setState(() {
-        selectedDateRange = picked;
+        if (isFromDate) {
+          fromDate = picked;
+          if (toDate != null && toDate!.isBefore(fromDate!)) {
+            toDate = null; // reset invalid toDate
+          }
+        } else {
+          if (fromDate != null && picked.isBefore(fromDate!)) {
+            ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
+              content: Text("To Date cannot be before From Date"),
+            ));
+          } else {
+            toDate = picked;
+          }
+        }
      });
    }
  }
@@ -82,11 +95,13 @@ class _AccountStatementScreen extends State<AccountStatementScreen>{
            const SizedBox(height: 15,),
            Row(
              children: [
-                Expanded(child: _buildDateRangeSelector()),
+                Expanded(child: _buildFromDateSelector()),
                const SizedBox(width: 10),
-                Expanded(child: _buildFilterBox("100-500")),
+                Expanded(child: _buildToDateSelector()),
              ],
            ),
+            const SizedBox(height: 20),
+            _buildFilterBox(""),
            const SizedBox(height: 35),
            Expanded(
              child: ListView.builder(
@@ -104,16 +119,9 @@ class _AccountStatementScreen extends State<AccountStatementScreen>{
    );
  }

-  Widget _buildDateRangeSelector() {
-    String label = "Select Date";
-    if (selectedDateRange != null) {
-      final from = _formatDate(selectedDateRange!.start);
-      final to = _formatDate(selectedDateRange!.end);
-      label = "$from - $to";
-    }
-
+  Widget _buildFromDateSelector() {
    return GestureDetector(
-      onTap: () => _selectDateRange(context),
+      onTap: () => _selectDate(isFromDate: true),
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 14),
        decoration: BoxDecoration(
@@ -122,8 +130,37 @@ class _AccountStatementScreen extends State<AccountStatementScreen>{
        ),
        child: Row(
          children: [
-            Expanded(child: Text(label, style: const TextStyle(fontSize: 16))),
-            const Icon(Icons.calendar_today),
+            Expanded(
+              child: Text(
+                fromDate != null ? _formatDate(fromDate!) : "From Date",
+                style: const TextStyle(fontSize: 16),
+              ),
+            ),
+            const Icon(Icons.arrow_drop_down),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildToDateSelector() {
+    return GestureDetector(
+      onTap: () => _selectDate(isFromDate: false),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 14),
+        decoration: BoxDecoration(
+          border: Border.all(color: Colors.grey),
+          borderRadius: BorderRadius.circular(8),
+        ),
+        child: Row(
+          children: [
+            Expanded(
+              child: Text(
+                toDate != null ? _formatDate(toDate!) : "To Date",
+                style: const TextStyle(fontSize: 16),
+              ),
+            ),
+            const Icon(Icons.arrow_drop_down),
          ],
        ),
      ),
--- a/lib/features/auth/screens/mpin_screen.dart
+++ b/lib/features/auth/screens/mpin_screen.dart
@@ -1,8 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:kmobile/features/auth/controllers/auth_cubit.dart';
+import 'package:kmobile/security/secure_storage.dart';
 import 'package:material_symbols_icons/material_symbols_icons.dart';
-
 import '../../../app.dart';

 class MPinScreen extends StatefulWidget {
@@ -64,15 +64,20 @@ class MPinScreenState extends State<MPinScreen> {
            return Padding(
              padding: const EdgeInsets.all(8.0),
              child: GestureDetector(
-                onTap: () {
+                onTap: () async {
                  if (key == '<') {
                    deleteDigit();
                  } else if (key == 'Enter') {
                    if (mPin.length == 4) {
-                      Navigator.push(
-                        context,
-                        MaterialPageRoute(builder: (context) => const NavigationScaffold()),
-                      );
+                      String storedMpin = await SecureStorage().read("mpin");
+                      if(!mounted) return;
+                      if(storedMpin == mPin.join()) {
+                        Navigator.push(
+                          context,
+                          MaterialPageRoute(
+                              builder: (context) => const NavigationScaffold()),
+                        );
+                      }
                    } else {
                      ScaffoldMessenger.of(context).showSnackBar(
                        const SnackBar(content: Text("Please enter 4 digits")),
--- a/lib/features/auth/screens/mpin_setup.dart
+++ b/lib/features/auth/screens/mpin_setup.dart
@@ -0,0 +1,144 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:kmobile/features/auth/controllers/auth_cubit.dart';
+import 'package:kmobile/features/auth/screens/mpin_setup_confirm.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+
+class MPinSetupScreen extends StatefulWidget {
+  const MPinSetupScreen({super.key});
+
+  @override
+  MPinSetupScreenState createState() => MPinSetupScreenState();
+}
+
+class MPinSetupScreenState extends State<MPinSetupScreen> {
+  List<String> mPin = [];
+
+  void addDigit(String digit) {
+    if (mPin.length < 4) {
+      setState(() {
+        mPin.add(digit);
+      });
+    }
+  }
+
+  void deleteDigit() {
+    if (mPin.isNotEmpty) {
+      setState(() {
+        mPin.removeLast();
+      });
+    }
+  }
+
+  Widget buildMPinDots() {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: List.generate(4, (index) {
+        return Container(
+          margin: const EdgeInsets.all(8),
+          width: 15,
+          height: 15,
+          decoration: BoxDecoration(
+            shape: BoxShape.circle,
+            color: index < mPin.length ? Colors.black : Colors.grey[400],
+          ),
+        );
+      }),
+    );
+  }
+
+  Widget buildNumberPad() {
+    List<List<String>> keys = [
+      ['1', '2', '3'],
+      ['4', '5', '6'],
+      ['7', '8', '9'],
+      ['Enter', '0', '<']
+    ];
+
+    return Column(
+      children: keys.map((row) {
+        return Row(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          children: row.map((key) {
+            return Padding(
+              padding: const EdgeInsets.all(8.0),
+              child: GestureDetector(
+                onTap: () {
+                  if (key == '<') {
+                    deleteDigit();
+                  } else if (key == 'Enter') {
+                    if (mPin.length == 4) {
+                      Navigator.of(context).push(
+                        MaterialPageRoute(builder: (context) => MPinSetupConfirmScreen(mPin: mPin,)),
+                      );
+                    } else {
+                      ScaffoldMessenger.of(context).showSnackBar(
+                        const SnackBar(content: Text("Please enter 4 digits")),
+                      );
+                    }
+                  } else if (key.isNotEmpty) {
+                    addDigit(key);
+                  }
+                },
+                child: Container(
+                  width: 70,
+                  height: 70,
+                  decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    color: Colors.grey[200],
+                  ),
+                  alignment: Alignment.center,
+                  child: key == 'Enter' ? const Icon(Symbols.check) : Text(
+                    key == '<' ? '⌫' : key,
+                    style: TextStyle(
+                      fontSize: 20,
+                      fontWeight: key == 'Enter' ?
+                      FontWeight.normal : FontWeight.normal,
+                      color: key == 'Enter' ? Colors.blue : Colors.black,
+                    ),
+                  ),
+                ),
+              ),
+            );
+          }).toList(),
+        );
+      }).toList(),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final cubit = context.read<AuthCubit>();
+
+    return Scaffold(
+      body: SafeArea(
+        child: Column(
+          children: [
+            const Spacer(),
+            // Logo
+            const FlutterLogo(size: 100),
+            const SizedBox(height: 20),
+            const Text(
+              "Enter your mPIN",
+              style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
+            ),
+            const SizedBox(height: 20),
+            buildMPinDots(),
+            const Spacer(),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                TextButton(onPressed: () {
+                  cubit.authenticateBiometric();
+                }, child: const Text("Try another way")),
+                TextButton(onPressed: () {}, child: const Text("Register?")),
+              ],
+            ),
+            buildNumberPad(),
+            const Spacer(),
+          ],
+        ),
+      ),
+    );
+  }
+}
--- a/lib/features/auth/screens/mpin_setup_confirm.dart
+++ b/lib/features/auth/screens/mpin_setup_confirm.dart
@@ -0,0 +1,154 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:kmobile/features/auth/controllers/auth_cubit.dart';
+import 'package:kmobile/security/secure_storage.dart';
+import 'package:material_symbols_icons/material_symbols_icons.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+import '../../../app.dart';
+
+class MPinSetupConfirmScreen extends StatefulWidget {
+  final List<String> mPin;
+  const MPinSetupConfirmScreen({super.key, required this.mPin});
+
+  @override
+  MPinSetupConfirmScreenState createState() => MPinSetupConfirmScreenState();
+}
+
+class MPinSetupConfirmScreenState extends State<MPinSetupConfirmScreen> {
+  List<String> mPin = [];
+
+  void addDigit(String digit) {
+    if (mPin.length < 4) {
+      setState(() {
+        mPin.add(digit);
+      });
+    }
+  }
+
+  void deleteDigit() {
+    if (mPin.isNotEmpty) {
+      setState(() {
+        mPin.removeLast();
+      });
+    }
+  }
+
+  Widget buildMPinDots() {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: List.generate(4, (index) {
+        return Container(
+          margin: const EdgeInsets.all(8),
+          width: 15,
+          height: 15,
+          decoration: BoxDecoration(
+            shape: BoxShape.circle,
+            color: index < mPin.length ? Colors.black : Colors.grey[400],
+          ),
+        );
+      }),
+    );
+  }
+
+  Widget buildNumberPad() {
+    List<List<String>> keys = [
+      ['1', '2', '3'],
+      ['4', '5', '6'],
+      ['7', '8', '9'],
+      ['Enter', '0', '<']
+    ];
+
+    return Column(
+      children: keys.map((row) {
+        return Row(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          children: row.map((key) {
+            return Padding(
+              padding: const EdgeInsets.all(8.0),
+              child: GestureDetector(
+                onTap: () async {
+                  if (key == '<') {
+                    deleteDigit();
+                  } else if (key == 'Enter') {
+                    if (mPin.length == 4 && mPin.join() == widget.mPin.join()) {
+
+                         await SecureStorage().write("mpin", mPin.join());
+                         await SharedPreferences.getInstance()
+                             .then((prefs) => prefs.setBool('mpin_set', true));
+                         if(!mounted) return;
+                         Navigator.push(
+                           context,
+                           MaterialPageRoute(builder: (context) => const NavigationScaffold()),
+                         );
+                    } else {
+                      ScaffoldMessenger.of(context).showSnackBar(
+                        const SnackBar(content: Text("Please enter 4 digits")),
+                      );
+                    }
+                  } else if (key.isNotEmpty) {
+                    addDigit(key);
+                  }
+                },
+                child: Container(
+                  width: 70,
+                  height: 70,
+                  decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    color: Colors.grey[200],
+                  ),
+                  alignment: Alignment.center,
+                  child: key == 'Enter' ? const Icon(Symbols.check) : Text(
+                    key == '<' ? '⌫' : key,
+                    style: TextStyle(
+                      fontSize: 20,
+                      fontWeight: key == 'Enter' ?
+                      FontWeight.normal : FontWeight.normal,
+                      color: key == 'Enter' ? Colors.blue : Colors.black,
+                    ),
+                  ),
+                ),
+              ),
+            );
+          }).toList(),
+        );
+      }).toList(),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final cubit = context.read<AuthCubit>();
+
+    return Scaffold(
+      body: SafeArea(
+        child: Column(
+          children: [
+            const Spacer(),
+            // Logo
+            const FlutterLogo(size: 100),
+            const SizedBox(height: 20),
+            const Text(
+              "Enter your mPIN",
+              style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),
+            ),
+            const SizedBox(height: 20),
+            buildMPinDots(),
+            const Spacer(),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                TextButton(onPressed: () {
+                  cubit.authenticateBiometric();
+                }, child: const Text("Try another way")),
+                TextButton(onPressed: () {}, child: const Text("Register?")),
+              ],
+            ),
+            buildNumberPad(),
+            const Spacer(),
+          ],
+        ),
+      ),
+    );
+  }
+}
--- a/lib/features/dashboard/screens/dashboard_screen.dart
+++ b/lib/features/dashboard/screens/dashboard_screen.dart
@@ -9,6 +9,7 @@ import 'package:kmobile/features/fund_transfer/screens/fund_transfer_beneficiary
 import 'package:kmobile/features/quick_pay/screens/quick_pay_screen.dart';
 import 'package:kmobile/src/preferences/preference.dart';
 import 'package:material_symbols_icons/material_symbols_icons.dart';
+import 'package:google_fonts/google_fonts.dart';

 class DashboardScreen extends StatefulWidget {
  const DashboardScreen({super.key});
@@ -20,20 +21,55 @@ class DashboardScreen extends StatefulWidget {
 class _DashboardScreenState extends State<DashboardScreen> {
  // Mock data for transactions
  final List<Map<String, String>> transactions = [
-    {'name': 'Raj Kumar', 'amount': '₹1,000', 'date': '09 March, 2025 16:04', 'type': 'in'},
-    {'name': 'Sunita Joshi', 'amount': '₹1,45,000', 'date': '07 March, 2025 16:04', 'type': 'out'},
-    {'name': 'Manoj Singh', 'amount': '₹2,400', 'date': '07 March, 2025 16:04', 'type': 'in'},
-    {'name': 'Raj Kumar', 'amount': '₹11,500', 'date': '09 March, 2025 16:04', 'type': 'in'},
+    {
+      'name': 'Raj Kumar',
+      'amount': '₹1,000',
+      'date': '09 March, 2025 16:04',
+      'type': 'in'
+    },
+    {
+      'name': 'Sunita Joshi',
+      'amount': '₹1,45,000',
+      'date': '07 March, 2025 16:04',
+      'type': 'out'
+    },
+    {
+      'name': 'Manoj Singh',
+      'amount': '₹2,400',
+      'date': '07 March, 2025 16:04',
+      'type': 'in'
+    },
+    {
+      'name': 'Raj Kumar',
+      'amount': '₹11,500',
+      'date': '09 March, 2025 16:04',
+      'type': 'in'
+    },
    {'name': 'Manoj Singh', 'amount': '₹1,000', 'date': '', 'type': 'in'},
  ];

+  List<String> accountNumbers = [
+    '0300015678903456',
+    '0300015678903678',
+    '0300015678903325',
+  ];
+
+  String selectedAccount = '0300015678903456';
+  bool isVisible = false;
+
  @override
  Widget build(BuildContext context) {
    return Scaffold(
+      backgroundColor: const Color(0xfff5f9fc),
      appBar: AppBar(
+        backgroundColor: const Color(0xfff5f9fc),
        automaticallyImplyLeading: false,
-        title: const Text('kMobile', style: TextStyle(color: Colors.blueAccent,
-            fontWeight: FontWeight.w500),),
+        title: Text(
+          'kMobile',
+          style: TextStyle(
+              color: Theme.of(context).primaryColor,
+              fontWeight: FontWeight.w500),
+        ),
        actions: [
          // IconButton(
          //   icon: const Icon(Icons.notifications_outlined),
@@ -45,12 +81,15 @@ class _DashboardScreenState extends State<DashboardScreen> {
            padding: const EdgeInsets.only(right: 10.0),
            child: InkWell(
              borderRadius: BorderRadius.circular(20),
-              onTap: (){
-                Navigator.push(context, MaterialPageRoute(
-                    builder: (context) => const Preference()));
+              onTap: () {
+                Navigator.push(
+                    context,
+                    MaterialPageRoute(
+                        builder: (context) => const Preference()));
              },
              child: const CircleAvatar(
-                backgroundImage: AssetImage('assets/images/avatar.jpg'), // Replace with your image
+                backgroundImage: AssetImage('assets/images/avatar.jpg'),
+                // Replace with your image
                radius: 20,
              ),
            ),
@@ -64,45 +103,91 @@ class _DashboardScreenState extends State<DashboardScreen> {
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
+              Padding(
+                padding: const EdgeInsets.only(left: 8.0),
+                child: Text(
+                  "Hi Trina Bakshi",
+                  style: GoogleFonts.sriracha().copyWith(fontSize: 20),
+                ),
+              ),
              const SizedBox(height: 16),

              // Account Info Card
              Container(
-                padding: const EdgeInsets.all(16),
+                padding: const EdgeInsets.all(24),
                decoration: BoxDecoration(
-                  color: Colors.blue[700],
+                  color: Theme.of(context).primaryColor,
                  borderRadius: BorderRadius.circular(16),
                ),
-                child: const Column(
+                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      children: [
-                        Text("Account Number: ", style:
-                        TextStyle(color: Colors.white, fontSize: 12)),
-                        Text("03000156789462302", style:
-                        TextStyle(color: Colors.white, fontSize: 14)),
-                        Padding(
-                          padding: EdgeInsets.only(left: 5.0),
-                          child: Icon(Symbols.keyboard_arrow_down, color: Colors.white),
+                        const Text("Account Number: ",
+                            style:
+                                TextStyle(color: Colors.white, fontSize: 12)),
+                        DropdownButton<String>(
+                          value: selectedAccount,
+                          dropdownColor: Theme.of(context).primaryColor,
+                          underline: const SizedBox(),
+                          icon: const Icon(Icons.keyboard_arrow_down),
+                          iconEnabledColor: Colors.white,
+                          style: const TextStyle(
+                              color: Colors.white, fontSize: 14),
+                          items: accountNumbers.map((String acc) {
+                            return DropdownMenuItem<String>(
+                              value: acc,
+                              child: Text(acc,
+                                  style: const TextStyle(
+                                      color: Colors.white, fontSize: 14)),
+                            );
+                          }).toList(),
+                          onChanged: (String? newValue) {
+                            setState(() {
+                              selectedAccount = newValue!;
+                            });
+                          },
                        ),
                      ],
                    ),
-                    SizedBox(height: 15),
+                    const SizedBox(height: 15),
                    Row(
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
-                        Text("₹ *****", style: TextStyle(color: Colors.white,
-                            fontSize: 24, fontWeight: FontWeight.w700)),
-                        Icon(Symbols.visibility_lock, color: Colors.white),
+                        const Text("₹ ",
+                            style: const TextStyle(
+                                color: Colors.white,
+                                fontSize: 40,
+                                fontWeight: FontWeight.w700)),
+                        Text(isVisible ? "1,23,456" : "*****",
+                            style: const TextStyle(
+                                color: Colors.white,
+                                fontSize: 30,
+                                fontWeight: FontWeight.w700)),
+                        const Spacer(),
+                        InkWell(
+                            onTap: () {
+                              setState(() {
+                                isVisible = !isVisible;
+                              });
+                            },
+                            child: Icon(
+                                isVisible
+                                    ? Symbols.visibility_lock
+                                    : Symbols.visibility,
+                                color: Colors.white)),
                      ],
                    ),
-                    SizedBox(height: 20),
+                    const SizedBox(height: 20),
                  ],
                ),
              ),
              const SizedBox(height: 18),
-              const Text('Quick Links', style: TextStyle(fontSize: 15),),
+              const Text(
+                'Quick Links',
+                style: TextStyle(fontSize: 15),
+              ),
              const SizedBox(height: 16),

              // Quick Links
@@ -112,44 +197,58 @@ class _DashboardScreenState extends State<DashboardScreen> {
                physics: const NeverScrollableScrollPhysics(),
                children: [
                  _buildQuickLink(Symbols.id_card, "Customer \n Info", () {
-                  Navigator.push(context, MaterialPageRoute(
-                  builder: (context) => const CustomerInfoScreen()));
+                    Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                            builder: (context) => const CustomerInfoScreen()));
                  }),
-                  _buildQuickLink(Symbols.currency_rupee, "Quick \n Pay",
-                          () {
-                            Navigator.push(context, MaterialPageRoute(
-                                builder: (context) => const QuickPayScreen()));
-                          }),
-                  _buildQuickLink(Symbols.send_money, "Fund \n Transfer",
-                          () {
-                            Navigator.push(context, MaterialPageRoute(
-                                builder: (context) => const FundTransferBeneficiaryScreen()));
-                          }),
-                  _buildQuickLink(Symbols.server_person, "Account \n Info",
-                          (){
-                        Navigator.push(context, MaterialPageRoute(
+                  _buildQuickLink(Symbols.currency_rupee, "Quick \n Pay", () {
+                    Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                            builder: (context) => const QuickPayScreen()));
+                  }),
+                  _buildQuickLink(Symbols.send_money, "Fund \n Transfer", () {
+                    Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                            builder: (context) =>
+                                const FundTransferBeneficiaryScreen()));
+                  }),
+                  _buildQuickLink(Symbols.server_person, "Account \n Info", () {
+                    Navigator.push(
+                        context,
+                        MaterialPageRoute(
                            builder: (context) => const AccountInfoScreen()));
-                      }),
+                  }),
                  _buildQuickLink(Symbols.receipt_long, "Account \n History",
-                          () {
-                            Navigator.push(context, MaterialPageRoute(
-                                builder: (context) => const AccountStatementScreen()));
-                          }),
-                  _buildQuickLink(Symbols.checkbook, "Handle \n Cheque",
-                          () {
-                            Navigator.push(context, MaterialPageRoute(
-                                builder: (context) => const ChequeManagementScreen()));
-                          }),
-                  _buildQuickLink(Icons.group, "Manage \n Beneficiary",
-                          () {
-                            Navigator.push(context, MaterialPageRoute(
-                                builder: (context) => const ManageBeneficiariesScreen()));
-                          }),
-                  _buildQuickLink(Symbols.support_agent, "Contact \n Us",
-                          () {
-                            Navigator.push(context, MaterialPageRoute(
-                                builder: (context) => const EnquiryScreen()));
-                          }),
+                      () {
+                    Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                            builder: (context) =>
+                                const AccountStatementScreen()));
+                  }),
+                  _buildQuickLink(Symbols.checkbook, "Handle \n Cheque", () {
+                    Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                            builder: (context) =>
+                                const ChequeManagementScreen()));
+                  }),
+                  _buildQuickLink(Icons.group, "Manage \n Beneficiary", () {
+                    Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                            builder: (context) =>
+                                const ManageBeneficiariesScreen()));
+                  }),
+                  _buildQuickLink(Symbols.support_agent, "Contact \n Us", () {
+                    Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                            builder: (context) => const EnquiryScreen()));
+                  }),
                ],
              ),
              const SizedBox(height: 10),
@@ -157,16 +256,20 @@ class _DashboardScreenState extends State<DashboardScreen> {
              // Recent Transactions
              const Align(
                alignment: Alignment.centerLeft,
-                child: Text("Recent Transactions", style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
+                child: Text("Recent Transactions",
+                    style:
+                        TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
              ),
              ...transactions.map((tx) => ListTile(
-                leading: Icon(tx['type'] == 'in' ? Symbols.call_received : Symbols.call_made, color: tx['type'] == 'in' ? Colors.green : Colors.red),
-                title: Text(tx['name']!),
-                subtitle: Text(tx['date']!),
-                trailing: Text(tx['amount']!),
-              )),
-
-
+                    leading: Icon(
+                        tx['type'] == 'in'
+                            ? Symbols.call_received
+                            : Symbols.call_made,
+                        color: tx['type'] == 'in' ? Colors.green : Colors.red),
+                    title: Text(tx['name']!),
+                    subtitle: Text(tx['date']!),
+                    trailing: Text(tx['amount']!),
+                  )),
            ],
          ),
        ),
@@ -180,11 +283,13 @@ class _DashboardScreenState extends State<DashboardScreen> {
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
-          Icon(icon, size: 30, color: Colors.blue[700]),
+          Icon(icon, size: 30, color: Theme.of(context).primaryColor),
          const SizedBox(height: 4),
-          Text(label, textAlign: TextAlign.center, style: const TextStyle(fontSize: 12)),
+          Text(label,
+              textAlign: TextAlign.center,
+              style: const TextStyle(fontSize: 12)),
        ],
      ),
    );
  }
-}
+}
--- a/lib/features/fund_transfer/screens/transaction_success_screen.dart
+++ b/lib/features/fund_transfer/screens/transaction_success_screen.dart
@@ -5,7 +5,7 @@ import 'package:path_provider/path_provider.dart';
 import 'package:screenshot/screenshot.dart';
 import 'package:social_share/social_share.dart';

-import '../../dashboard/screens/dashboard_screen.dart';
+import '../../../app.dart';

 class TransactionSuccessScreen extends StatefulWidget {
  const TransactionSuccessScreen({super.key});
@@ -116,7 +116,7 @@ class _TransactionSuccessScreen extends State<TransactionSuccessScreen> {
                          Navigator.push(
                              context,
                              MaterialPageRoute(
-                                  builder: (context) => const DashboardScreen()));
+                                  builder: (context) => const NavigationScaffold()));
                        },
                        style: ElevatedButton.styleFrom(
                          shape: const StadiumBorder(),
--- a/lib/features/quick_pay/screens/quick_pay_outside_bank_screen.dart
+++ b/lib/features/quick_pay/screens/quick_pay_outside_bank_screen.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_swipe_button/flutter_swipe_button.dart';
 import 'package:material_symbols_icons/material_symbols_icons.dart';

 class QuickPayOutsideBankScreen extends StatefulWidget {
@@ -300,16 +301,20 @@ class _QuickPayOutsideBankScreen extends State<QuickPayOutsideBankScreen> {
              const SizedBox(height: 45),
              Align(
                alignment: Alignment.center,
-                child: SizedBox(
-                  width: 250,
-                  child: ElevatedButton(
-                    style: ElevatedButton.styleFrom(
-                      shape: const StadiumBorder(),
-                      padding: const EdgeInsets.symmetric(vertical: 16),
-                      backgroundColor: Colors.blue[900],
-                      foregroundColor: Colors.white,
+                child: SwipeButton.expand(
+                    thumb: const Icon(
+                      Icons.arrow_forward,
+                      color: Colors.white,
                    ),
-                    onPressed: () {
+                    activeThumbColor: Colors.blue[900],
+                    activeTrackColor: Colors.blue.shade100,
+                    borderRadius: BorderRadius.circular(30),
+                    height: 56,
+                    child: const Text(
+                      "Swipe to Pay",
+                      style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
+                    ),
+                    onSwipe: () {
                      if (_formKey.currentState!.validate()) {
                        // Perform payment logic
                        final selectedMode = transactionModes[selectedTransactionIndex];
@@ -318,9 +323,8 @@ class _QuickPayOutsideBankScreen extends State<QuickPayOutsideBankScreen> {
                        );
                      }
                    },
-                    child: const Text('Pay'),
-                  ),
-                ),
+                  )
+
              ),
            ],
          ),
--- a/lib/features/quick_pay/screens/quick_pay_within_bank_screen.dart
+++ b/lib/features/quick_pay/screens/quick_pay_within_bank_screen.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_swipe_button/flutter_swipe_button.dart';
 import 'package:material_symbols_icons/material_symbols_icons.dart';

 class QuickPayWithinBankScreen extends StatefulWidget {
@@ -149,27 +150,28 @@ class _QuickPayWithinBankScreen extends State<QuickPayWithinBankScreen> {
              const SizedBox(height: 45),
              Align(
                alignment: Alignment.center,
-                child: SizedBox(
-                  width: 250,
-                  height: 50,
-                  child: ElevatedButton(
-                    style: ElevatedButton.styleFrom(
-                      shape: const StadiumBorder(),
-                      padding: const EdgeInsets.symmetric(vertical: 16),
-                      backgroundColor: Colors.blue[900],
-                      foregroundColor: Colors.white,
-                    ),
-                    onPressed: () {
-                      if (_formKey.currentState!.validate()) {
-                        // Perform payment logic
-                        ScaffoldMessenger.of(context).showSnackBar(
-                          const SnackBar(
-                              content: Text('Processing Payment...')),
-                        );
-                      }
-                    },
-                    child: const Text('Pay'),
+                child: SwipeButton.expand(
+                  thumb: const Icon(
+                    Icons.arrow_forward,
+                    color: Colors.white,
                  ),
+                  activeThumbColor: Colors.blue[900],
+                  activeTrackColor: Colors.blue.shade100,
+                  borderRadius: BorderRadius.circular(30),
+                  height: 56,
+                  child: const Text(
+                    "Swipe to Pay",
+                    style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
+                  ),
+                  onSwipe: () {
+                    if (_formKey.currentState!.validate()) {
+                      // Perform payment logic
+                      ScaffoldMessenger.of(context).showSnackBar(
+                        const SnackBar(
+                            content: Text('Processing Payment...')),
+                      );
+                    }
+                  },
                ),
              ),
            ],
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:kmobile/src/preferences/preferences_provider.dart';
+import 'package:provider/provider.dart';
 import 'di/injection.dart';
 import 'app.dart';

@@ -15,5 +17,7 @@ void main() async {
  // Initialize dependencies
  await setupDependencies();

-  runApp(const KMobile());
+  runApp(MultiProvider(providers: [
+    ChangeNotifierProvider(create: (_) => PreferencesProvider()),
+  ], child: const KMobile()));
 }
--- a/lib/src/preferences/preference.dart
+++ b/lib/src/preferences/preference.dart
@@ -1,72 +1,73 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:provider/provider.dart';
 import 'package:kmobile/src/preferences/color_dialog.dart';
 import 'package:kmobile/src/preferences/language_dialog.dart';
+import 'package:kmobile/src/preferences/preferences_provider.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
-import 'package:kmobile/src/preferences/preferences_cubit.dart';
-import 'package:kmobile/src/preferences/preferences_state.dart';

 class Preference extends StatelessWidget {
  const Preference({super.key});

  @override
  Widget build(BuildContext context) {
-    return BlocBuilder<PreferencesCubit, PreferencesState>(
-      builder: (context, state) {
-        return Scaffold(
-          backgroundColor: Theme.of(context).colorScheme.background,
-          appBar: AppBar(
-            title: Text(AppLocalizations.of(context)!.preferences),
+    PreferencesProvider preferencesProvider =
+        Provider.of<PreferencesProvider>(context);
+    return Scaffold(
+      backgroundColor: Theme.of(context).colorScheme.background,
+      appBar: AppBar(
+        title: Text(AppLocalizations.of(context)!.preferences),
+      ),
+      body: ListView(
+        children: [
+          ListTile(
+            title: Text(AppLocalizations.of(context)!.dark_theme),
+            trailing: Switch(
+                value: preferencesProvider.themeMode == ThemeMode.dark,
+                onChanged: (value) {
+                  preferencesProvider.themeMode =
+                      value ? ThemeMode.dark : ThemeMode.light;
+                }),
          ),
-          body: ListView(
-            children: [
-              ListTile(
-                title: Text(AppLocalizations.of(context)!.dark_theme),
-                trailing: Switch(
-                  value: state.themeMode == ThemeMode.dark,
-                  onChanged: (value) {
-                    context.read<PreferencesCubit>().setThemeMode(
-                      value ? ThemeMode.dark : ThemeMode.light,
-                    );
-                  },
-                ),
-              ),
-              const Divider(height: 0),
-              ListTile(
-                title: Text(AppLocalizations.of(context)!.color_theme),
-                onTap: () => _changeCurrentTheme(context),
-              ),
-              const Divider(height: 0),
-              ListTile(
-                title: Text(AppLocalizations.of(context)!.language),
-                onTap: () => _changeCurrentLocale(context),
-              ),
-            ],
+          const Divider(height: 0),
+          ListTile(
+            title: Text(AppLocalizations.of(context)!.color_theme),
+            onTap: () => _changeCurrentTheme(context),
          ),
-        );
-      },
+          const Divider(height: 0),
+          ListTile(
+            title: Text(AppLocalizations.of(context)!.language),
+            onTap: () => _changeCurrentLocale(context),
+          )
+        ],
+      ),
    );
  }

  Future<void> _changeCurrentTheme(BuildContext context) async {
-    final selectedColorScheme = await showDialog<Map<ThemeMode, ColorScheme>>(
+    Map<ThemeMode, ColorScheme> selectedColorScheme = await showDialog(
      context: context,
-      builder: (context) => const ColorDialog(),
+      builder: (BuildContext context) {
+        return const ColorDialog();
+      },
    );
-
-    if (context.mounted && selectedColorScheme != null) {
-      context.read<PreferencesCubit>().setColorScheme(selectedColorScheme);
+    if (context.mounted) {
+      PreferencesProvider provider =
+          Provider.of<PreferencesProvider>(context, listen: false);
+      provider.colorScheme = selectedColorScheme;
    }
  }

  Future<void> _changeCurrentLocale(BuildContext context) async {
-    final selectedLocale = await showDialog<Locale>(
+    Locale selectedLocale = await showDialog(
      context: context,
-      builder: (context) => const LanguageDialog(),
+      builder: (BuildContext context) {
+        return const LanguageDialog();
+      },
    );
-
-    if (context.mounted && selectedLocale != null) {
-      context.read<PreferencesCubit>().setLocale(selectedLocale);
+    if (context.mounted) {
+      PreferencesProvider provider =
+          Provider.of<PreferencesProvider>(context, listen: false);
+      provider.locale = selectedLocale;
    }
  }
 }
--- a/lib/src/preferences/preferences_cubit.dart
+++ b/lib/src/preferences/preferences_cubit.dart
@@ -1,25 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'preferences_state.dart';
-import 'package:kmobile/utils/theme/color/color_scheme.dart';
-
-class PreferencesCubit extends Cubit<PreferencesState> {
-  PreferencesCubit()
-      : super(PreferencesState(
-          themeMode: ThemeMode.light,
-          colorScheme: KMobileColorScheme.everforest,
-          locale: const Locale.fromSubtags(languageCode: 'en'),
-        ));
-
-  void setThemeMode(ThemeMode mode) {
-    emit(state.copyWith(themeMode: mode));
-  }
-
-  void setColorScheme(Map<ThemeMode, ColorScheme> colorScheme) {
-    emit(state.copyWith(colorScheme: colorScheme));
-  }
-
-  void setLocale(Locale locale) {
-    emit(state.copyWith(locale: locale));
-  }
-}
--- a/lib/src/preferences/preferences_provider.dart
+++ b/lib/src/preferences/preferences_provider.dart
@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+import 'package:kmobile/utils/theme/color/color_scheme.dart';
+
+class PreferencesProvider with ChangeNotifier {
+  ThemeMode _themeMode = ThemeMode.light;
+  ThemeMode get themeMode => _themeMode;
+  set themeMode(ThemeMode currentMode) {
+    _themeMode = currentMode;
+    notifyListeners();
+  }
+
+  Map<ThemeMode, ColorScheme> _colorScheme = KMobileColorScheme.everforest;
+  Map<ThemeMode, ColorScheme> get colorScheme => _colorScheme;
+  set colorScheme(Map<ThemeMode, ColorScheme> currentColorScheme) {
+    _colorScheme = currentColorScheme;
+    notifyListeners();
+  }
+
+  Locale _locale = const Locale.fromSubtags(languageCode: 'en');
+  Locale get locale => _locale;
+  set locale(Locale currentLocale) {
+    _locale = currentLocale;
+    notifyListeners();
+  }
+}
--- a/lib/src/preferences/preferences_state.dart
+++ b/lib/src/preferences/preferences_state.dart
@@ -1,25 +0,0 @@
-import 'package:flutter/material.dart';
-
-class PreferencesState {
-  final ThemeMode themeMode;
-  final Map<ThemeMode, ColorScheme> colorScheme;
-  final Locale locale;
-
-  PreferencesState({
-    required this.themeMode,
-    required this.colorScheme,
-    required this.locale,
-  });
-
-  PreferencesState copyWith({
-    ThemeMode? themeMode,
-    Map<ThemeMode, ColorScheme>? colorScheme,
-    Locale? locale,
-  }) {
-    return PreferencesState(
-      themeMode: themeMode ?? this.themeMode,
-      colorScheme: colorScheme ?? this.colorScheme,
-      locale: locale ?? this.locale,
-    );
-  }
-}
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -65,6 +65,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.19.1"
+  crypto:
+    dependency: transitive
+    description:
+      name: crypto
+      sha256: "1e445881f28f22d6140f181e07737b22f1e099a5e1ff94b0af2f9e4a463f4855"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.6"
  cupertino_icons:
    dependency: "direct main"
    description:
@@ -211,6 +219,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.1.0"
+  flutter_swipe_button:
+    dependency: "direct main"
+    description:
+      name: flutter_swipe_button
+      sha256: "67df9f1121ad10429b900a723366403441634ebb2c064fd4babb7de274366a36"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.3"
  flutter_test:
    dependency: "direct dev"
    description: flutter
@@ -237,6 +253,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.1.3"
+  google_fonts:
+    dependency: "direct main"
+    description:
+      name: google_fonts
+      sha256: b1ac0fe2832c9cc95e5e88b57d627c5e68c223b9657f4b96e1487aa9098c7b82
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.2.1"
  http:
    dependency: transitive
    description:
@@ -470,7 +494,7 @@ packages:
    source: hosted
    version: "2.1.8"
  provider:
-    dependency: transitive
+    dependency: "direct main"
    description:
      name: provider
      sha256: "4abbd070a04e9ddc287673bf5a030c7ca8b685ff70218720abab8b092f53dd84"
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -52,6 +52,9 @@ dependencies:
  social_share: ^2.3.1
  screenshot: ^3.0.0
  path_provider: ^2.1.5
+  flutter_swipe_button: ^2.1.3
+  provider: ^6.1.5
+  google_fonts: ^6.2.1



@@ -100,6 +103,12 @@ flutter:
        - asset: assets/fonts/Rubik-Regular.ttf
        - asset: assets/fonts/Rubik-Bold.ttf
          weight: 700
+
+    - family: Sriracha
+      fonts:
+        - asset: assets/fonts/Sriracha-Regular.ttf
+
+
  #         style: italic
  #   - family: Trajan Pro
  #     fonts:
Author	SHA1	Message	Date
Trina Bakshi	1ad1cd07cc	MPin	2025-05-30 18:06:56 +05:30
Trina Bakshi	c0e892341b	Acc_no_drop_down_functionality	2025-05-30 17:55:36 +05:30
Trina Bakshi	83ad2b2e52	account_number_selection functionality	2025-05-29 18:02:35 +05:30
Trina Bakshi	7832a9372f	Pay_button_animation	2025-05-29 11:42:40 +05:30
Trina Bakshi	3f71a32c04	Swipe_Button_on_quick_pay	2025-05-27 17:58:56 +05:30