// Pylon support chat, ported from hightouchio/docs (src/components/vendor/pylon.tsx). // // Signed-in Hightouch users get the Pylon widget, identified through the // Hightouch API. Everyone else gets a dialog pointing them to sign in or email. // Open chat from anywhere with `window.openPylon(message)` or a link to // `#pylon-chat` (optionally with `data-pylon-message`). Links that can't carry // attributes, like docs.json footer links, use a hash from CHAT_LINKS instead. (function () { if (window.openPylon) return; var APP_ID = "b0c8b88e-467f-4657-b56a-00ed3e451a01"; var API_URL = "https://api.hightouch.com/api/v1/graphql"; var DEFAULT_MESSAGE = "Hello, I have a question!"; // Link hash -> pre-filled message. var CHAT_LINKS = { "#pylon-chat": DEFAULT_MESSAGE, "#pylon-feature-request": "Hello, I have a feature request!", }; var identified = false; // Pylon's install snippet (https://docs.usepylon.com/chat/setup): queue calls // until the widget script loads. function loadWidget() { if (window.Pylon) return; var queue = function () { queue.q.push(arguments); }; queue.q = []; window.Pylon = queue; var script = document.createElement("script"); script.async = true; script.src = "https://widget.usepylon.com/widget/" + APP_ID; document.head.appendChild(script); } // The API reads the Hightouch session cookie. It only allows hightouch.com // origins (and localhost), so this is a no-op on Mintlify preview URLs. function identify() { return fetch(API_URL, { method: "POST", credentials: "include", headers: { "content-type": "application/json", "x-hasura-role": "user" }, body: JSON.stringify({ query: "{ getCurrentUserV2 { id email name pylon_email_hash } }", }), }) .then(function (response) { return response.ok ? response.json() : null; }) .then(function (result) { var user = result && result.data && result.data.getCurrentUserV2; if (!user || !user.pylon_email_hash) return; window.pylon = { chat_settings: { app_id: APP_ID, name: user.name, email: user.email, user_id: user.id, email_hash: user.pylon_email_hash, }, }; identified = true; loadWidget(); }) .catch(function () {}); } var fallback; function showFallback() { if (!fallback) { fallback = document.createElement("dialog"); fallback.className = "pylon-fallback"; fallback.innerHTML = "

Get in touch!

" + '

' + ''; fallback.addEventListener("click", function (event) { if (event.target === fallback) fallback.close(); }); document.body.appendChild(fallback); } fallback.showModal(); } window.openPylon = function (message) { if (!identified) { showFallback(); return false; } window.Pylon("showNewMessage", message || DEFAULT_MESSAGE); return true; }; document.addEventListener("click", function (event) { var link = event.target.closest && event.target.closest("a[href]"); if (!link || !CHAT_LINKS.hasOwnProperty(link.hash)) return; event.preventDefault(); window.openPylon(link.getAttribute("data-pylon-message") || CHAT_LINKS[link.hash]); }); identify(); })();