Merge pull request #546 from Safelite/feature/digital/SSR-488

Feature/digital/ssr 488

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();
+                }
             });
         }
     },

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':

src/layouts/welcome-page/welcome-page.vue

@@ -20,7 +20,7 @@
                                 cmsWidgetName="PolicyNumberQuestion"
                                 isRequired
                                 disableAutoFill
-                                :isDisabled="isPolicyHolderEnabled"
+                                :isDisabled="isPolicyHolderDisabled"
                                 :validationRules="rules.policyNumber" />
                         </div>
                     </div>
@@ -34,6 +34,7 @@
                                 inputId="policyZipCode"
                                 cmsWidgetName="PolicyZipQuestion"
                                 isRequired
+                                :isDisabled="isPolicyZipDisabled"
                                 :validationRules="rules.policyZip" />
                         </div>
                     </div>
@@ -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;
         },

src/store/index.js

@@ -202,7 +202,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
         }
     }
 });
@@ -1533,6 +1534,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) {