-
-
-
-
-
-
-
-
- {{ errorMessage }}
-
+
+
+
+
+
+
+
+ {{ errorMessage }}
+
+
diff --git a/src/helpers/global-rule-definer.js b/src/helpers/global-rule-definer.js
new file mode 100644
index 00000000..4763d8e6
--- /dev/null
+++ b/src/helpers/global-rule-definer.js
@@ -0,0 +1,47 @@
+import { defineRule } from 'vee-validate';
+import { errorMessages } from '@/constants/error-messages';
+import globalRules from '@/constants/global-rules';
+import { required, regex } from '@/helpers/validation-rules';
+
+/**
+ * @summary Define global rules related to names
+ */
+function defineGlobalNameRules() {
+ defineRule(globalRules.FIRST_NAME_REQUIRED, required(errorMessages.FIRST_NAME_REQUIRED));
+ defineRule(globalRules.LAST_NAME_REQUIRED, required(errorMessages.LAST_NAME_REQUIRED));
+ defineRule(globalRules.POLICYHOLDER_FIRST_NAME_REQUIRED,
+ required(errorMessages.POLICYHOLDER_FIRST_NAME_REQUIRED));
+ defineRule(globalRules.POLICYHOLDER_LAST_NAME_REQUIRED,
+ required(errorMessages.POLICYHOLDER_LAST_NAME_REQUIRED));
+}
+
+/**
+ * @summary Define global rules related to email addresses
+ */
+function defineGlobalEmailRules() {
+ defineRule(globalRules.EMAIL_ADDRESS_REQUIRED, required(errorMessages.EMAIL_ADDRESS_REQUIRED));
+ defineRule(globalRules.EMAIL_ADDRESS_FORMAT,
+ regex(/^([a-zA-Z0-9_\-.+]+)@([a-zA-Z0-9_\-.]+)\.([a-zA-Z]{2,})$/,
+ errorMessages.EMAIL_ADDRESS_FORMAT));
+}
+
+/**
+ * @summary Define global rules related to phone numbers
+ */
+function defineGlobalPhoneNumberRules() {
+ defineRule(globalRules.PHONE_NUMBER_REQUIRED, required(errorMessages.PHONE_NUMBER_REQUIRED));
+ defineRule(globalRules.PHONE_NUMBER_FORMAT,
+ regex(/^(\([0-9]{3}\)|[0-9]{3}) *[-.]? *[0-9]{3} *[-.]? *[0-9]{4}$/,
+ errorMessages.PHONE_NUMBER_FORMAT));
+}
+
+/**
+ * @summary Define all global rules
+ */
+export default function defineGlobalRules() {
+ defineGlobalNameRules();
+ defineGlobalEmailRules();
+ defineGlobalPhoneNumberRules();
+
+ defineRule(globalRules.OPTION_REQUIRED, required(errorMessages.OPTION_REQUIRED));
+}
diff --git a/src/layouts/address-lookup/customer-questions/customer-questions.vue b/src/layouts/address-lookup/customer-questions/customer-questions.vue
index f4062fe6..349d0702 100644
--- a/src/layouts/address-lookup/customer-questions/customer-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/customer-questions.vue
@@ -8,7 +8,7 @@
ref="firstName"
inputId="08497a2efd9a4a73a70360ab47b4838d"
disableAutoFill
- validationRules="first-name-required" />
+ :validationRules="rules.firstName" />
@@ -19,21 +19,15 @@
ref="lastName"
inputId="0030e56a57e74a4ab92de7fb8e97fec5"
disableAutoFill
- validationRules="last-name-required" />
+ :validationRules="rules.lastName" />
-
diff --git a/src/layouts/molding-questions/molding-questions.vue b/src/layouts/molding-questions/molding-questions.vue
index e06dfe58..c842a312 100644
--- a/src/layouts/molding-questions/molding-questions.vue
+++ b/src/layouts/molding-questions/molding-questions.vue
@@ -12,7 +12,7 @@
:alertFewMoreQuestionsHeader="AlertFewMoreQuestionsHeader"
:alertFewMoreQuestionsCopy="AlertFewMoreQuestionsCopy"
:questionsData="questionsData"
- validationRules="questions-required"
+ :validationRules="rules.optionRequired"
v-model="selectedAnswers"
@forwardButtonAction="forwardButtonAction"
@back-click="navigateBack"
@@ -25,9 +25,7 @@
// Import Supporting Files
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
import { settleAllPromises } from "@/helpers/layout-helper";
-import { defineRule } from "vee-validate";
-import { required } from "@/helpers/validation-rules";
-import { errorMessages } from "@/constants/error-messages";
+import globalRules from '@/constants/global-rules';
import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
import { useMainStore } from "@/store";
import { issPageValues } from "@/router/router-constants/issPage-values";
@@ -37,9 +35,6 @@ import BaseFormMixin from '@/mixins/base-form-mixin.js';
import { Form } from "vee-validate";
import questionsPageLayout from "@/iss-components/questions-page-layout/questions-page-layout.vue";
-// DEFINE VALIDATION RULES
-defineRule("questions-required", required(errorMessages.OPTION_REQUIRED));
-
export default {
name: "molding-questions",
mixins: [BaseFormMixin, vehicleQuestionsMixin],
@@ -65,6 +60,9 @@ export default {
questionsData: [],
selectedAnswers: {},
currentGlassIndex: 0,
+ rules: {
+ optionRequired: globalRules.OPTION_REQUIRED
+ }
};
},
computed: {
diff --git a/src/layouts/part-questions/part-questions.vue b/src/layouts/part-questions/part-questions.vue
index 58a60621..e53e6dcf 100644
--- a/src/layouts/part-questions/part-questions.vue
+++ b/src/layouts/part-questions/part-questions.vue
@@ -6,7 +6,7 @@
:alertFewMoreQuestionsHeader="AlertFewMoreQuestionsHeader"
:alertFewMoreQuestionsCopy="AlertFewMoreQuestionsCopy"
:questionsData="questionsData"
- validationRules="questions-required"
+ :validationRules="rules.optionRequired"
v-model="selectedAnswers"
@forwardButtonAction="forwardButtonAction"
@back-click="navigateBack"
@@ -23,14 +23,10 @@ import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
import { settleAllPromises } from "@/helpers/layout-helper";
import { useMainStore } from '@/store';
import { issPageValues } from "@/router/router-constants/issPage-values";
-import { Form, defineRule } from "vee-validate";
-import { required } from "@/helpers/validation-rules";
-import { errorMessages } from "@/constants/error-messages";
+import { Form } from "vee-validate";
import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
import BaseFormMixin from '@/mixins/base-form-mixin.js';
-
-// DEFINE VALIDATION RULES
-defineRule("questions-required", required(errorMessages.OPTION_REQUIRED));
+import globalRules from '@/constants/global-rules';
export default {
name: "part-questions",
@@ -59,6 +55,9 @@ export default {
questionsData: [],
selectedAnswers: {},
currentGlassIndex: 0,
+ rules: {
+ optionRequired: globalRules.OPTION_REQUIRED
+ }
};
},
computed: {
diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue
index 42c266b2..a8e3e963 100644
--- a/src/layouts/policy-holder-details/policy-holder-details.vue
+++ b/src/layouts/policy-holder-details/policy-holder-details.vue
@@ -15,7 +15,7 @@
isRequired
ref="policyHolderFirstName"
disableAutoFill
- validationRules="first-name-required" />
+ :validationRules="rules.firstName" />
@@ -44,7 +44,6 @@
// Import Supporting Files
import { fetchCmsContentForPage, setupModalLinks, processIfStatements } from '@/helpers/cms-content-helper';
import { settleAllPromises } from "@/helpers/layout-helper";
-import { required } from "@/helpers/validation-rules";
import { errorMessages } from "@/constants/error-messages";
import buttonQuestion from "@/digital-components/button-question/button-question";
import contentGroupModal from "@/iss-components/content-group-modal/content-group-modal";
@@ -52,7 +51,7 @@ import { issPageValues } from "@/router/router-constants/issPage-values";
// Import Component
import baseFormMixin from "@/mixins/base-form-mixin";
-import { Form, defineRule } from "vee-validate";
+import { Form } from "vee-validate";
import siteFooter from "@/iss-components/site-footer/site-footer";
import siteHeader from "@/iss-components/site-header/site-header";
import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
@@ -61,9 +60,8 @@ import recalModal from "@/layouts/coverage-statement/recal-modal/recal-modal";
import steeringModal from "@/layouts/provider-preference/steering-modal/steering-modal";
import shopPreferenceModal from "@/layouts/provider-preference/shop-preference-modal/shop-preference-modal";
import tpaRecalModal from "@/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue"
+import globalRules from '@/constants/global-rules';
-// DEFINE VALIDATION RULES
-defineRule('option-required', required(errorMessages.OPTION_REQUIRED));
const options = { SAFELITE: 'SafeliteOption', TPA: 'TPAOption' };
export default {
@@ -88,6 +86,9 @@ export default {
selectedProvider : null,
showSteeringLink: false,
tpaAcknowledgement: false,
+ rules: {
+ optionRequired: globalRules.OPTION_REQUIRED
+ }
};
},
async beforeRouteEnter(to, from, next) {
diff --git a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue
index 5aaea389..57035130 100644
--- a/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue
+++ b/src/layouts/provider-preference/tpa-recal-modal/tpa-recal-modal.vue
@@ -13,7 +13,7 @@
@@ -52,8 +52,7 @@ import { required } from '@/helpers/validation-rules';
import { errorMessages } from '@/constants/error-messages';
import { Form, defineRule } from 'vee-validate';
import { allGlassPartsAndItemsHavePrices } from '@/layouts/service-packages/service-package-helper/service-package-helper'
-
-defineRule('option-required', required(errorMessages.OPTION_REQUIRED));
+import globalRules from "@/constants/global-rules";
const store = useMainStore();
@@ -112,7 +111,10 @@ export default {
selectedVaps: [],
availableLineItems: [],
supportingItems: [],
- pricedGlassParts: []
+ pricedGlassParts: [],
+ rules: {
+ optionRequired: globalRules.OPTION_REQUIRED
+ }
};
},
computed: {
diff --git a/src/layouts/vehicle-lookup/vehicle-lookup.spec.js b/src/layouts/vehicle-lookup/vehicle-lookup.spec.js
index 398ce254..ede695c3 100644
--- a/src/layouts/vehicle-lookup/vehicle-lookup.spec.js
+++ b/src/layouts/vehicle-lookup/vehicle-lookup.spec.js
@@ -8,6 +8,10 @@ import {vinLookupMethodSelections} from '@/constants/vin-lookup-methods';
import { useMainStore } from '@/store';
import { createTestingPinia } from '@pinia/testing';
import { mapStores } from "pinia";
+import { defineRule } from 'vee-validate';
+import { errorMessages } from '@/constants/error-messages';
+import globalRules from '@/constants/global-rules';
+import { required } from '@/helpers/validation-rules';
const pinia = createTestingPinia();
useMainStore(pinia);
@@ -44,6 +48,7 @@ const siteFooterWidgetMockData = {
};
function setupMocks() {
+ defineRule(globalRules.OPTION_REQUIRED, required(errorMessages.OPTION_REQUIRED));
const mockRoute = {
query: {
issPage: 'vehicle-lookup',
diff --git a/src/layouts/vehicle-lookup/vin-lookup-methods/vin-lookup-methods.vue b/src/layouts/vehicle-lookup/vin-lookup-methods/vin-lookup-methods.vue
index 392dbdfa..82077f0a 100644
--- a/src/layouts/vehicle-lookup/vin-lookup-methods/vin-lookup-methods.vue
+++ b/src/layouts/vehicle-lookup/vin-lookup-methods/vin-lookup-methods.vue
@@ -5,7 +5,7 @@
button-type-string="listButton"
:question-text="questionTextFromCms"
is-required
- validation-rules="option-required"
+ :validation-rules="rules.optionRequired"
data-test-id="vin-lookup-methods-button-question"
/>
@@ -13,32 +13,30 @@