From 839092571efb982878cc3c36d5b986bddacbcaee Mon Sep 17 00:00:00 2001
From: Matt Caimi <matt.caimi@safelite.com>
Date: Mon, 23 Jan 2023 13:23:30 -0500
Subject: [PATCH] CSR-1012 refactor hide alerts on text input

---
 .../textbox-question/textbox-question.vue          |  2 --
 .../service-zip-modal-question.vue                 | 14 ++++++++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index e97402bb3..a19823b0d 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/src/digital-components/textbox-question/textbox-question.vue
@@ -70,7 +70,6 @@ export default {
         questionAlignment: String, // Left or center. Left is default.
         cornerStyle: String, // Rounded or square. Square is default.
         includeSearchIcon: Boolean,
-        customOnChange: Function,
     },
     setup(props) {
         const propsClone = Object.assign({}, props);
@@ -146,7 +145,6 @@ export default {
     },
     watch: {
         async value(newValue) {
-            this.customOnChange();
             const result = await validate(newValue, this.validationRules); // do a test validation check, without triggering full validation
             if (result.valid) {
                 this.handleChange(newValue); // trigger full validation on this field only
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
index 710514966..68f30abff 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
@@ -19,6 +19,7 @@
     <modal ref="zipCodeInputModal" :cmsWidgetName="this.modalWidgetName" :buttonClick="setZip">
         <div class="ps-4 pe-4 pb-4">
             <textboxQuestion
+                ref="zipInputTextQuestion"
                 :cmsWidgetName="this.textboxQuestionWidgetName"
                 v-model="serviceZipCodeInput"
                 inputId="serviceZipCodeInput"
@@ -26,8 +27,7 @@
                 mask="#####"
                 isRequired
                 disableAutoFill
-                validationRules="zip-required|zip-format" 
-                :customOnChange="this.resetsOnZipInput" />
+                validationRules="zip-required|zip-format" />
             <alert
                 ref="alertInvalidZip"
                 v-if="displayInvalidZipAlert"
@@ -145,6 +145,16 @@ export default {
             return text;
         },
     },
+    mounted() {
+        this.$watch(
+            () => {
+                return this.$refs.zipInputTextQuestion.value;
+            },
+            (val) => {
+                this.resetsOnZipInput();
+            }
+        );
+    },
     components: {
         textLink,
         modal,