Merge pull request #252 from Safelite/feature/Digital/SSR-334

Feature/digital/ssr 334

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

@@ -17,6 +17,15 @@
                             validationRules="policy-number-required" />
                         </div>
                     </div>
+                    <div class="row mt-4 px-3" v-if="this.displayPolicyZip">
+                        <div class="col">
+                            <textboxQuestion
+                            inputId="policyZipCode"
+                            cmsWidgetName="PolicyZipQuestion"
+                            isRequired
+                            ref="policyZip" />
+                        </div>
+                    </div>
                     <div class="row mt-4 px-3">
                         <div class="col">
                             <textboxQuestion
@@ -168,6 +177,8 @@ defineRule("loss-city-required", required(errorMessages.LOSS_CITY_REQUIRED));
 defineRule("phone-number-required", required(errorMessages.PHONE_NUMBER_FORMAT));
 defineRule("email-address-required", required(errorMessages.EMAIL_ADDRESS_REQUIRED));
 defineRule("damage-option-required", required(errorMessages.DAMAGE_OPTION_REQUIRED));
+defineRule("policy-zip-required", required(errorMessages.POLICY_ZIP_REQUIRED));
+defineRule("policy-zip-format", regex(/(^\d{5}$)|(^\d{5}-\d{4}$)/, errorMessages.POLICY_ZIP_FORMAT));
 
 defineRule("email-address-format",
 regex(
@@ -332,6 +343,14 @@ export default {
         },
         displayGlassOnlyQuestion(){
             return !!this.getCmsContent("GlassOnlyQuestion","QuestionText");
+        },
+        displayPolicyZip(){
+            if(this.mainStore.issConfig.isAuthenticated){
+                return false;
+            }
+            else{
+                return true;
+            }
         }
     },
     components: {