e.stopPropagation()}>
+
Revoke Access
+
This takes effect immediately. Enter a reason (required).
+
+
+
+
+
+
Powered by AuthorBot
+
+ `;
+
+ // Bubble is above window — reverse for bottom positioning
+ if (vPos === 'bottom') {
+ root.style.flexDirection = 'column-reverse';
+ }
+
+ document.body.appendChild(root);
+
+ // ── DOM refs ─────────────────────────────────────────────────
+ const $window = root.querySelector('#ab-window');
+ const $messages = root.querySelector('#ab-messages');
+ const $input = root.querySelector('#ab-input');
+ const $send = root.querySelector('#ab-send');
+ const $bubble = root.querySelector('#ab-bubble');
+ const $close = root.querySelector('#ab-close-btn');
+ const $botName = root.querySelector('#ab-bot-name');
+
+ // ── Toggle open/close ─────────────────────────────────────────
+ function openChat() {
+ isOpen = true;
+ $window.classList.remove('ab-hidden');
+ $bubble.style.display = 'none';
+ if (!sessionId) initSession();
+ else $input.focus();
+ }
+
+ function closeChat() {
+ isOpen = false;
+ $window.classList.add('ab-hidden');
+ $bubble.style.display = '';
+ }
+
+ $bubble.addEventListener('click', openChat);
+ $close.addEventListener('click', closeChat);
+
+ // ── Session init ──────────────────────────────────────────────
+ async function initSession() {
+ try {
+ const res = await apiPost('/chat/session', {}, { 'X-Subscription-Token': CONFIG.token });
+ sessionId = res.session_id;
+ books = res.books || [];
+ $botName.textContent = res.bot_name || 'Book Advisor';
+ addBotMessage(res.welcome_message || 'Hi! How can I help you today?', [], null);
+ if (res.show_book_selector && books.length > 1) {
+ addBotMessage("Which book are you curious about?", [], books);
+ }
+ $input.focus();
+ } catch (e) {
+ addBotMessage("Sorry, I'm having trouble starting. Please refresh and try again.", [], null);
+ }
+ }
+
+ // ── Send message ──────────────────────────────────────────────
+ async function sendMessage() {
+ const text = $input.value.trim();
+ if (!text || isLoading || !sessionId) return;
+
+ addUserMessage(text);
+ $input.value = '';
+ resizeInput();
+
+ const typingEl = addTypingIndicator();
+ isLoading = true;
+ $send.disabled = true;
+ turnCount++;
+
+ try {
+ const res = await apiPost('/chat/chat', {
+ session_id: sessionId,
+ message: text,
+ selected_book_id: selectedBookId,
+ }, { 'X-Subscription-Token': CONFIG.token });
+
+ typingEl.remove();
+ addBotMessage(res.text, res.links || [], res.book_selector || null);
+ } catch (e) {
+ typingEl.remove();
+ addBotMessage("Sorry, something went wrong. Please try again.", [], null);
+ } finally {
+ isLoading = false;
+ $send.disabled = false;
+ $input.focus();
+ }
+ }
+
+ // ── Message rendering ─────────────────────────────────────────
+ function addUserMessage(text) {
+ const el = document.createElement('div');
+ el.className = 'ab-msg ab-user';
+ el.innerHTML = `
`;
+ $messages.appendChild(el);
+ scrollToBottom();
+ }
+
+ function addBotMessage(text, links, bookSelector) {
+ const el = document.createElement('div');
+ el.className = 'ab-msg ab-bot';
+
+ let html = `
`;
+ }
+
+ el.innerHTML = html;
+
+ // Book selection handler
+ el.querySelectorAll('.ab-book-btn').forEach(btn => {
+ btn.addEventListener('click', () => {
+ const bookId = btn.getAttribute('data-book-id');
+ selectedBookId = bookId;
+ const book = bookSelector.find(b => b.id === bookId);
+ addUserMessage(`Tell me about "${book?.title}"`);
+ apiPost('/chat/chat', {
+ session_id: sessionId,
+ message: `Tell me about "${book?.title}"`,
+ selected_book_id: bookId,
+ }, { 'X-Subscription-Token': CONFIG.token }).then(res => {
+ addBotMessage(res.text, res.links || [], null);
+ });
+ // Disable all book buttons after selection
+ el.querySelectorAll('.ab-book-btn').forEach(b => b.style.opacity = '0.4');
+ btn.style.opacity = '1'; btn.style.borderColor = T.brand;
+ });
+ });
+
+ // Link click tracking
+ el.querySelectorAll('.ab-link-btn').forEach(a => {
+ a.addEventListener('click', () => {
+ try {
+ apiPost('/chat/track-click', {
+ session_id: sessionId,
+ link_type: a.getAttribute('data-type'),
+ }, { 'X-Subscription-Token': CONFIG.token }).catch(() => {});
+ } catch {}
+ });
+ });
+
+ $messages.appendChild(el);
+ scrollToBottom();
+ }
+
+ function addTypingIndicator() {
+ const el = document.createElement('div');
+ el.className = 'ab-msg ab-bot';
+ el.innerHTML = `
`;
+ $messages.appendChild(el);
+ scrollToBottom();
+ return el;
+ }
+
+ // ── Input handling ─────────────────────────────────────────────
+ function resizeInput() {
+ $input.style.height = 'auto';
+ $input.style.height = Math.min($input.scrollHeight, 100) + 'px';
+ }
+
+ $input.addEventListener('input', resizeInput);
+ $input.addEventListener('keydown', e => {
+ if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(); }
+ });
+ $send.addEventListener('click', sendMessage);
+
+ // ── Utilities ──────────────────────────────────────────────────
+ function scrollToBottom() {
+ requestAnimationFrame(() => {
+ $messages.scrollTop = $messages.scrollHeight;
+ });
+ }
+
+ function escHtml(str) {
+ return String(str || '').replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"').replace(/'/g,''');
+ }
+
+ function escAttr(str) {
+ return String(str || '').replace(/"/g, '"');
+ }
+
+ async function apiPost(path, body, headers) {
+ const base = CONFIG.apiBase || 'https://api.authorbot.io/api/v1';
+ const res = await fetch(`${base}${path}`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json', ...headers },
+ body: JSON.stringify(body),
+ });
+ if (!res.ok) throw new Error(`HTTP ${res.status}`);
+ return res.json();
+ }
+
+ // ── Auto-open ──────────────────────────────────────────────────
+ if (CONFIG.autoOpenDelay > 0) {
+ setTimeout(openChat, CONFIG.autoOpenDelay * 1000);
+ }
+
+ // ── Expose to window for programmatic control ──────────────────
+ window.AuthorBot = {
+ open: openChat,
+ close: closeChat,
+ toggle: () => isOpen ? closeChat() : openChat(),
+ };
+
+})();