feat: Robotoff question as a banner or a button (#4280)

* Robotoff question in a product, visible as a banner (at the bottom of the screen) or in a button (current implementation)
We split the users into two cohorts and we will have some Analytics to understand if one is better than the other.
The CongratsWidget is also improved by some animations and accessibility

* Now with a better animation

packages/smooth_app/lib/data_models/user_preferences.dart

@@ -1,3 +1,5 @@
+import 'dart:math';
+
 import 'package:flutter/material.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
 import 'package:shared_preferences/shared_preferences.dart';
@@ -57,7 +59,7 @@ class UserPreferences extends ChangeNotifier {
 
   /// The current version of preferences (1)
   static const String _TAG_VERSION = 'prefs_version';
-  static const int _PREFS_CURRENT_VERSION = 1;
+  static const int _PREFS_CURRENT_VERSION = 2;
   static const String _TAG_PREFIX_IMPORTANCE = 'IMPORTANCE_AS_STRING';
   static const String _TAG_CURRENT_THEME_MODE = 'currentThemeMode';
   static const String _TAG_CURRENT_COLOR_SCHEME = 'currentColorScheme';
@@ -70,6 +72,7 @@ class UserPreferences extends ChangeNotifier {
   static const String _TAG_USER_TRACKING = 'user_tracking';
   static const String _TAG_CRASH_REPORTS = 'crash_reports';
   static const String _TAG_EXCLUDED_ATTRIBUTE_IDS = 'excluded_attributes';
+  static const String _TAG_USER_GROUP = '_user_group';
 
   /// Camera preferences
   // Detect if a first successful scan was achieved (condition to show the
@@ -108,6 +111,9 @@ class UserPreferences extends ChangeNotifier {
   /// Allow to migrate between versions
   Future<void> _onMigrate() async {
     final int? currentVersion = _sharedPreferences.getInt(_TAG_VERSION);
+    if (currentVersion == _PREFS_CURRENT_VERSION) {
+      return;
+    }
 
     /// With version == null (or 0), [_TAG_USER_TRACKING] didn't exist
     if (currentVersion == null) {
@@ -116,10 +122,20 @@ class UserPreferences extends ChangeNotifier {
       if (crashReporting != null) {
         await setUserTracking(crashReporting);
       }
+    }
 
+    /// With version == null and 1, [_TAG_USER_GROUP] is missing
+    if (_sharedPreferences.getInt(_TAG_USER_GROUP) == null) {
       await _sharedPreferences.setInt(
-          _TAG_VERSION, UserPreferences._PREFS_CURRENT_VERSION);
+        _TAG_USER_GROUP,
+        Random().nextInt(10),
+      );
     }
+
+    await _sharedPreferences.setInt(
+      _TAG_VERSION,
+      UserPreferences._PREFS_CURRENT_VERSION,
+    );
   }
 
   String _getImportanceTag(final String variable) =>
@@ -163,6 +179,9 @@ class UserPreferences extends ChangeNotifier {
   bool get userTracking =>
       _sharedPreferences.getBool(_TAG_USER_TRACKING) ?? false;
 
+  /// A random int between 0 and 10 (a naive implementation to allow A/B testing)
+  int get userGroup => _sharedPreferences.getInt(_TAG_USER_GROUP)!;
+
   Future<void> setCrashReports(final bool state) async {
     await _sharedPreferences.setBool(_TAG_CRASH_REPORTS, state);
     onCrashReportingChanged.value = state;

packages/smooth_app/lib/generic_lib/widgets/smooth_card.dart

@@ -19,6 +19,7 @@ class SmoothCard extends StatelessWidget {
     this.padding = const EdgeInsets.all(5.0),
     this.elevation = 8,
     this.borderRadius,
+    this.ignoreDefaultSemantics = false,
   });
 
   const SmoothCard.angular({
@@ -30,6 +31,7 @@ class SmoothCard extends StatelessWidget {
     ),
     this.padding = const EdgeInsets.all(5.0),
     this.elevation = 8,
+    this.ignoreDefaultSemantics = false,
   }) : borderRadius = ANGULAR_BORDER_RADIUS;
 
   const SmoothCard.flat({
@@ -44,6 +46,7 @@ class SmoothCard extends StatelessWidget {
     this.padding = const EdgeInsets.all(5.0),
     this.elevation = 0,
     this.borderRadius,
+    this.ignoreDefaultSemantics = false,
   });
 
   final Widget child;
@@ -52,22 +55,34 @@ class SmoothCard extends StatelessWidget {
   final EdgeInsetsGeometry? padding;
   final BorderRadiusGeometry? borderRadius;
   final double elevation;
+  final bool ignoreDefaultSemantics;
 
   @override
   Widget build(BuildContext context) {
-    final Widget result = Material(
+    Widget result = Container(
+      padding: padding,
+      child: child,
+    );
+
+    if (ignoreDefaultSemantics) {
+      result = Semantics(
+        container: false,
+        explicitChildNodes: true,
+        child: child,
+      );
+    }
+
+    result = Material(
       elevation: elevation,
       shadowColor: const Color.fromARGB(25, 0, 0, 0),
       borderRadius: borderRadius ?? ROUNDED_BORDER_RADIUS,
       color: color ??
           (Theme.of(context).brightness == Brightness.light
               ? Colors.white
               : Colors.black),
-      child: Container(
-        padding: padding,
-        child: child,
-      ),
+      child: result,
     );
+
     return margin == null
         ? result
         : Padding(

packages/smooth_app/lib/helpers/analytics_helper.dart

@@ -18,6 +18,7 @@ enum AnalyticsCategory {
   productEdit(tag: 'product edit'),
   productFastTrackEdit(tag: 'product fast track edit'),
   newProduct(tag: 'new product'),
+  robotoff(tag: 'robotoff'),
   list(tag: 'list'),
   deepLink(tag: 'deep link');
 
@@ -105,12 +106,30 @@ enum AnalyticsEvent {
     tag: 'closed new product page without any input',
     category: AnalyticsCategory.newProduct,
   ),
-  shareList(tag: 'shared a list', category: AnalyticsCategory.list),
-  openListWeb(tag: 'open a list in wbe', category: AnalyticsCategory.list),
+  shareList(
+    tag: 'shared a list',
+    category: AnalyticsCategory.list,
+  ),
+  openListWeb(
+    tag: 'open a list in wbe',
+    category: AnalyticsCategory.list,
+  ),
   productDeepLink(
-      tag: 'open a product from an URL', category: AnalyticsCategory.deepLink),
+    tag: 'open a product from an URL',
+    category: AnalyticsCategory.deepLink,
+  ),
   genericDeepLink(
-      tag: 'generic deep link', category: AnalyticsCategory.deepLink);
+    tag: 'generic deep link',
+    category: AnalyticsCategory.deepLink,
+  ),
+  questionVisible(
+    tag: 'question visible',
+    category: AnalyticsCategory.robotoff,
+  ),
+  questionClicked(
+    tag: 'question clicked',
+    category: AnalyticsCategory.robotoff,
+  );
 
   const AnalyticsEvent({required this.tag, required this.category});