feat(alert-message): add rounded corner config

Author: nouha06

app/lib/l10n/gen/ouds_flutter_app_localizations.dart

@@ -277,6 +277,12 @@ abstract class AppLocalizations {
   /// **'Rounded corner text inputs'**
   String get app_themeSettingsDialog_roundedCornerTextInputs_label;
 
+  /// No description provided for @app_themeSettingsDialog_roundedCornerAlertMessage_label.
+  ///
+  /// In en, this message translates to:
+  /// **'Rounded corner alert message'**
+  String get app_themeSettingsDialog_roundedCornerAlertMessage_label;
+
   /// No description provided for @app_tokens_viewCodeExample_label.
   ///
   /// In en, this message translates to:

app/lib/l10n/gen/ouds_flutter_app_localizations_ar.dart

@@ -101,6 +101,10 @@ class AppLocalizationsAr extends AppLocalizations {
   String get app_themeSettingsDialog_roundedCornerTextInputs_label =>
       'حقول إدخال نص بزوايا مستديرة';
 
+  @override
+  String get app_themeSettingsDialog_roundedCornerAlertMessage_label =>
+      'رسالة تنبيه بزوايا مستديرة';
+
   @override
   String get app_tokens_viewCodeExample_label => 'عرض مثال على كود الرمز';
 

app/lib/l10n/gen/ouds_flutter_app_localizations_en.dart

@@ -101,6 +101,10 @@ class AppLocalizationsEn extends AppLocalizations {
   String get app_themeSettingsDialog_roundedCornerTextInputs_label =>
       'Rounded corner text inputs';
 
+  @override
+  String get app_themeSettingsDialog_roundedCornerAlertMessage_label =>
+      'Rounded corner alert message';
+
   @override
   String get app_tokens_viewCodeExample_label => 'View token code example';
 

app/lib/l10n/gen/ouds_flutter_app_localizations_fr.dart

@@ -102,6 +102,10 @@ class AppLocalizationsFr extends AppLocalizations {
   String get app_themeSettingsDialog_roundedCornerTextInputs_label =>
       'Text Inputs avec coins arrondis';
 
+  @override
+  String get app_themeSettingsDialog_roundedCornerAlertMessage_label =>
+      'Message d’alerte à coins arrondis';
+
   @override
   String get app_tokens_viewCodeExample_label =>
       'Voir l\'exemple de code du token';

app/lib/l10n/ouds_flutter_ar.arb

@@ -36,6 +36,7 @@
   "app_themeSettingsDialog_label": "تغيير إعدادات السمة",
   "app_themeSettingsDialog_roundedCornerButtons_label" :"زر بزوايا مستديرة",
   "app_themeSettingsDialog_roundedCornerTextInputs_label" :"حقول إدخال نص بزوايا مستديرة",
+  "app_themeSettingsDialog_roundedCornerAlertMessage_label" :"رسالة تنبيه بزوايا مستديرة",
 
   "@_tokens": {},
   "app_tokens_viewCodeExample_label": "عرض مثال على كود الرمز",

app/lib/l10n/ouds_flutter_en.arb

@@ -38,6 +38,7 @@
   "app_themeSettingsDialog_label": "Change theme settings",
   "app_themeSettingsDialog_roundedCornerButtons_label" :"Rounded corner button",
   "app_themeSettingsDialog_roundedCornerTextInputs_label" :"Rounded corner text inputs",
+  "app_themeSettingsDialog_roundedCornerAlertMessage_label" :"Rounded corner alert message",
 
   "@_tokens": {},
   "app_tokens_viewCodeExample_label": "View token code example",

app/lib/l10n/ouds_flutter_fr.arb

@@ -38,6 +38,7 @@
   "app_themeSettingsDialog_label": "Changer les réglages du thème",
   "app_themeSettingsDialog_roundedCornerButtons_label" :"Buttons avec coins arrondis",
   "app_themeSettingsDialog_roundedCornerTextInputs_label" :"Text Inputs avec coins arrondis",
+  "app_themeSettingsDialog_roundedCornerAlertMessage_label" :"Message d’alerte à coins arrondis",
 
   "@_tokens": {},
   "app_tokens_viewCodeExample_label": "Voir l'exemple de code du token",

app/lib/main.dart

@@ -17,6 +17,7 @@ import 'package:ouds_core/l10n/gen/ouds_localizations.dart';
 import 'package:ouds_flutter_demo/l10n/gen/ouds_flutter_app_localizations.dart';
 import 'package:ouds_flutter_demo/ui/main_screen.dart';
 import 'package:ouds_flutter_demo/ui/theme/theme_controller.dart';
+import 'package:ouds_theme_contract/config/component/ouds_alert_message_config_border.dart';
 import 'package:ouds_theme_contract/config/component/ouds_button_config.dart';
 import 'package:ouds_theme_contract/config/component/ouds_text_input_config.dart';
 import 'package:ouds_theme_contract/config/ouds_theme_config_model.dart';
@@ -79,11 +80,19 @@ class _OudsApplicationState extends State<OudsApplication> {
             builder: (context, child) {
               return Directionality(
                 textDirection: Directionality.of(context) == TextDirection.rtl
-                    ? TextDirection.rtl // If the language is RTL, use TextDirection.rtl
+                    ? TextDirection
+                          .rtl // If the language is RTL, use TextDirection.rtl
                     : TextDirection.ltr, // Otherwise, use TextDirection.ltr
                 child: OudsThemeConfigModel(
-                  button: OudsButtonConfig(rounded: themeController.onBorderRadiusButtonState),
-                  textInput: OudsTextInputConfig(rounded: themeController.onBorderRadiusTextInputState),
+                  button: OudsButtonConfig(
+                    rounded: themeController.onBorderRadiusButtonState,
+                  ),
+                  textInput: OudsTextInputConfig(
+                    rounded: themeController.onBorderRadiusTextInputState,
+                  ),
+                  alertMessage: OudsAlertMessageConfig(
+                    rounded: themeController.onBorderRadiusAlertMessageState,
+                  ),
                   child: OudsTheme(
                     themeContract: themeController.currentTheme,
                     themeMode: themeController.themeMode,

app/lib/ui/components/button/button_customization.dart

@@ -4,10 +4,7 @@ import 'package:ouds_flutter_demo/ui/utilities/customizable/customizable_widget_
 
 /// Section for InheritedWidget to pass data down the widget tree
 class _ButtonCustomization extends InheritedWidget {
-  const _ButtonCustomization({
-    required super.child,
-    required this.data,
-  });
+  const _ButtonCustomization({required super.child, required this.data});
 
   final ButtonCustomizationState data;
 
@@ -17,26 +14,24 @@ class _ButtonCustomization extends InheritedWidget {
 
 /// Main Widget class for button customization
 class ButtonCustomization extends StatefulWidget {
-  const ButtonCustomization({
-    super.key,
-    required this.child,
-  });
+  const ButtonCustomization({super.key, required this.child});
 
   final Widget child;
 
   @override
   ButtonCustomizationState createState() => ButtonCustomizationState();
 
   static ButtonCustomizationState? of(BuildContext context) {
-    return (context.dependOnInheritedWidgetOfExactType<_ButtonCustomization>())?.data;
+    return (context.dependOnInheritedWidgetOfExactType<_ButtonCustomization>())
+        ?.data;
   }
 }
 
 /// Button customization state management
-class ButtonCustomizationState extends CustomizationWidgetState<ButtonCustomization> {
+class ButtonCustomizationState
+    extends CustomizationWidgetState<ButtonCustomization> {
   late final AppearanceState appearanceState;
   late final LayoutState layoutState;
-  late final RoundedCornerState roundedCornerState;
   late final LoaderState loaderState;
   late final FullWidthState fullWidthState;
 
@@ -46,7 +41,6 @@ class ButtonCustomizationState extends CustomizationWidgetState<ButtonCustomizat
     appearanceState = AppearanceState(setState, onColoredBoxState);
     loaderState = LoaderState(setState, enabledState);
     layoutState = LayoutState(setState);
-    roundedCornerState = RoundedCornerState(setState);
     fullWidthState = FullWidthState(setState);
   }
 
@@ -62,14 +56,12 @@ class ButtonCustomizationState extends CustomizationWidgetState<ButtonCustomizat
 
   // Proxy getters and setters to expose state values directly
   ButtonEnumAppearance get selectedAppearance => appearanceState.selected;
-  set selectedAppearance(ButtonEnumAppearance value) => appearanceState.selected = value;
+  set selectedAppearance(ButtonEnumAppearance value) =>
+      appearanceState.selected = value;
 
   ButtonEnumLayout get selectedLayout => layoutState.selected;
   set selectedLayout(ButtonEnumLayout value) => layoutState.selected = value;
 
-  bool get hasRoundedCorner => roundedCornerState.value;
-  set hasRoundedCorner(bool value) => roundedCornerState.value = value;
-
   bool get hasLoader => loaderState.value;
   set hasLoader(bool value) => loaderState.value = value;
 
@@ -78,10 +70,7 @@ class ButtonCustomizationState extends CustomizationWidgetState<ButtonCustomizat
 
   @override
   Widget build(BuildContext context) {
-    return _ButtonCustomization(
-      data: this,
-      child: widget.child,
-    );
+    return _ButtonCustomization(data: this, child: widget.child);
   }
 }
 
@@ -99,7 +88,8 @@ class AppearanceState {
     ButtonEnumAppearance.minimal,
     ButtonEnumAppearance.negative,
   ];
-  ButtonEnumAppearance _selectedAppearance = ButtonEnumAppearance.defaultAppearance;
+  ButtonEnumAppearance _selectedAppearance =
+      ButtonEnumAppearance.defaultAppearance;
 
   List<ButtonEnumAppearance> get list => _appearance;
   set list(List<ButtonEnumAppearance> newList) {
@@ -158,21 +148,6 @@ class LoaderState {
   }
 }
 
-/// RoundedCorner State Management
-class RoundedCornerState {
-  RoundedCornerState(this._setState);
-
-  final void Function(void Function()) _setState;
-  bool _hasRoundedCorner = false;
-
-  bool get value => _hasRoundedCorner;
-  set value(bool newValue) {
-    _setState(() {
-      _hasRoundedCorner = newValue;
-    });
-  }
-}
-
 /// FullWidth State Management
 class FullWidthState {
   FullWidthState(this._setState);
@@ -192,12 +167,16 @@ class FullWidthState {
 class ButtonErrorCases {
   // OnColoredBox behavior: Disable if appearance is 'Negative'
   static bool isOnColoredBoxDisabled(ButtonEnumAppearance appearance) {
-    return appearance == ButtonEnumAppearance.negative || appearance == ButtonEnumAppearance.brand;
+    return appearance == ButtonEnumAppearance.negative ||
+        appearance == ButtonEnumAppearance.brand;
   }
 
   // OnColoredBox management: Disable when "Negative" appearance is selected
-  static bool shouldDisableOnColoredBox(ButtonEnumAppearance selectedAppearance) {
-    return selectedAppearance == ButtonEnumAppearance.negative || selectedAppearance == ButtonEnumAppearance.brand;
+  static bool shouldDisableOnColoredBox(
+    ButtonEnumAppearance selectedAppearance,
+  ) {
+    return selectedAppearance == ButtonEnumAppearance.negative ||
+        selectedAppearance == ButtonEnumAppearance.brand;
   }
 
   // Enabled behavior: Disable if Loader is not null

app/lib/ui/theme/theme_controller.dart

@@ -25,6 +25,7 @@ class ThemeController extends ChangeNotifier with WidgetsBindingObserver {
   bool _onColoredSurface = false;
   bool _onBorderRadiusButtonState = false;
   bool _onBorderRadiusTextInputState = false;
+  bool _onBorderRadiusAlertMessageState = false;
 
   /// Getter to access the current theme
   OudsThemeContract get currentTheme => _currentTheme;
@@ -38,6 +39,7 @@ class ThemeController extends ChangeNotifier with WidgetsBindingObserver {
   /// Getter to know if we are on a border state
   bool get onBorderRadiusButtonState => _onBorderRadiusButtonState;
   bool get onBorderRadiusTextInputState => _onBorderRadiusTextInputState;
+  bool get onBorderRadiusAlertMessageState => _onBorderRadiusAlertMessageState;
 
   ThemeController(this.fontFamily) {
     /// Initialize the theme based on the system's current brightness setting
@@ -65,10 +67,13 @@ class ThemeController extends ChangeNotifier with WidgetsBindingObserver {
 
   /// Updates the theme mode based on the platform's brightness setting (light/dark)
   void _updateThemeForSystemMode() {
-    final systemBrightness = WidgetsBinding.instance.platformDispatcher.platformBrightness;
+    final systemBrightness =
+        WidgetsBinding.instance.platformDispatcher.platformBrightness;
 
     /// Set the theme mode to dark or light based on the platform's brightness
-    setThemeMode(systemBrightness == Brightness.dark ? ThemeMode.dark : ThemeMode.light);
+    setThemeMode(
+      systemBrightness == Brightness.dark ? ThemeMode.dark : ThemeMode.light,
+    );
   }
 
   /// Changes the current theme to the provided theme
@@ -126,14 +131,23 @@ class ThemeController extends ChangeNotifier with WidgetsBindingObserver {
     }
   }
 
+  void setOnBorderRadiusAlertMessageState(bool? value) {
+    bool newValue = value ?? false;
+    if (_onBorderRadiusAlertMessageState != newValue) {
+      _onBorderRadiusAlertMessageState = newValue;
+      notifyListeners();
+    }
+  }
+
   /// Returns the ThemeData based on the current theme mode (light or dark)
   ThemeData get themeData {
     return isDarkTheme ? _currentTheme.darkThemeData : _currentTheme.themeData;
   }
 
   bool get isDarkTheme {
     if (themeMode == ThemeMode.system) {
-      final Brightness brightness = WidgetsBinding.instance.platformDispatcher.platformBrightness;
+      final Brightness brightness =
+          WidgetsBinding.instance.platformDispatcher.platformBrightness;
       return brightness == Brightness.dark;
     } else {
       return themeMode == ThemeMode.dark;
@@ -142,7 +156,8 @@ class ThemeController extends ChangeNotifier with WidgetsBindingObserver {
 
   bool get isInverseDarkTheme {
     if (themeMode == ThemeMode.system) {
-      final Brightness brightness = WidgetsBinding.instance.platformDispatcher.platformBrightness;
+      final Brightness brightness =
+          WidgetsBinding.instance.platformDispatcher.platformBrightness;
       return brightness == Brightness.light;
     } else {
       return themeMode == ThemeMode.light;
@@ -180,8 +195,10 @@ class ThemeController extends ChangeNotifier with WidgetsBindingObserver {
     // Get the current theme name
     // replace white space by _
     // convert it to lowercase
-    final themeName = themeController.currentTheme.name.replaceAll(' ', '_').toLowerCase();
+    final themeName = themeController.currentTheme.name
+        .replaceAll(' ', '_')
+        .toLowerCase();
     // Build and return the corresponding asset path
     return 'assets/$themeName/';
   }
-}
+}