chore: activate loader only after typing

Author: AhmedAmineZr

app/lib/ui/components/form_input/phone_number/phone_number_input_demo_screen.dart

@@ -121,13 +121,16 @@ class _PhoneNumberInputDemo extends StatefulWidget {
 class _PhoneNumberInputDemoState extends State<_PhoneNumberInputDemo> {
   late final TextEditingController controller;
   late final FocusNode textInputFocus;
+  bool _isTyping = false;
   Country? selectedCountry;
 
   @override
   void initState() {
     super.initState();
     controller = TextEditingController();
     textInputFocus = FocusNode();
+
+    controller.addListener(_handleTextChanged);
   }
 
   void onCountryChanged(Country country) {
@@ -147,9 +150,29 @@ class _PhoneNumberInputDemoState extends State<_PhoneNumberInputDemo> {
   void dispose() {
     controller.dispose();
     textInputFocus.dispose();
+    controller.removeListener(_handleTextChanged);
     super.dispose();
   }
 
+  void _handleTextChanged() {
+    // Get the current text from the controller
+    final text = controller.text ?? '';
+
+    // Trigger a rebuild only when the "typing" state actually changes
+    // (prevents unnecessary rebuilds on every keystroke)
+    final typing = text.isNotEmpty;
+    if (typing != _isTyping) {
+      setState(() {
+        _isTyping = typing;
+      });
+    }
+
+    final customizationState = FormFieldsCustomization.of(context);
+    if (customizationState != null) {
+      customizationState.isTyping = typing;
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     final customizationState = FormFieldsCustomization.of(context)!; // safe to use !
@@ -353,7 +376,7 @@ class _CustomizationContentState extends State<_CustomizationContent> {
         CustomizableSwitch(
           title: context.l10n.app_components_common_loader_label,
           value: customizationState.hasLoader,
-          onChanged: customizationState.isLoaderWhenError || customizationState.isLoaderWhenEnabled || customizationState.isEnabledWhenPlaceHolderIsNotEmpty
+          onChanged: customizationState.isLoaderWhenError || !customizationState.isTyping || customizationState.isLoaderWhenEnabled || customizationState.isEnabledWhenPlaceHolderIsNotEmpty
               ? null
               : (value) {
                   customizationState.hasLoader = value;

ouds_core/lib/components/form_input/ouds_phone_number_input.dart

@@ -141,6 +141,7 @@ class _OudsPhoneNumberInputState extends State<OudsPhoneNumberInput> {
   final bool _isHovered = false;
   bool _isFocused = false;
   FocusNode? _internalFocusNode;
+  bool _isTyping = false;
 
   /// init countryselector
   Country countrySelected = Country.empty();
@@ -153,6 +154,13 @@ class _OudsPhoneNumberInputState extends State<OudsPhoneNumberInput> {
   @override
   void initState() {
     super.initState();
+
+    // Listen to the external controller if provided
+    // This allows us to detect text changes in real time.
+    if (widget.controller != null) {
+      widget.controller!.addListener(_handleTextChanged);
+    }
+
     if (widget.focusNode == null) {
       _internalFocusNode = FocusNode();
       _internalFocusNode!.addListener(_handleFocusChange);
@@ -161,6 +169,29 @@ class _OudsPhoneNumberInputState extends State<OudsPhoneNumberInput> {
     }
   }
 
+  void _handleTextChanged() {
+    // Get the current text from the controller
+    final text = widget.controller?.text ?? '';
+
+    // Trigger a rebuild only when the "typing" state actually changes
+    // (prevents unnecessary rebuilds on every keystroke)
+    final typing = text.isNotEmpty;
+    if (typing != _isTyping) {
+      setState(() {
+        _isTyping = typing;
+      });
+    }
+  }
+
+  @override
+  void didUpdateWidget(covariant OudsPhoneNumberInput oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (oldWidget.controller != widget.controller) {
+      oldWidget.controller?.removeListener(_handleTextChanged);
+      widget.controller?.addListener(_handleTextChanged);
+    }
+  }
+
   void _handleFocusChange() {
     setState(() {
       _isFocused = (widget.focusNode ?? _internalFocusNode)!.hasFocus;
@@ -169,6 +200,8 @@ class _OudsPhoneNumberInputState extends State<OudsPhoneNumberInput> {
 
   @override
   void dispose() {
+    widget.controller?.removeListener(_handleTextChanged);
+
     if (_internalFocusNode != null) {
       _internalFocusNode!.removeListener(_handleFocusChange);
       _internalFocusNode!.dispose();