Apply separate logic for next button disable for the Eligibility step

Author: VadimKovalenkoSNF

src/react/src/components/InitialClaimFlow/ClaimForm/hooks.js

@@ -3,6 +3,7 @@ import { useFormik } from 'formik';
 import { isEmpty } from 'lodash';
 import { getValidationSchemaForStep } from './validationSchemas';
 import { claimIntroRoute } from '../../../util/constants';
+import { CLAIM_FORM_STEPS } from './constants';
 
 export const usePrefetchClaimData = (
     fetchCountries,
@@ -128,6 +129,23 @@ export const useClaimForm = (
             field => formik.errors[field],
         );
 
+        // Check if select field has a value selected
+        const noSelectedOption = currentStepFields.some(field => {
+            const value = formik.values[field];
+
+            if (value && value !== '') {
+                return false;
+            }
+
+            return true;
+        });
+
+        // For eligibility step, only check errors and no selected option
+        if (activeStep === CLAIM_FORM_STEPS.ELIGIBILITY) {
+            return hasCurrentStepErrors || noSelectedOption;
+        }
+
+        // For other steps, only check if user has interacted and has errors
         return hasInteractedWithCurrentStep && hasCurrentStepErrors;
     };