From 07a09674f1b39f79b439743fdefc139311896cc2 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Thu, 9 Mar 2023 14:15:34 +0530
Subject: [PATCH] SSR-291

Fixed issue in the welcome page for the cards
SSR-291
SSR-292
SSR-293
---
 src/constants/error-messages.js                       |  2 +-
 .../button-question/button-question.vue               |  2 +-
 .../textbox-question/textbox-question.vue             | 11 +++++++++++
 src/layouts/welcome-page/welcome-page.vue             |  4 ++--
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/constants/error-messages.js b/src/constants/error-messages.js
index 47d6a0a9..f1930ac0 100644
--- a/src/constants/error-messages.js
+++ b/src/constants/error-messages.js
@@ -32,7 +32,7 @@ const errorMessages = {
     LOSS_CAUSE_REQUIRED: "Please enter loss cause",
     LOSS_CITY_REQUIRED: "Please enter a city",
     LOSS_STATE_REQUIRED: "Please select an option",
-    LOSS_DATE_REQUIRED: "Please enter a loss date",
+    LOSS_DATE_REQUIRED: "Please select a date. Format must be MM/DD/YYYY and the date must be not in the future",
     DAMAGE_OPTION_REQUIRED: "Please select an option",
 
     POLICYHOLDER_FIRST_NAME_REQUIRED: "Please enter the policyholder first name",
diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index 628b7c48..c7840b98 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -67,7 +67,7 @@
                 </div>
             </fieldset>
         </div>
-        <div class="row form-test-error mt-1">
+        <div class="row form-test-error mt-1 px-5">
             <error-message
                 :name="formatString(groupName)"
                 v-if="!suppressError"></error-message>
diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index 578e1243..e4294c2e 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -229,6 +229,17 @@ input[type="date"]::-webkit-calendar-picker-indicator {
         color: $black;
         font-weight: 500;
     }
+      span{
+        font-weight:400;
+        font-size:14px;
+        color: #4D5151;
+      }
+      .form-test-error span{
+        color: #d4281c;
+        font-size: 0.875rem;
+        font-weight: 500;
+      }
+
     .input-wrapper {
         position: relative;
         &.has-search-icon {
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index df3620bc..a2a61ae9 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -48,7 +48,7 @@
                         inputId="damageCauseQuestionField"
                         :options="DamageCauseOptions"
                         disableAutoFill
-                        validationRules="loss-cause-required"
+                        validationRules="damage-option-required"
                         placeHolderText="Select an option"
                     />
                 </div>
@@ -159,7 +159,7 @@
     defineRule("loss-date-required", required(errorMessages.LOSS_DATE_REQUIRED));
     defineRule("loss-state-required", required(errorMessages.LOSS_STATE_REQUIRED));
     defineRule("loss-city-required", required(errorMessages.LOSS_CITY_REQUIRED));
-    defineRule("phone-number-required", required(errorMessages.PHONE_NUMBER_REQUIRED));
+    defineRule("phone-number-required", required(errorMessages.PHONE_NUMBER_FORMAT));
     defineRule("email-address-required", required(errorMessages.EMAIL_ADDRESS_REQUIRED));
     defineRule("damage-option-required", required(errorMessages.DAMAGE_OPTION_REQUIRED));