Fire Event: cannot access e.detail$el

[christophbee]

TYPO3 11.5.22 dp_cookieconsent 11.6.3

I try to execute a js script after accepting the cookie "thirdparty". Therefore I include the following snippet:

<script data-ignore="1" 
        data-cookieconsent="thirdparty" 
        async=true 
        id="my-iframe"
        class='a-css-class' 
        type='text/plain' 
        data-src='[src url]></script>

After accepting the appropriate cookie "thirdparty" I want to catch the event 'dp--cookie-fire'. Documentation:

document.addEventListener('dp--cookie-fire', function (e) {
    console.log('dp--cookie-fire', e.detail.$el);
});

My implementation

document.addEventListener('dp--cookie-fire', function (e) {
    var el2 = jQuery(e.detail.$el);
    if(el2.hasClass(IFRAME_CLASS)) {
        // do some stuff
    }
});

My code is executed after accepting the cookie but e.detail is null and therefore it throws an error in this line: var el2 = jQuery(e.detail.$el);

The event that is fired looks like this:

Anyone an idea where the problem may be? Thx

[christophbee]

@DirkPersky I just tried to use the updated JS file but this leads to an "unexpected end of input" error in my developer console.

As a result I tried to validate the javascript of the file and it shows an error as well, see screenshot. I used this validator: https://codebeautify.org/jsvalidate

Can you reproduce this error and/or check this again, please?

[DirkPersky]

Your first screen more looks like u haven't completed uploaded the Script.

I have it on my private site "https://dp-wired.de/" and there the subscriber works.

[christophbee]

You were right, we were faced with some permission issues when uploading the files via FTP. Now all works fine, thx!