Make field required

src/layouts/payment-method/payment-method-question/payment-method-question.vue

@@ -8,6 +8,7 @@
             :questionText="paymentMethodQuestionText"
             :answers="paymentMethodAnswerData"
             isRequired
+            :validationRules="validationRules"
             v-model="selectedMethod"
             textPosition="text-start" />
     </div>
@@ -27,6 +28,7 @@ export default {
     },
     props: {
         modelValue: String,
+        validationRules: String,
     },
     methods: {
         getAnswersNullSafe(widgetName) {

src/layouts/payment-method/payment-method.vue

@@ -42,7 +42,8 @@
                     <contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
                     <paymentMethodQuestion
                         v-if="!isPiaDisabled"
-                        v-model="paymentMethodInternalModel" />
+                        v-model="paymentMethodInternalModel"
+                        validationRules="option-required" />
 
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
@@ -79,8 +80,13 @@ import { paymentMethods } from "@/constants/payment-method-constants";
 import { experimentSettings } from "@/constants/experiments";
 
 import { Form } from "vee-validate";
+import { defineRule } from "vee-validate";
+import { required } from "@/helpers/validation-rules";
+import { errorMessages } from "@/constants/error-messages";
 import { AppointmentTypeStrings } from "@/constants/schedule-constants";
 
+defineRule("option-required", required(errorMessages.OPTION_REQUIRED));
+
 export default {
     name: "paymentMethod",
     async beforeRouteEnter(to, from, next) {