From 434e1311f20633880b36ef41f2abaa79f433e0ef Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 4 Jul 2024 16:51:08 -0300
Subject: [PATCH] fix: htmx usa value para el evento #16714

---
 app/javascript/controllers/form_validation_controller.js | 4 ++--
 app/javascript/controllers/notification_controller.js    | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/javascript/controllers/form_validation_controller.js b/app/javascript/controllers/form_validation_controller.js
index dd1a98ed..b1c0a2f8 100644
--- a/app/javascript/controllers/form_validation_controller.js
+++ b/app/javascript/controllers/form_validation_controller.js
@@ -39,13 +39,13 @@ export default class extends Controller {
 
       if (!this.element.getAttributeNames().some(x => x.startsWith("hx-"))) this.element.submit();
 
-      window.dispatchEvent(new CustomEvent("notification:show", { detail: { id: this.submittingIdValue } }));
+      window.dispatchEvent(new CustomEvent("notification:show", { detail: { value: this.submittingIdValue } }));
     } else {
       event?.stopPropagation();
 
       this.element.classList.add("was-validated");
 
-      window.dispatchEvent(new CustomEvent("notification:show", { detail: { id: this.invalidIdValue } }));
+      window.dispatchEvent(new CustomEvent("notification:show", { detail: { value: this.invalidIdValue } }));
     }
 
     this.submitting = false;
diff --git a/app/javascript/controllers/notification_controller.js b/app/javascript/controllers/notification_controller.js
index 7fbe3b5a..89ae085d 100644
--- a/app/javascript/controllers/notification_controller.js
+++ b/app/javascript/controllers/notification_controller.js
@@ -19,8 +19,8 @@ export default class extends Controller {
    * actual, se oculta.
    */
   show(event = undefined) {
-    if (event?.detail?.id !== this.element.id) {
-      this.hide({ detail: { id: this.element.id } });
+    if (event?.detail?.value !== this.element.id) {
+      this.hide({ detail: { value: this.element.id } });
       return;
     }
 
@@ -33,7 +33,7 @@ export default class extends Controller {
   }
 
   hide(event = undefined) {
-    if (event?.detail?.id !== this.element.id) return;
+    if (event?.detail?.value !== this.element.id) return;
 
     this.element.classList.remove(...this.showClasses);
     this.element.classList.add(...this.hideClasses);