INSR-10100: Allow hiding certain fields on welcome page

- Update issConfig to include hiddenFields object based on client flags
- Update welcome-page to display fields based on issConfig.hiddenFields

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