diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue index 7e144400..831317e8 100644 --- a/src/layouts/coverage-statement/coverage-statement.vue +++ b/src/layouts/coverage-statement/coverage-statement.vue @@ -193,6 +193,9 @@ export default { vm.availableLineItems = pricingResults; vm.$refs.loadingModal.showModal(); vm.initializeComponent(availableLineItems); + if (!vm.unverified) { + useMainStore().disableKeyFields(); + } }); } }, diff --git a/src/layouts/entry-page/entry-page.vue b/src/layouts/entry-page/entry-page.vue index b627bc37..cf029370 100644 --- a/src/layouts/entry-page/entry-page.vue +++ b/src/layouts/entry-page/entry-page.vue @@ -165,6 +165,7 @@ export default { case 'lossdate': // NOTE: May need some date parsing logic in here depending on client. this.mainStore.order.policy.dateOfLoss = value; + this.mainStore.issConfig.disabledFields.dateOfLoss = true; break; case 'successreturnurl': diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue index c2b8c4ca..77a60a5f 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -20,7 +20,7 @@ cmsWidgetName="PolicyNumberQuestion" isRequired disableAutoFill - :isDisabled="isPolicyHolderEnabled" + :isDisabled="isPolicyHolderDisabled" :validationRules="rules.policyNumber" /> @@ -34,6 +34,7 @@ inputId="policyZipCode" cmsWidgetName="PolicyZipQuestion" isRequired + :isDisabled="isPolicyZipDisabled" :validationRules="rules.policyZip" /> @@ -46,6 +47,7 @@ cmsWidgetName="DateOfLossQuestion" inputId="dateOfLossField" isRequired + :isDisabled="isDateOfLossDisabled" disableAutoFill :max="new Date().toJSON().slice(0, 10)" :min="'1972-12-01'" @@ -303,9 +305,15 @@ export default { getStates() { return states; }, - isPolicyHolderEnabled() { + isPolicyHolderDisabled() { return !!this.mainStore.issConfig.disabledFields.policyNumber; }, + isPolicyZipDisabled() { + return !!this.mainStore.issConfig.disabledFields.policyZipCode; + }, + isDateOfLossDisabled() { + return !!this.mainStore.issConfig.disabledFields.dateOfLoss; + }, isCoverageEnabled() { return this.mainStore.issConfig.isCoverageEnabled; }, diff --git a/src/store/index.js b/src/store/index.js index 88af31f8..44180935 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -205,7 +205,8 @@ const getDefaultState = () => ({ failureReturnURL: null, // Client URL to return the user to when they encounter an error or bailout and are unable to complete the flow. disabledFields: { // Fields that are disabled and read only if sent over from a client. policyNumber: null, - policyZipCode: null + policyZipCode: null, + dateOfLoss: null } } }); @@ -1536,6 +1537,13 @@ export const useMainStore = defineStore({ this.issConfig.failureReturnURL = null; this.issConfig.disabledFields.policyNumber = false; this.issConfig.disabledFields.policyZipCode = false; + this.issConfig.disabledFields.dateOfLoss = false; + }, + + disableKeyFields() { + this.issConfig.disabledFields.policyNumber = true; + this.issConfig.disabledFields.policyZipCode = true; + this.issConfig.disabledFields.dateOfLoss = true; }, updateVehicleYear(year) {