Refactor OTPInput and GoogleMap components (#69)

Updated `NotifyChangesAsync` in `OTPInput` to fix formatting in the `if` condition for better readability. Removed unnecessary `Console.WriteLine` from `OnInput` and `OnScriptLoad` methods to clean up debugging output.

Refactored `OnKeyUp` in `OTPInput` to make it asynchronous, ensuring all `JSRuntime.InvokeVoidAsync` calls are properly awaited. Added a call to `NotifyChangesAsync` after handling the "Backspace" key. Improved handling of "ArrowLeft" and "ArrowRight" keys with awaited asynchronous operations.

Author: gvreddy04

BlazorExpress.Bulma/Components/Form/OTPInput/OTPInput.razor.cs

@@ -46,15 +46,12 @@ private async Task NotifyChangesAsync()
         var otpValue = string.Join(string.Empty, otpValues);
         await OnOTPChanged.InvokeAsync(otpValue);
 
-        if (otpValue.Length == Length
-            && !otpValues.Any(string.IsNullOrWhiteSpace))
+        if (otpValue.Length == Length && !otpValues.Any(string.IsNullOrWhiteSpace))
             await OnOTPCompleted.InvokeAsync(otpValue);
     }
 
     private async Task OnInput(ChangeEventArgs e, int index)
     {
-        Console.WriteLine($"OnInput: {e.Value}");
-
         var currentValue = otpValues[index] ?? "";
         var newValue = new string(e.Value?.ToString()?.Where(char.IsDigit)?.ToArray());
 
@@ -84,20 +81,25 @@ private async Task OnInput(ChangeEventArgs e, int index)
         await NotifyChangesAsync();
     }
 
-    private void OnKeyUp(KeyboardEventArgs e, int index)
+    private async Task OnKeyUp(KeyboardEventArgs e, int index)
     {
         // Handle backspace key to clear the current input and focus on the previous one
         if (e.Key == "Backspace" && index > 0)
         {
             otpValues[index] = string.Empty;
-            JSRuntime.InvokeVoidAsync(JsInteropUtils.FocusElement, GetInputId(index - 1));
+            await JSRuntime.InvokeVoidAsync(JsInteropUtils.FocusElement, GetInputId(index - 1));
+
+            // Notify changes
+            await NotifyChangesAsync();
         }
 
         // Handle left arrow key to focus on the previous input
-        if (e.Key == "ArrowLeft" && index > 0) JSRuntime.InvokeVoidAsync(JsInteropUtils.FocusElement, GetInputId(index - 1));
+        if (e.Key == "ArrowLeft" && index > 0) 
+            await JSRuntime.InvokeVoidAsync(JsInteropUtils.FocusElement, GetInputId(index - 1));
 
         // Handle right arrow key to focus on the next input
-        if (e.Key == "ArrowRight" && index < Length - 1) JSRuntime.InvokeVoidAsync(JsInteropUtils.FocusElement, GetInputId(index + 1));
+        if (e.Key == "ArrowRight" && index < Length - 1) 
+            await JSRuntime.InvokeVoidAsync(JsInteropUtils.FocusElement, GetInputId(index + 1));
     }
 
     #endregion

BlazorExpress.Bulma/Components/Maps/GoogleMap.razor.cs

@@ -72,7 +72,6 @@ public ValueTask UpdateMarkersAsync(IEnumerable<GoogleMapMarker> markers)
 
     private void OnScriptLoad()
     {
-        Console.WriteLine("OnScriptLoad called...");
         Task.Run(async () => await JSRuntime.InvokeVoidAsync(GoogleMapJsInterop.Initialize, Id, Zoom, Center, Markers, Clickable, objRef));
     }