${CONFIG.welcomeMessage}

`; shadow.appendChild(style); shadow.appendChild(container); // Logic const launcher = shadow.querySelector('.launcher'); const windowEl = shadow.querySelector('.window'); const closeBtn = shadow.querySelector('.close-btn'); const form = shadow.querySelector('form'); const input = shadow.querySelector('input'); const messagesEl = shadow.querySelector('.messages'); const sendBtn = shadow.querySelector('.send-btn'); let isOpen = false; let history = []; function toggleWindow() { isOpen = !isOpen; if (isOpen) { windowEl.classList.add('open'); input.focus(); } else { windowEl.classList.remove('open'); } } function addMessage(role, text) { const msg = document.createElement('div'); msg.className = `message ${role}`; msg.textContent = text; messagesEl.appendChild(msg); messagesEl.scrollTop = messagesEl.scrollHeight; } async function handleSubmit(e) { e.preventDefault(); const question = input.value.trim(); if (!question) return; // UI Updates addMessage('user', question); input.value = ''; input.disabled = true; sendBtn.disabled = true; try { const res = await fetch(CONFIG.endpoint, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ question, history: history.slice(-6) // Keep last 6 messages for context }) }); if (!res.ok) throw new Error('Failed to get response'); const data = await res.json(); const answer = data.answer || "I'm sorry, I couldn't understand that."; addMessage('ai', answer); history.push({ role: 'user', content: question }); history.push({ role: 'assistant', content: answer }); } catch (err) { console.error(err); addMessage('error', 'Sorry, something went wrong. Please try again later.'); } finally { input.disabled = false; sendBtn.disabled = false; input.focus(); } } // Event Listeners launcher.addEventListener('click', toggleWindow); closeBtn.addEventListener('click', toggleWindow); form.addEventListener('submit', handleSubmit); })();

${CONFIG.botName}

Release Notes

Guides

Support

Get in touch