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

    Same defect as the database variant: the vendor guard is `if (window.Echo)`
    (truthiness only) followed by `window.Echo.private(...)`, which throws
    `window.Echo.private is not a function` when the global holds something
    that is not an Echo instance. See the database/echo.blade.php override for
    the full explanation.
--}}

@props([
    'channel',
])

<div
    x-data="{}"
    x-init="
        (() => {
            let subscribed = false

            const subscribeToEcho = () => {
                if (subscribed) return true
                if (typeof window.Echo?.private !== 'function') return false

                subscribed = true

                try {
                    window.Echo.private(@js($channel)).notification((notification) => {
                        setTimeout(() => $wire.handleBroadcastNotification(notification), 500)
                    })
                } catch (error) {
                    subscribed = false
                    console.warn('Notifications: could not subscribe to Echo.', error)
                    return false
                }

                return true
            }

            window.addEventListener('EchoLoaded', subscribeToEcho)
            subscribeToEcho()
        })()
    "
    {{ $attributes }}
></div>