FSADT1-1053: Improve validation when values are empty

frontend/src/helpers/validators/BCeIDFormValidations.ts

@@ -15,7 +15,6 @@ import {
   isGreaterThan,
 } from "@/helpers/validators/GlobalValidators";
 
-
 // Step 1: Business Information
 formFieldValidations["businessInformation.businessName"] = [
   isNotEmpty("Business Name cannot be empty"),

frontend/src/helpers/validators/GlobalValidators.ts

@@ -240,7 +240,7 @@ export const isUniqueDescriptive = (): {
       if (
         values.some(
           (entry: string) => entry.toLowerCase() === value.toLowerCase()
-        )
+        ) && value.trim() !== ""
       ) {
         return message;
       }

frontend/src/helpers/validators/SubmissionValidators.ts

@@ -18,40 +18,44 @@
  *
  * @see {@link SubmissionValidators.spec.ts}
  */
-import { useEventBus } from '@vueuse/core'
-import type { ValidationMessageType } from '@/dto/CommonTypesDto'
+import { useEventBus } from "@vueuse/core";
+import type { ValidationMessageType } from "@/dto/CommonTypesDto";
 
 /**
  * Event bus for submission error notifications.
  */
-const errorBus = useEventBus<ValidationMessageType[]>('submission-error-notification')
+const errorBus = useEventBus<ValidationMessageType[]>(
+  "submission-error-notification"
+);
 
 /**
  * Event bus for revalidating the submission.
  */
-const revalidateBus = useEventBus<void>('revalidate-bus')
+const revalidateBus = useEventBus<void>("revalidate-bus");
 
 /**
  * Event bus for error notifications bar.
  */
-const notificationBus = useEventBus<ValidationMessageType|undefined>("error-notification");
+const notificationBus = useEventBus<ValidationMessageType | undefined>(
+  "error-notification"
+);
 
 /**
  * Array of submission validators.
  */
-let submissionValidators : ValidationMessageType[] = []
+let submissionValidators: ValidationMessageType[] = [];
 
 /**
  * Register a listener for submission errors on the error bus.
  * When an error is received, update the submission validators array.
  */
 errorBus.on((errors) => {
   submissionValidators = errors.map((error: ValidationMessageType) => {
-    notificationBus.emit(error)
-    return { ...error, originalValue: '' }
-  })
-  revalidateBus.emit()
-})
+    notificationBus.emit(error);
+    return { ...error, originalValue: "" };
+  });
+  revalidateBus.emit();
+});
 
 /**
  * Update the submission validators array with the provided fieldId and value.
@@ -60,13 +64,15 @@ errorBus.on((errors) => {
  * @param value - The new value for the validator's originalValue property.
  */
 const updateValidators = (fieldId: string, value: string): void => {
-  submissionValidators = submissionValidators.map((validator : ValidationMessageType) => {
-    if (validator.fieldId === fieldId) {
-      return { ...validator, originalValue: value }
+  submissionValidators = submissionValidators.map(
+    (validator: ValidationMessageType) => {
+      if (validator.fieldId === fieldId) {
+        return { ...validator, originalValue: value };
+      }
+      return validator;
     }
-    return validator
-  })
-}
+  );
+};
 
 /**
  * Create a submission validation function for the specified fieldName.
@@ -78,14 +84,16 @@ export const submissionValidation = (
   fieldName: string
 ): ((value: string) => string) => {
   return (value: string) => {
-    const foundError = submissionValidators.find((validator: ValidationMessageType) => validator.fieldId === fieldName)
+    const foundError = submissionValidators.find(
+      (validator: ValidationMessageType) => validator.fieldId === fieldName
+    );
     if (
       foundError &&
-      (foundError.originalValue === value || foundError.originalValue === '')
+      (foundError.originalValue === value || foundError.originalValue === "")
     ) {
-      updateValidators(fieldName, value)
-      return foundError.errorMsg
+      updateValidators(fieldName, value);
+      return foundError.errorMsg;
     }
-    return ''
-  }
-}
+    return "";
+  };
+};

frontend/src/pages/bceidform/BusinessInformationWizardStep.vue

@@ -10,7 +10,7 @@ import { useFetchTo } from "@/composables/useFetch";
 import {
   BusinessSearchResult,
   ClientTypeEnum,
-  ProgressNotification
+  ProgressNotification,
 } from "@/dto/CommonTypesDto";
 import { BusinessTypeEnum } from "@/dto/CommonTypesDto";
 import type {