(function () { var userConfig = window.ScootChatConfig || {}; var CHAT_URL = userConfig.chatUrl || 'https://us.scoot.app/magic-host-chat?c=demandq'; var BUTTON_COLOR = userConfig.buttonColor || '#0671ff'; var BUTTON_SIZE = userConfig.buttonSize || 64; var IFRAME_WIDTH = userConfig.iframeWidth || 400; var IFRAME_HEIGHT = userConfig.iframeHeight || 600; var styles = document.createElement('style'); styles.textContent = ` #scoot-chat-button { position: fixed; bottom: 20px; right: 20px; width: ${BUTTON_SIZE}px; height: ${BUTTON_SIZE}px; border-radius: 50%; background-color: ${BUTTON_COLOR}; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); border: none; cursor: pointer; z-index: 9999998; transition: transform 0.15s ease, box-shadow 0.15s ease; display: flex; justify-content: center; align-items: center; } #scoot-chat-button:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25); } #scoot-chat-button svg { width: 28px; height: 28px; fill: white; } #scoot-chat-button .scoot-badge { position: absolute; top: 2px; right: 2px; width: 12px; height: 12px; background-color: #10b981; border-radius: 50%; animation: scoot-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes scoot-pulse { 50% { opacity: 0.5; } } #scoot-chat-label { position: fixed; bottom: 32px; right: 100px; padding: 10px 16px; background: #ffffff; color: #0A1F3E; border: none; border-radius: 999px; font-family: inherit; font-size: 14px; font-weight: 600; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); z-index: 9999997; white-space: nowrap; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; animation: scoot-label-in 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 1.2s both; transition: transform 0.15s ease, box-shadow 0.15s ease; } #scoot-chat-label:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22); } #scoot-chat-label svg { width: 16px; height: 16px; fill: #00A3E0; } #scoot-chat-label[hidden] { display: none; } @keyframes scoot-label-in { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: translateX(0); } } @media (max-width: 480px) { #scoot-chat-label { bottom: 22px; right: 84px; padding: 8px 12px; font-size: 12px; } } #scoot-chat-container { position: fixed; bottom: 100px; right: 20px; width: ${IFRAME_WIDTH}px; height: ${IFRAME_HEIGHT}px; border-radius: 24px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15); z-index: 9999999; overflow: hidden; opacity: 0; transform: translateY(20px) scale(0.95); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; } #scoot-chat-container.open { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; } #scoot-chat-container iframe { width: 100%; height: 100%; border: none; } @media (max-width: 480px) { #scoot-chat-container { bottom: 8px; right: 8px; width: 90%; height: 90%; border-radius: 24px; } #scoot-chat-container.open + #scoot-chat-button { bottom: 10px; right: 10px; } } `; document.head.appendChild(styles); var button = document.createElement('button'); button.id = 'scoot-chat-button'; button.setAttribute('aria-label', 'Open chat'); button.innerHTML = ` `; var container = document.createElement('div'); container.id = 'scoot-chat-container'; var label = document.createElement('button'); label.id = 'scoot-chat-label'; label.type = 'button'; label.setAttribute('aria-label', 'Chat with Vera'); label.innerHTML = ` Chat with Vera `; var iframe = null; var isOpen = false; var initializing = true; function toggleChat() { isOpen = !isOpen; if (isOpen && !iframe) { iframe = document.createElement('iframe'); iframe.src = CHAT_URL; iframe.setAttribute('title', 'Scoot Chat'); iframe.setAttribute('allow', 'microphone'); container.appendChild(iframe); } if (initializing) { setTimeout(function() { container.classList.toggle('open', isOpen); button.setAttribute('aria-expanded', isOpen); initializing = false; }, 2000); } else { container.classList.toggle('open', isOpen); button.setAttribute('aria-expanded', isOpen); } label.hidden = isOpen; if (isOpen) { button.innerHTML = ` `; } else { button.innerHTML = ` `; } } button.addEventListener('click', toggleChat); label.addEventListener('click', toggleChat); document.body.appendChild(container); document.body.appendChild(button); document.body.appendChild(label); window.ScootChat = { open: function () { if (!isOpen) toggleChat(); }, close: function () { if (isOpen) toggleChat(); }, toggle: toggleChat, }; window.addEventListener('message', function (event) { var type = event.data && event.data.type; switch (type) { case 'scoot-chat-close': window.ScootChat.close(); break; case 'scoot-chat-open': window.ScootChat.open(); break; case 'scoot-chat-toggle': window.ScootChat.toggle(); break; } }); })();