fix: Database notification not closing on navigate (#20046)

Author: danharrin

packages/actions/src/Action.php

@@ -417,7 +417,7 @@ public function getAlpineClickHandler(): ?string
         }
 
         if ($this->shouldClose()) {
-            return 'close()';
+            return (filled($this->getUrl()) && (! $this->shouldOpenUrlInNewTab())) ? 'close(true)' : 'close()';
         }
 
         if ($this->shouldMarkAsRead()) {

packages/notifications/dist/index.js

@@ -130,20 +130,25 @@ export default (Alpine) => {
             )
         },
 
-        close() {
+        close(isImmediate = false) {
             this.isShown = false
 
-            setTimeout(
-                () =>
-                    window.dispatchEvent(
-                        new CustomEvent('notificationClosed', {
-                            detail: {
-                                id: notification.id,
-                            },
-                        }),
-                    ),
-                this.transitionDuration,
-            )
+            const dispatchClosedEvent = () =>
+                window.dispatchEvent(
+                    new CustomEvent('notificationClosed', {
+                        detail: {
+                            id: notification.id,
+                        },
+                    }),
+                )
+
+            if (isImmediate === true) {
+                dispatchClosedEvent()
+
+                return
+            }
+
+            setTimeout(dispatchClosedEvent, this.transitionDuration)
         },
 
         markAsRead() {