From e465c93ffc5c88da04b2e6b1d1cc284167d1194a Mon Sep 17 00:00:00 2001
From: James Cole <james@firefly-iii.org>
Date: Tue, 14 Mar 2023 18:30:59 +0100
Subject: [PATCH] Fix https://github.com/firefly-iii/firefly-iii/issues/7227

---
 .../assets/js/components/form/WebhookDelivery.vue     |  9 ++++-----
 .../assets/js/components/form/WebhookResponse.vue     | 11 +++++------
 .../assets/js/components/form/WebhookTrigger.vue      |  9 ++++-----
 3 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/resources/assets/js/components/form/WebhookDelivery.vue b/resources/assets/js/components/form/WebhookDelivery.vue
index 1c528ff0e5..942f89ba09 100644
--- a/resources/assets/js/components/form/WebhookDelivery.vue
+++ b/resources/assets/js/components/form/WebhookDelivery.vue
@@ -29,7 +29,6 @@
           v-model="delivery"
           :title="$t('form.webhook_delivery')"
           class="form-control"
-          @input="handleInput"
           name="webhook_delivery"
       >
         <option v-for="delivery in this.deliveries"
@@ -78,15 +77,15 @@ export default {
   watch: {
     value() {
       this.delivery = this.value;
+    },
+    delivery(newValue) {
+      this.$emit('input', newValue);
     }
   },
   methods: {
     hasError() {
       return this.error?.length > 0;
-    },
-    handleInput() {
-      this.$emit('input', this.delivery);
-    },
+    }
   },
 }
 </script>
diff --git a/resources/assets/js/components/form/WebhookResponse.vue b/resources/assets/js/components/form/WebhookResponse.vue
index 93cc404645..cc32c5febb 100644
--- a/resources/assets/js/components/form/WebhookResponse.vue
+++ b/resources/assets/js/components/form/WebhookResponse.vue
@@ -29,7 +29,6 @@
           v-model="response"
           :title="$t('form.webhook_response')"
           class="form-control"
-          @input="handleInput"
           name="webhook_response"
       >
         <option v-for="response in this.responses"
@@ -70,7 +69,10 @@ export default {
   watch: {
     value() {
       this.response = this.value;
-    }
+    },
+  response(newValue) {
+    this.$emit('input', newValue);
+  }
   },
   mounted() {
     this.response = this.value;
@@ -83,10 +85,7 @@ export default {
   methods: {
     hasError() {
       return this.error?.length > 0;
-    },
-    handleInput() {
-      this.$emit('input', this.response);
-    },
+    }
   },
 }
 </script>
diff --git a/resources/assets/js/components/form/WebhookTrigger.vue b/resources/assets/js/components/form/WebhookTrigger.vue
index 9b67934e3b..bb5b5efa7b 100644
--- a/resources/assets/js/components/form/WebhookTrigger.vue
+++ b/resources/assets/js/components/form/WebhookTrigger.vue
@@ -29,7 +29,6 @@
           v-model="trigger"
           :title="$t('form.webhook_trigger')"
           class="form-control"
-          @input="handleInput"
           name="webhook_trigger"
       >
         <option v-for="trigger in this.triggers"
@@ -78,15 +77,15 @@ export default {
   watch: {
     value() {
       this.trigger = this.value;
+    },
+    trigger(newValue) {
+      this.$emit('input', newValue);
     }
   },
   methods: {
     hasError() {
       return this.error?.length > 0;
-    },
-    handleInput() {
-      this.$emit('input', this.trigger);
-    },
+    }
   },
 }
 </script>