feat(deriv_auth): Add language selector in auth package

packages/deriv_auth/lib/features/get_started/presentation/layouts/deriv_get_started_layout.dart

@@ -6,6 +6,7 @@ import 'dart:math' as math;
 import 'package:deriv_auth/core/extensions/context_extension.dart';
 import 'package:deriv_auth/core/helpers/semantic_labels.dart';
 import 'package:deriv_auth/features/get_started/models/deriv_get_started_slide_model.dart';
+import 'package:deriv_language_selector/deriv_language_selector.dart';
 import 'package:deriv_theme/deriv_theme.dart';
 import 'package:deriv_ui/deriv_ui.dart';
 import 'package:flutter/material.dart';
@@ -110,6 +111,17 @@ class _DerivGetStartedLayoutState extends State<DerivGetStartedLayout> {
         title: AppSettingGestureDetector(
             onTapNavigation: widget.onTapNavigation,
             child: SvgPicture.asset(widget.appLogoIconPath)),
+        actions: <Widget>[
+          Padding(
+            padding: const EdgeInsets.symmetric(
+              horizontal: ThemeProvider.margin16,
+              vertical: ThemeProvider.margin08,
+            ),
+            child: LanguageSelector.button(
+              bottomsheetTitle: context.derivAuthLocalization.labelLanguage,
+            ),
+          ),
+        ],
       );
 
   Timer _buildNewScrollTimer() => Timer.periodic(

packages/deriv_auth/lib/features/single_entry/core/auth_provider.dart

@@ -2,6 +2,7 @@ import 'package:deriv_auth/features/auth/cubit/deriv_auth_cubit.dart';
 import 'package:deriv_auth/features/reset_password/cubit/reset_password_cubit.dart';
 import 'package:deriv_auth/features/signup/cubit/signup_cubit.dart';
 import 'package:deriv_auth/features/social_auth/cubit/social_auth_cubit.dart';
+import 'package:deriv_language_selector/deriv_language_selector.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 
@@ -14,6 +15,7 @@ class AuthProvider extends StatelessWidget {
     required this.socialAuthCubit,
     required this.derivResetPassCubit,
     required this.derivSignupCubit,
+    required this.languageCubit,
   });
 
   /// Child widget
@@ -31,6 +33,9 @@ class AuthProvider extends StatelessWidget {
   /// Instance of Signup Cubit
   final DerivSignupCubit derivSignupCubit;
 
+  /// Instance of language Cubit
+  final LanguageCubit languageCubit;
+
   Widget build(BuildContext context) => MultiBlocProvider(
         providers: [
           BlocProvider<DerivAuthCubit>.value(
@@ -45,6 +50,9 @@ class AuthProvider extends StatelessWidget {
           BlocProvider<DerivSignupCubit>.value(
             value: derivSignupCubit,
           ),
+          BlocProvider<LanguageCubit>.value(
+            value: languageCubit,
+          ),
         ],
         child: widget,
       );

packages/deriv_auth/pubspec.yaml

@@ -47,6 +47,12 @@ dependencies:
       url: [email protected]:regentmarkets/flutter-deriv-packages.git
       path: packages/deriv_localizations
       ref: deriv_localizations-v1.3.0
+
+  deriv_language_selector:
+    git:
+      url: [email protected]:regentmarkets/flutter-deriv-packages.git
+      path: packages/deriv_language_selector
+      ref: deriv_language_selector-v0.0.2+1    
 
   flutter_bloc: ^8.1.3
   flutter_svg: ^2.0.7

packages/deriv_auth/test/features/get_started/presentation/layouts/deriv_get_started_layout_test.dart

@@ -1,9 +1,14 @@
 // ignore_for_file: always_specify_types
 
+import 'package:bloc_test/bloc_test.dart';
 import 'package:deriv_auth/features/get_started/models/deriv_get_started_slide_model.dart';
 import 'package:deriv_auth/features/get_started/presentation/layouts/deriv_get_started_layout.dart';
+import 'package:deriv_language_selector/deriv_language_selector.dart';
+import 'package:deriv_localizations/l10n/generated/deriv_auth/deriv_auth_localizations.dart';
+import 'package:deriv_localizations/l10n/generated/deriv_auth/deriv_auth_localizations_ar.dart';
 import 'package:deriv_ui/deriv_ui.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:mocktail/mocktail.dart';
 import 'package:patrol_finders/patrol_finders.dart';
@@ -13,50 +18,62 @@ import '../../../../pump_app.dart';
 class MockDerivGetStartedSlideModel extends Mock
     implements DerivGetStartedSlideModel {}
 
+class MockLanguageCubit extends MockCubit<LanguageState>
+    implements LanguageCubit {}
+
 void main() {
   group('DerivGetStartedLayout', () {
     late MockDerivGetStartedSlideModel mockSlideModel;
 
     const String appLogoIconPath = 'assets/icons/ic_logo_extended.svg';
     const String backgroundImagePath = 'assets/images/triangles.svg';
 
+    final MockLanguageCubit mockLanguageCubit = MockLanguageCubit();
+
     setUpAll(() {
       mockSlideModel = MockDerivGetStartedSlideModel();
       when(() => mockSlideModel.imagePath)
           .thenReturn('assets/images/charts.svg');
       when(() => mockSlideModel.supportingText).thenReturn('Supporting text');
-    });
 
-    patrolWidgetTest('should render DerivGetStartedLayout',
-        (PatrolTester $) async {
-      await $.pumpApp(DerivGetStartedLayout(
-        onTapNavigation: (context) {},
-        slides: [mockSlideModel],
-        appLogoIconPath: appLogoIconPath,
-        backgroundImagePath: backgroundImagePath,
-        onLoginTapped: () {},
-        onSignupTapped: () {},
-      ));
-
-      expect($(DerivGetStartedLayout), findsOneWidget);
-      expect($(AppBar), findsOneWidget);
-      expect($(PrimaryButton), findsOneWidget);
-      expect($(SecondaryButton), findsOneWidget);
+      final LanguageModel languageModel = LanguageModel(
+        code: 'en',
+        flag: 'assets/icons/flags/ic_flag_en.png',
+        name: 'English',
+      );
+
+      when(() => mockLanguageCubit.state).thenReturn(
+        LanguageLoadedState(
+          activeLanguages: [
+            languageModel,
+          ],
+          language: languageModel,
+        ),
+      );
     });
 
     patrolWidgetTest('should call onLoginTapped when login button is pressed',
         (PatrolTester $) async {
       bool loginTapped = false;
 
-      await $.pumpApp(DerivGetStartedLayout(
-        onTapNavigation: (context) {},
-        slides: [mockSlideModel],
-        appLogoIconPath: appLogoIconPath,
-        backgroundImagePath: backgroundImagePath,
-        onLoginTapped: () {
-          loginTapped = true;
-        },
-        onSignupTapped: () {},
+      await $.pumpApp(BlocProvider<LanguageCubit>(
+        create: (_) => mockLanguageCubit,
+        child: MaterialApp(
+          localizationsDelegates: const [DerivAuthLocalizations.delegate],
+          locale: const Locale('en'),
+          home: Scaffold(
+            body: DerivGetStartedLayout(
+              onTapNavigation: (context) {},
+              slides: [mockSlideModel],
+              appLogoIconPath: appLogoIconPath,
+              backgroundImagePath: backgroundImagePath,
+              onLoginTapped: () {
+                loginTapped = true;
+              },
+              onSignupTapped: () {},
+            ),
+          ),
+        ),
       ));
 
       await $.tap($(SecondaryButton));
@@ -68,16 +85,27 @@ void main() {
         (PatrolTester $) async {
       bool signupTapped = false;
 
-      await $.pumpApp(DerivGetStartedLayout(
-        onTapNavigation: (context) {},
-        slides: [mockSlideModel],
-        appLogoIconPath: appLogoIconPath,
-        backgroundImagePath: backgroundImagePath,
-        onLoginTapped: () {},
-        onSignupTapped: () {
-          signupTapped = true;
-        },
-      ));
+      await $.pumpApp(
+        BlocProvider<LanguageCubit>(
+          create: (_) => mockLanguageCubit,
+          child: MaterialApp(
+            localizationsDelegates: const [DerivAuthLocalizations.delegate],
+            locale: const Locale('en'),
+            home: Scaffold(
+              body: DerivGetStartedLayout(
+                onTapNavigation: (context) {},
+                slides: [mockSlideModel],
+                appLogoIconPath: appLogoIconPath,
+                backgroundImagePath: backgroundImagePath,
+                onLoginTapped: () {},
+                onSignupTapped: () {
+                  signupTapped = true;
+                },
+              ),
+            ),
+          ),
+        ),
+      );
 
       await $.tap($(PrimaryButton));