Merge pull request #1292 from Safelite/feature/humphries/INSR-10100

INSR-10100: Allow hiding certain fields on welcome page

src/layouts/entry-page/entry-page.spec.js

@@ -160,7 +160,8 @@ describe('entry-page.vue', () => {
                 ClientDisplayName: 'Display Name',
                 ClientPossessiveName: 'Display Name\'s',
                 ClaimRegistrationRequired: true,
-                EnableNoCompQuote: true
+                EnableNoCompQuote: true,
+                HiddenFields: ['PolicyNumber', 'PhoneNumber'],
             })
         };
         wrapper.vm.populateISSConfigValues(data);
@@ -176,6 +177,8 @@ describe('entry-page.vue', () => {
         expect(issConfig.enableTPAFlow).toBe(true);
         expect(issConfig.isClaimRegistrationRequired).toBe(true);
         expect(issConfig.enableNoCompQuote).toBe(true);
+        expect(issConfig.hiddenFields.policyNumber).toBe(true);
+        expect(issConfig.hiddenFields.phoneNumber).toBe(true);
     });
     describe('combineClientParameters', () => {
         let wrapper;

src/layouts/entry-page/entry-page.vue

@@ -216,6 +216,16 @@ export default {
                     if (clientFlags.UseMemberNumber) {
                         this.mainStore.issConfig.useMemberNumber = true;
                     }
+
+                    if (clientFlags.HiddenFields) {
+                        if (clientFlags.HiddenFields.includes('PolicyNumber')) {
+                            this.mainStore.issConfig.hiddenFields.policyNumber = true;
+                        }
+
+                        if (clientFlags.HiddenFields.includes('PhoneNumber')) {
+                            this.mainStore.issConfig.hiddenFields.phoneNumber = true;
+                        }
+                    }
                 }
             },
             combineClientParameters(configParams, queryStringParams) {

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

@@ -14,6 +14,7 @@
                         cmsWidgetName="SiteSubHeaderWidget"
                         class="form-group" />
                     <textboxQuestion
+                        v-if="!isPolicyNumberQuestionHidden"
                         ref="policyNumber"
                         v-model="welcomePageModel.policyNumber"
                         inputId="policyNumberField"
@@ -23,6 +24,7 @@
                         :isDisabled="isPolicyHolderDisabled"
                         :validationRules="rules.policyNumber" />
                     <textboxQuestion
+                        v-if="!isPhoneNumberQuestionHidden"
                         ref="phoneNumber"
                         v-model="welcomePageModel.phoneNumber"
                         inputId="phoneNumberField"
@@ -34,6 +36,7 @@
                         placeholderText="###-###-####"
                         class="form-group" />
                     <textboxQuestion
+                        v-if="!isPhoneNumberQuestionHidden"
                         ref="extension"
                         v-model="welcomePageModel.extension"
                         inputId="extensionField"
@@ -331,6 +334,12 @@ export default {
         },
         phoneMask() {
             return MaskaFormattedMasks.PHONE_NUMBER;
+        },
+        isPolicyNumberQuestionHidden() {
+            return !!this.mainStore.issConfig.hiddenFields?.policyNumber;
+        },
+        isPhoneNumberQuestionHidden() {
+            return !!this.mainStore.issConfig.hiddenFields?.phoneNumber;
         }
     },
     methods: {

src/store/index.js

@@ -272,6 +272,10 @@ export const getDefaultState = () => ({
             policyZipCode: null,
             dateOfLoss: null
         },
+        hiddenFields: { // Fields hidden based on client flags in auth table
+            policyNumber: false,
+            phoneNumber: false
+        },
         buildInfo: (typeof __BUILD_INFO__ !== 'undefined') ? __BUILD_INFO__ : null, // Contains the build info for the website, set during the build process. Version, Time, Git info etc....
         siteType: null, // SiteType / SubType the site is set to (Essential/Advanced).
         enableNoCompQuote: false,
@@ -2298,6 +2302,8 @@ export const useMainStore = defineStore({
             this.issConfig.disabledFields.policyNumber = false;
             this.issConfig.disabledFields.policyZipCode = false;
             this.issConfig.disabledFields.dateOfLoss = false;
+            this.issConfig.hiddenFields.policyNumber = false;
+            this.issConfig.hiddenFields.phoneNumber = false;
             this.issConfig.siteType = null;
             this.issConfig.enableNoCompQuote = false;
             this.issConfig.billToAccountNumber = null;