/* ------------------------------------------------------------------ */ /* Support-ticket option in the page feedback toolbar */ /* */ /* Adds a third option — "Create a support ticket" — next to */ /* Mintlify's built-in "Suggest edits" and "Raise issue" buttons. */ /* */ /* Both built-in buttons are hard-wired to the GitHub repo and are */ /* not configurable (docs.json has no feedback settings; the toggles */ /* live in the Mintlify dashboard), so readers without a GitHub */ /* account have no way to report a docs problem. This adds that path */ /* client-side. Mintlify loads every .js file in the content */ /* directory on every page: */ /* https://www.mintlify.com/docs/customize/custom-scripts */ /* ------------------------------------------------------------------ */ (function initFeedbackSupportLink() { try { if (window.__ccFeedbackSupportLinkInitialized__) return; window.__ccFeedbackSupportLinkInitialized__ = true; } catch (_) {} const SUPPORT_URL = 'https://help.cometchat.com/hc/en-us/requests/new'; const LINK_ID = 'feedback-support-ticket'; const LABEL = 'Create a support ticket'; // Matches the 18x18 outline icons Mintlify uses for the sibling buttons. const ICON = [ '' ].join(''); function buildLink(styleSource) { const link = document.createElement('a'); link.id = LINK_ID; // Inherit the sibling's classes so the button keeps matching the // theme (including dark mode) even if Mintlify restyles the toolbar. if (styleSource) { link.className = styleSource.className; } link.href = SUPPORT_URL; link.target = '_blank'; link.rel = 'noopener noreferrer'; link.innerHTML = ICON + '' + LABEL + ''; return link; } function inject() { const toolbar = document.querySelector('.feedback-toolbar'); if (!toolbar || toolbar.querySelector('#' + LINK_ID)) return; const githubLinks = toolbar.querySelectorAll('a[href*="github.com"]'); const lastGithubLink = githubLinks[githubLinks.length - 1]; if (lastGithubLink && lastGithubLink.parentElement) { lastGithubLink.parentElement.appendChild(buildLink(lastGithubLink)); return; } // Fallback: "Suggest edits" and "Raise issue" are switched off in the // Mintlify dashboard, so there is no link row to append to. Build one // alongside the thumbs buttons. const thumbsDown = toolbar.querySelector('#feedback-thumbs-down'); if (!thumbsDown || !thumbsDown.parentElement || !thumbsDown.parentElement.parentElement) return; const row = document.createElement('div'); row.className = 'flex gap-3'; row.appendChild(buildLink(thumbsDown)); thumbsDown.parentElement.parentElement.appendChild(row); } let pending = false; function schedule() { if (pending) return; pending = true; setTimeout(function () { pending = false; try { inject(); } catch (_) {} }, 100); } schedule(); // The docs are a single-page app: the toolbar is re-rendered on every // client-side navigation, so re-inject whenever the DOM changes. if (document.body) { new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true }); } })();