diff --git a/src/constants/error-messages.js b/src/constants/error-messages.js index f4d2a590..1d9af7b5 100644 --- a/src/constants/error-messages.js +++ b/src/constants/error-messages.js @@ -31,22 +31,23 @@ const errorMessages = Object.freeze({ 'Invalid VIN. Please make sure that you entered the correct 17-digit, alpha-numeric number. VINs do not contain the letters I, O, or Q', OPTION_REQUIRED: 'Please select an option', VEHICLE_REQUIRED: 'Please select a vehicle', - POLICY_NUMBER_REQUIRED: 'Please enter your policy number', + POLICY_NUMBER_REQUIRED: 'Policy number is required.', POLICY_NUMBER_FORMAT: 'Please enter an alpha-numeric string', - PHONE_NUMBER_REQUIRED: 'Please enter your phone number. The format must be ###-###-####', + PHONE_NUMBER_REQUIRED: 'Please specify a valid phone number, the format is "###-###-####".', + EXTENSION_FORMAT: 'The specified extension is invalid', POLICY_ZIP_REQUIRED: 'Please enter your policy ZIP', POLICY_ZIP_FORMAT: 'Please enter a valid ZIP', LOSS_CAUSE_REQUIRED: 'Please enter loss cause', - LOSS_CITY_REQUIRED: 'Please enter a city', + LOSS_CITY_REQUIRED: 'Loss City damage occurred in is required.', LOSS_CITY_FORMAT: 'Please enter only alpha characters', - LOSS_STATE_REQUIRED: 'Please select an option', + LOSS_STATE_REQUIRED: 'Loss State damage occurred in is required.', LOSS_DATE_REQUIRED: 'Please select a date. Format must be MM/DD/YYYY and the date must be not in the future', DAMAGE_DATE_REQUIREMENT: 'Damage date must be within the past 10 years', DAMAGE_DATE_NO_FUTURE_DATE: 'Damage date may not be in the future', - DAMAGE_OPTION_REQUIRED: 'Please select an option', + DAMAGE_OPTION_REQUIRED: 'How damage occurred is required.', POLICYHOLDER_FIRST_NAME_REQUIRED: 'Please enter the policyholder first name', POLICYHOLDER_LAST_NAME_REQUIRED: 'Please enter the policyholder last name', diff --git a/src/constants/global-rules.js b/src/constants/global-rules.js index 70c5834a..e82b118a 100644 --- a/src/constants/global-rules.js +++ b/src/constants/global-rules.js @@ -23,6 +23,7 @@ const globalRules = Object.freeze({ EMAIL_ADDRESS_FORMAT: 'email-address-format', PHONE_NUMBER_REQUIRED: 'phone-number-required', PHONE_NUMBER_FORMAT: 'phone-number-format', + EXTENSION_FORMAT: 'extension-format', ZIP_CODE_REQUIRED: 'zip-code-required', ZIP_CODE_SEARCH_FORMAT: 'zip-code-search-format', OPTION_REQUIRED: 'option-required' diff --git a/src/helpers/global-rule-definer.js b/src/helpers/global-rule-definer.js index aee863f1..c9d4c008 100644 --- a/src/helpers/global-rule-definer.js +++ b/src/helpers/global-rule-definer.js @@ -80,6 +80,16 @@ function defineGlobalPhoneNumberRules() { ); } +/** + * @summary Define global rules related to extensions + */ +function defineGlobalExtensionRules() { + defineRule( + globalRules.EXTENSION_FORMAT, + regex(/^[0-9]{5}$/, errorMessages.EXTENSION_FORMAT) + ); +} + /** * @summary Define global rules related to policy numbers */ @@ -122,6 +132,7 @@ export default function defineGlobalRules() { defineGlobalDateOfLossRules(); defineGlobalEmailRules(); defineGlobalPhoneNumberRules(); + defineGlobalExtensionRules(); defineGlobalPolicyNumberRules(); defineGlobalPolicyZipCodeRules(); defineGlobalZipCodeRules(); diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue index f89c82c4..cfdc9053 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -23,14 +23,22 @@ :isDisabled="isPolicyHolderDisabled" :validationRules="rules.policyNumber" /> + - - - + +