' + '

' + heading + '

' + '

Your feedback helps us improve our documentation.

' + '' + '

0 / 500

' + '

' + '' + '' + '

'; backdrop.appendChild(modal); document.body.appendChild(backdrop); setTimeout(function () { var ta = document.getElementById('maia-fb-textarea'); if (ta) ta.focus(); }, 80); var taEl = document.getElementById('maia-fb-textarea'); var countEl = document.getElementById('maia-fb-charcount'); if (taEl && countEl) { taEl.addEventListener('input', function () { var len = taEl.value.length; countEl.textContent = len + ' / 500'; countEl.className = len >= 500 ? 'at-limit' : len >= 400 ? 'near-limit' : ''; }); } function closeModal() { if (backdrop.parentNode) backdrop.parentNode.removeChild(backdrop); modalOpen = false; } function submitFeedback() { var text = taEl ? taEl.value.trim() : ''; var payload = { sentiment: sentiment, text: text || '(no text provided)', page_path: window.location.pathname, page_title: document.title, timestamp: new Date().toISOString(), }; // Fire GA4 custom event if (typeof gtag === 'function') { gtag('event', 'docs_written_feedback', { feedback_sentiment: payload.sentiment, feedback_text: payload.text, page_path: payload.page_path, page_title: payload.page_title, }); } // Send to Google Sheets via Apps Script web app. if (SHEETS_ENDPOINT) { fetch(SHEETS_ENDPOINT, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'text/plain' }, body: JSON.stringify(payload), }).catch(function () {}); } // Show thank-you state — clear all existing content then render centered icon + message while (modal.firstChild) modal.removeChild(modal.firstChild); var thanks = document.createElement('div'); thanks.id = 'maia-fb-thanks'; thanks.innerHTML = '

' + '

Thanks for your feedback!

'; modal.appendChild(thanks); setTimeout(closeModal, 1600); } document.getElementById('maia-fb-cancel').addEventListener('click', closeModal); document.getElementById('maia-fb-submit').addEventListener('click', submitFeedback); backdrop.addEventListener('click', function (e) { if (e.target === backdrop) closeModal(); }); function onKeydown(e) { if (e.key === 'Escape') { closeModal(); document.removeEventListener('keydown', onKeydown); } } document.addEventListener('keydown', onKeydown); } // ── Button detection ────────────────────────────────────────────────────── // Detection is anchored to the "Was this page helpful?" text node. If that // text is not on the page, no listeners are attached — this prevents // accidentally matching unrelated buttons (navbar search, theme toggle, etc.) // on pages without a feedback widget. function findFeedbackButtons() { var result = { up: null, down: null }; // Find the anchor text — must exist on the page var walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false); var textNode = null; var node; while ((node = walker.nextNode())) { if (/was this page helpful/i.test(node.textContent)) { textNode = node; break; } } if (!textNode) return result; // Walk up at most 3 ancestors looking for a container with 2–4 SVG buttons. // A real feedback section has exactly 2; capping at 4 rules out navbars, // which typically hold 5+ icon buttons. var el = textNode.parentElement; for (var i = 0; i < 3; i++) { if (!el) break; var btns = Array.from(el.querySelectorAll('button')).filter(function (b) { return b.querySelector('svg'); }); if (btns.length >= 2 && btns.length <= 4) { // Prefer aria-label semantics; fall back to position (first = up, second = down) var upBtn = btns.find(function (b) { var label = (b.getAttribute('aria-label') || '').toLowerCase(); return label.indexOf('up') !== -1 || label.indexOf('like') !== -1 || label.indexOf('helpful') === 0; }); var downBtn = btns.find(function (b) { var label = (b.getAttribute('aria-label') || '').toLowerCase(); return label.indexOf('down') !== -1 || label.indexOf('dislike') !== -1 || label.indexOf('not helpful') !== -1; }); result.up = upBtn || btns[0]; result.down = downBtn || btns[1]; return result; } el = el.parentElement; } return result; } function attachListeners() { var found = findFeedbackButtons(); function attach(btn, sentiment) { if (!btn || btn.dataset.maiaFb) return; btn.dataset.maiaFb = sentiment; btn.addEventListener('click', function () { // Small delay so Mintlify's own handler runs first setTimeout(function () { showModal(sentiment); }, 350); }); } attach(found.up, 'positive'); attach(found.down, 'negative'); } // ── MutationObserver (handles SPA navigation re-renders) ────────────────── var debounceTimer = null; var observer = new MutationObserver(function () { clearTimeout(debounceTimer); debounceTimer = setTimeout(attachListeners, 400); }); function startObserving() { if (document.body) { observer.observe(document.body, { childList: true, subtree: true }); attachListeners(); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { setTimeout(startObserving, 800); }); } else { setTimeout(startObserving, 800); } // Re-attach on Next.js/Mintlify client-side route changes window.addEventListener('popstate', function () { setTimeout(attachListeners, 600); }); })();

Documentation Index

​Properties

Properties