{{--
    Overrides vendor/filament/notifications/resources/views/components/database/echo.blade.php

    The vendor version guards with `if (window.Echo)` — truthiness only — and
    then calls `window.Echo.private(...)`. On this panel `window.Echo` is
    truthy but is NOT an Echo instance, so that threw

        Uncaught TypeError: window.Echo.private is not a function

    during Alpine initialization, which aborted the rest of the page's
    JavaScript on that tick. Broadcasting is optional here; its absence must
    never take the message-state polling down with it.
--}}

@props([
    'channel',
])

<div
    x-data="{}"
    x-init="
        (() => {
            /* -- echo-listener:start -- */
            let subscribed = false

            const subscribeToEcho = () => {
                if (subscribed) return true

                // The ONLY safe test: the global may hold the laravel-echo
                // CLASS (the IIFE build claims the same name) or a half-built
                // object. An instance is what has .private().
                if (typeof window.Echo?.private !== 'function') return false

                subscribed = true

                try {
                    window.Echo.private(@js($channel)).listen('.database-notifications.sent', () => {
                        setTimeout(() => $wire.call('$refresh'), 500)
                    })
                } catch (error) {
                    // A broadcasting problem is not a page problem.
                    subscribed = false
                    console.warn('Notifications: could not subscribe to Echo.', error)
                    return false
                }

                return true
            }

            // Echo may be published later (or never) — both are fine.
            window.addEventListener('EchoLoaded', subscribeToEcho)

            // …or it may already be ready before this component initialises.
            subscribeToEcho()
            /* -- echo-listener:end -- */
        })()
    "
    {{ $attributes }}
></div>