(function(){ if (window.__nyalaV2) return; // v2 widget active → skip A's launcher function build(){ if (document.getElementById('nyala-launcher')) return; var wrap = document.createElement('div'); wrap.id = 'nyala-launcher'; // CLOSED state = our "Ask Nyala" pill (Nyala face + AI sparkle) plus // the proactive greeting popup above it. When the chat is OPEN we add // .nyala-chatopen (hides this) and Chatwoot's own close (X) bubble // shows as the minimize control. wrap.innerHTML = '

' + '' + 'Hi, I\'m Nyala 🤿 Ask me anything about traveling in Indonesia, trips, liveaboards or diving.' + '

' + ''; document.body.appendChild(wrap); var fab = wrap.querySelector('#nyala-fab'); var greeting = wrap.querySelector('#nyala-greeting'); var closeBtn = wrap.querySelector('.nyala-greeting-close'); function hideGreeting(){ greeting.classList.remove('nyala-greeting-show'); } function openChat(){ hideGreeting(); try { sessionStorage.setItem('nyala_greeted','1'); } catch(e){} if (window.$chatwoot) window.$chatwoot.toggle('open'); } fab.addEventListener('click', openChat); greeting.addEventListener('click', openChat); closeBtn.addEventListener('click', function(e){ e.stopPropagation(); hideGreeting(); try{ sessionStorage.setItem('nyala_greeted','1'); }catch(_){} }); wrap.classList.add('nyala-show'); // Open = the Chatwoot holder is present without the 'woot--hide' // class (v4.x has no '--expanded'); used as a poll fallback. function chatOpen(){ var h = document.querySelector('.woot-widget-holder'); return !!h && !h.classList.contains('woot--hide'); } // One-time greeting popup after a delay (longer, less pushy). var greeted = false; try { greeted = sessionStorage.getItem('nyala_greeted') === '1'; } catch(e){} if (!greeted) setTimeout(function(){ if (!chatOpen()) greeting.classList.add('nyala-greeting-show'); }, 12000); var isMobile = window.matchMedia('(max-width: 480px)').matches; // Mobile: only shrink the window when the keyboard is actually open // (visual viewport notably shorter than the layout viewport). When no // keyboard, CLEAR the inline height so it stays full-screen — fixes a // stale-height bug where it reopened as a thin strip after navigating. function fitHolder(){ if (!isMobile || !window.visualViewport) return; var h = document.querySelector('.woot-widget-holder'); if (!h || h.classList.contains('woot--hide')) return; var vv = window.visualViewport; if (vv.height < window.innerHeight - 120) { h.style.height = Math.round(vv.height) + 'px'; h.style.maxHeight = Math.round(vv.height) + 'px'; } else { h.style.height = ''; h.style.maxHeight = ''; } } if (isMobile && window.visualViewport) { window.visualViewport.addEventListener('resize', fitHolder); window.visualViewport.addEventListener('scroll', fitHolder); } // Lock the page scroll behind the chat on mobile. The chat window is // pinned position:fixed inset:0 (CSS) so it fully covers the viewport; // here we just freeze scroll via overflow (NO position:fixed body shift // — that shift was dragging the window off-screen after scroll+reopen). function lockBody(lock){ if (!isMobile) return; var h = document.documentElement, b = document.body; if (lock) { b.style.overflow = 'hidden'; h.style.overflow = 'hidden'; b.style.overscrollBehavior = 'none'; } else { b.style.overflow = ''; h.style.overflow = ''; b.style.overscrollBehavior = ''; } } // Open/close: hide our pill while open (Chatwoot's teal close-X is // the minimize control), dismiss greeting, clear unread, lock scroll. // Driven by Chatwoot's own events (reliable) + a poll fallback. function setState(open){ if (open === setState._prev) { if (open) fitHolder(); return; } setState._prev = open; wrap.classList.toggle('nyala-chatopen', open); lockBody(open); if (open) { hideGreeting(); fitHolder(); wrap.classList.remove('nyala-has-unread'); } } setState._prev = null; window.addEventListener('chatwoot:opened', function(){ setState(true); }); window.addEventListener('chatwoot:closed', function(){ setState(false); }); // Poll: catch any missed open/close transition, keep the open window // keyboard-aware, and mirror Chatwoot's unread indicator (it toggles // 'unread-notification' on the hidden native bubble) onto our pill. setInterval(function(){ var open = chatOpen(); if (open !== setState._prev) setState(open); if (open) fitHolder(); var nb = document.querySelector('.woot-widget-bubble.woot-elements--right:not(.woot--close)'); var unread = !open && !!nb && nb.classList.contains('unread-notification'); wrap.classList.toggle('nyala-has-unread', unread); }, 300); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', build); else build(); })();

We're here to help you plan

Send us a message