Fix some UI messages

Author: hhvrc

src/lib/components/input/UsernameInput.svelte

@@ -5,7 +5,7 @@
   import {
     UsernameCheckingAvailabilityValRes,
     UsernameInternalServerErrorValRes,
-    mapUsernameAvailability,
+    mapUsernameCheckResponse,
     validateUsername,
   } from '$lib/inputvalidation/usernameValidator';
   import type { AnyComponent } from '$lib/types/AnyComponent';
@@ -53,7 +53,7 @@
         const response = await accountV2Api.accountCheckUsername({ username: value });
 
         // Map the response to a validation result
-        validationResult = mapUsernameAvailability(response.availability);
+        validationResult = mapUsernameCheckResponse(response);
       } catch (error) {
         // Show an error toast
         await handleApiError(error);

src/lib/inputvalidation/usernameValidator.ts

@@ -1,3 +1,4 @@
+import { type UsernameCheckResponse, UsernameErrorType } from '$lib/api/internal/v1';
 import { UsernameAvailability } from '$lib/api/internal/v2';
 import { isEmailAddress } from '$lib/inputvalidation/emailValidator';
 import type { ValidationResult } from '$lib/types/ValidationResult';
@@ -61,6 +62,11 @@ export const UsernameTakenValRes: ValidationResult = {
   message: 'Username is already taken',
 };
 
+export const UsernameInvalidValRes: ValidationResult = {
+  valid: false,
+  message: 'Username invalid',
+};
+
 export const UsernameAvailabilityUnknownValRes: ValidationResult = {
   valid: false,
   message: 'Unknown username availability',
@@ -108,13 +114,27 @@ export function validateUsername(value: string): ValidationResult | null {
   return { valid: true };
 }
 
-export function mapUsernameAvailability(availability: UsernameAvailability): ValidationResult {
+export function mapUsernameCheckResponse({
+  availability,
+  error,
+}: UsernameCheckResponse): ValidationResult {
   switch (availability) {
     case UsernameAvailability.Available:
       return UsernameAvailableValRes;
     case UsernameAvailability.Taken:
       return UsernameTakenValRes;
+    case UsernameAvailability.Invalid:
+      break;
     default:
       return UsernameAvailabilityUnknownValRes;
   }
+
+  if (!error) {
+    return UsernameInvalidValRes;
+  }
+
+  return {
+    valid: false,
+    message: error.message,
+  };
 }

src/routes/(authenticated)/admin/blacklists/+page.svelte

@@ -6,6 +6,7 @@
     MatchTypeEnum,
     type UserNameBlacklistDto,
   } from '$lib/api/internal/v1';
+  import EmailInput from '$lib/components/input/EmailInput.svelte';
   import TextInput from '$lib/components/input/TextInput.svelte';
   import { Button } from '$lib/components/ui/button';
   import { Card, CardContent, CardHeader, CardTitle } from '$lib/components/ui/card';
@@ -14,7 +15,6 @@
   import { Separator } from '$lib/components/ui/separator';
   import { handleApiError } from '$lib/errorhandling/apiErrorHandling';
   import type { TimeoutHandle } from '$lib/types/WAPI';
-  import EmailInput from '$lib/components/input/EmailInput.svelte';
 
   // --- state ---
   let usernameEntry = $state<string>('');
@@ -144,7 +144,7 @@
       loadEmails('');
       return;
     }
-    
+
     if (!emailEntryValid) return;
 
     emailDebounce = setTimeout(() => loadEmails(emailEntry), 400);