.elaia-window-open{ position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.3); z-index: 2147483647; width: 100%; max-width: 100%; inset:0; margin:0; } .elaia-window-close{ position:relative; width: 100%; max-width: 100%; height: 350px; z-index: 2147483647; } (function(){ const langWindow = document.documentElement.lang?.split(‘-‘)[0] || ‘fr’; const s2 = document.createElement(‘script’); s2.src = ‘http://localhost:3000/window-v1.js?lang=’ + langWindow + ‘&v=’ + Date.now(); s2.defer = true; console.log(‘Appending chatbot script:’, s2.src); document.head.appendChild(s2); setTimeout(() => { console.log(‘Je suis là’); const iframe = document.getElementById(‘elaia-window-iframe’); const IFRAME_ORIGIN = new URL(iframe.src).origin; window.addEventListener(‘message’, (event) => { console.log(event.source, iframe.contentWindow); // Sécurité : n’accepte que le domaine prévu ET la bonne source if (event.origin !== IFRAME_ORIGIN) return; if (event.source !== iframe.contentWindow) return; const data = event.data || {}; console.log(“Je suis passé”) let divelaiawindow = document.getElementById(‘elaia-window’); switch (data.type) { case ‘elaia:open’: document.querySelector(‘main’)?.style.setProperty(‘z-index’, ‘unset’); divelaiawindow.classList.remove(‘elaia-window-close’); divelaiawindow.classList.add(‘elaia-window-open’); break; case ‘elaia:close’: document.querySelector(‘main’)?.style.removeProperty(‘z-index’); divelaiawindow.classList.remove(‘elaia-window-open’); divelaiawindow.classList.add(‘elaia-window-close’); break; } }, false); }, 2000); })();