refactor: update team selection UI

api/packages/game_domain/lib/src/models/mascots.dart

@@ -1,16 +1,47 @@
 /// {@template mascots}
-/// Google Mascots enum
+/// Google Mascots enum.
 /// {@endtemplate}
 enum Mascots {
-  /// Flutter Dash mascot
-  dash,
+  /// Flutter Dash mascot.
+  dash(
+    displayName: 'Dash',
+    idleAnimation: 'dash_idle.png',
+    platformAnimation: 'android_platform.png',
+  ),
 
-  /// Firebase Sparky mascot
-  sparky,
+  /// Firebase Sparky mascot.
+  sparky(
+    displayName: 'Sparky',
+    idleAnimation: 'dash_idle.png',
+    platformAnimation: 'android_platform.png',
+  ),
 
-  /// Chrome Dino mascot
-  dino,
+  /// Android mascot.
+  android(
+    displayName: 'Android',
+    idleAnimation: 'dash_idle.png',
+    platformAnimation: 'android_platform.png',
+  ),
 
-  /// Android mascot
-  android,
+  /// Chrome Dino mascot.
+  dino(
+    displayName: 'Dino',
+    idleAnimation: 'dash_idle.png',
+    platformAnimation: 'android_platform.png',
+  );
+
+  const Mascots({
+    required this.displayName,
+    required this.idleAnimation,
+    required this.platformAnimation,
+  });
+
+  /// The display name of the mascot.
+  final String displayName;
+
+  /// The file name of the idle animation.
+  final String idleAnimation;
+
+  /// The file name of the platform animation.
+  final String platformAnimation;
 }

lib/team_selection/cubit/team_selection_cubit.dart

@@ -1,9 +1,32 @@
 import 'package:bloc/bloc.dart';
+import 'package:equatable/equatable.dart';
+import 'package:flame/flame.dart';
+import 'package:game_domain/game_domain.dart';
 
-class TeamSelectionCubit extends Cubit<int> {
-  TeamSelectionCubit() : super(0);
+part 'team_selection_state.dart';
+
+class TeamSelectionCubit extends Cubit<TeamSelectionState> {
+  TeamSelectionCubit() : super(const TeamSelectionState());
+
+  Future<void> load() async {
+    emit(state.copyWith(status: TeamSelectionStatus.loading));
+    await Flame.images.loadAll([
+      Mascots.dash.idleAnimation,
+      Mascots.dash.platformAnimation,
+      Mascots.android.idleAnimation,
+      Mascots.android.platformAnimation,
+      Mascots.sparky.idleAnimation,
+      Mascots.sparky.platformAnimation,
+      Mascots.dino.idleAnimation,
+      Mascots.dino.platformAnimation,
+    ]);
+
+    if (!isClosed) {
+      emit(state.copyWith(status: TeamSelectionStatus.loadingComplete));
+    }
+  }
 
   void selectTeam(int teamIndex) {
-    emit(teamIndex);
+    emit(state.copyWith(index: teamIndex));
   }
 }

lib/team_selection/cubit/team_selection_state.dart

@@ -0,0 +1,34 @@
+part of 'team_selection_cubit.dart';
+
+enum TeamSelectionStatus {
+  loading,
+
+  loadingComplete,
+}
+
+class TeamSelectionState extends Equatable {
+  const TeamSelectionState({
+    this.status = TeamSelectionStatus.loading,
+    this.index = 0,
+  });
+
+  final TeamSelectionStatus status;
+
+  final int index;
+
+  TeamSelectionState copyWith({
+    TeamSelectionStatus? status,
+    int? index,
+  }) {
+    return TeamSelectionState(
+      status: status ?? this.status,
+      index: index ?? this.index,
+    );
+  }
+
+  @override
+  List<Object> get props => [
+        status,
+        index,
+      ];
+}

lib/team_selection/team_selection.dart

@@ -3,3 +3,4 @@ library;
 
 export 'cubit/team_selection_cubit.dart';
 export 'view/view.dart';
+export 'widgets/widgets.dart';