// For local development // const API_BASE = 'https://api.backend.pdftest.co'; const API_BASE = 'https://api.backend.pdf.co'; // const LOGIN_URL = 'https://app.pdftest.co/login'; const LOGIN_URL = 'https://app.pdf.co/login'; const INTERCOM_APP_ID = 'scdmuj33'; let pdfcoDocumentClickHandler = null; let pdfcoDocumentKeydownHandler = null; let pdfcoUiObserver = null; let pdfcoIntercomBooted = false; let pdfcoIntercomUserId = null; let pdfcoLastUrl = typeof location !== 'undefined' && location.href ? location.href : ''; function ensureIntercomLoaded() { try { if (window.Intercom && typeof window.Intercom === 'function') return true; (function () { var w = window; var ic = w.Intercom; if (typeof ic === 'function') { ic('reattach_activator'); ic('update', w.intercomSettings); } else { var d = document; var i = function () { i.c(arguments); }; i.q = []; i.c = function (args) { i.q.push(args); }; w.Intercom = i; var l = function () { var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.intercom.io/widget/' + INTERCOM_APP_ID; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); }; if (document.readyState === 'complete') { l(); } else if (w.attachEvent) { w.attachEvent('onload', l); } else { w.addEventListener('load', l, false); } } })(); return true; } catch (error) { console.error('Intercom ensure loaded error', error); return false; } } function shutdownIntercom() { if (window.Intercom && pdfcoIntercomBooted) { window.Intercom('shutdown'); pdfcoIntercomBooted = false; pdfcoIntercomUserId = null; } } function bootVisitorIntercom() { if (!ensureIntercomLoaded()) return; try { if (pdfcoIntercomBooted && pdfcoIntercomUserId === null) { window.Intercom('update'); return; } shutdownIntercom(); const settings = { api_base: 'https://api-iam.intercom.io', app_id: INTERCOM_APP_ID, }; window.intercomSettings = settings; window.Intercom('boot', settings); pdfcoIntercomBooted = true; pdfcoIntercomUserId = null; } catch (error) { console.error('Intercom boot visitor error', error); } } function bootAuthenticatedIntercom(userData) { if (!ensureIntercomLoaded()) return; try { const id = userData && userData.id ? String(userData.id) : undefined; const name = (userData && userData.name) || undefined; const email = (userData && userData.email) || undefined; const jwt = (userData && userData.intercom_jwt) || undefined; const settings = { api_base: 'https://api-iam.intercom.io', app_id: INTERCOM_APP_ID, user_id: id, name, email, intercom_user_jwt: jwt, }; if (pdfcoIntercomBooted && pdfcoIntercomUserId === settings.user_id) { window.Intercom('update', settings); return; } shutdownIntercom(); window.intercomSettings = settings; window.Intercom('boot', settings); pdfcoIntercomBooted = true; pdfcoIntercomUserId = settings.user_id || null; } catch (error) { console.error('Intercom boot authenticated error', error); } } function cleanupGlobalHandlers() { if (pdfcoDocumentClickHandler) { document.removeEventListener('click', pdfcoDocumentClickHandler); pdfcoDocumentClickHandler = null; } if (pdfcoDocumentKeydownHandler) { document.removeEventListener('keydown', pdfcoDocumentKeydownHandler); pdfcoDocumentKeydownHandler = null; } } function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) { return decodeURIComponent(parts.pop().split(';').shift()); } return null; } function addSharedStyles() { if (document.getElementById('pdfco-shared-styles')) return; const sharedStyles = ` `; document.head.insertAdjacentHTML('beforeend', sharedStyles); } function addLoggedOutUi() { cleanupGlobalHandlers(); const toggle = document.querySelector( 'button[aria-label="Toggle dark mode"]' ); if (!toggle) return; if (document.getElementById('pdfco-logged-out-nav')) return; const loggedOutNav = `

`; toggle.insertAdjacentHTML('beforebegin', loggedOutNav); disableApiTesterInteractions(); bootVisitorIntercom(); return; } function disableApiTesterInteractions() { const tryItButton = document.querySelector( '[data-testid="try-it-button"], .tryit-button, [class*="tryit-button"]' ); if (!tryItButton) return; tryItButton.disabled = true; const container = tryItButton.closest('[data-testid="api-playground-modal"]') || tryItButton.parentElement; if (!container) return; const cs = window.getComputedStyle(container); if (cs && cs.position === 'static') { container.style.position = 'relative'; } let msg = container.querySelector('#tryit-login-msg'); if (!msg) { msg = document.createElement('div'); msg.id = 'tryit-login-msg'; container.appendChild(msg); } msg.style.position = 'absolute'; msg.style.fontSize = '14px'; msg.style.lineHeight = '20px'; msg.style.color = 'inherit'; msg.style.fontWeight = '500'; msg.style.zIndex = '10'; msg.style.left = '0'; msg.style.top = 'calc(100% + 16px)'; msg.innerHTML = `Please login to test the API`; } function addLoggedInFlow(userData) { cleanupGlobalHandlers(); bootAuthenticatedIntercom(userData); const { name = '', credits = 0, credits_subscription = 0 } = userData || {}; const firstLetter = (name || 'U').charAt(0).toUpperCase(); const displayedCredits = ( (credits || 0) + (credits_subscription || 0) ).toLocaleString('en-US'); const toggle = document.querySelector( 'button[aria-label="Toggle dark mode"]' ); if (!toggle) return; if (document.getElementById('pdfco-logged-in-nav')) return; const loggedInNav = `

Dashboard

`; toggle.insertAdjacentHTML('beforebegin', loggedInNav); const profileBtn = document.getElementById('pdfco-custom-profile-btn'); const firstFocusEl = document.getElementById( 'pdfco-custom-profile-info-credits-add-more' ); if (!profileBtn) return; const profileMenuEl = document.getElementById('pdfco-custom-profile-menu'); if (profileMenuEl) { profileMenuEl.addEventListener('click', (e) => { e.stopPropagation(); }); } profileBtn.addEventListener('click', (e) => { e.stopPropagation(); const willOpen = !profileBtn.classList.contains('open'); profileBtn.classList.toggle('open'); profileBtn.setAttribute('aria-expanded', willOpen ? 'true' : 'false'); if (willOpen && firstFocusEl) { setTimeout(() => { firstFocusEl.focus(); }, 0); } }); if (pdfcoDocumentClickHandler) { document.removeEventListener('click', pdfcoDocumentClickHandler); } pdfcoDocumentClickHandler = (e) => { if (!profileBtn.contains(e.target)) { profileBtn.classList.remove('open'); profileBtn.setAttribute('aria-expanded', 'false'); } }; document.addEventListener('click', pdfcoDocumentClickHandler); if (pdfcoDocumentKeydownHandler) { document.removeEventListener('keydown', pdfcoDocumentKeydownHandler); } pdfcoDocumentKeydownHandler = (e) => { if (e.key === 'Escape') { profileBtn.classList.remove('open'); profileBtn.setAttribute('aria-expanded', 'false'); } }; document.addEventListener('keydown', pdfcoDocumentKeydownHandler); return; } async function bootLoginFlow() { let token = null; try { token = getCookie('token'); } catch (error) { console.error('cookie access error', error); } addSharedStyles(); if (!token) { addLoggedOutUi(); return; } try { const response = await fetch(`${API_BASE}/api/v1/user`, { headers: { Authorization: `Bearer ${token}`, }, }); if (!response || !response.ok) { throw new Error('Failed to fetch user'); } const userData = await response.json().catch(() => null); if (!userData) { throw new Error('Failed to parse user data'); } addLoggedInFlow(userData.data); return; } catch (error) { console.error('Error fetching user:', error); addLoggedOutUi(); return; } } function bootLoginFlowIfNeeded() { const hasUserNav = !!( document.getElementById('pdfco-logged-in-nav') || document.getElementById('pdfco-logged-out-nav') ); if (!hasUserNav) { bootLoginFlow(); } } function ensureSpaReinit() { if (ensureSpaReinit._initialized) return; ensureSpaReinit._initialized = true; if (!pdfcoUiObserver && window.MutationObserver) { pdfcoUiObserver = new MutationObserver(() => { const toggle = document.querySelector( 'button[aria-label="Toggle dark mode"]' ); if (toggle) { bootLoginFlowIfNeeded(); } const href = location.href; if (href !== pdfcoLastUrl) { pdfcoLastUrl = href; if (window.Intercom) { window.Intercom('update'); } } }); const startObserving = () => { if (!document.body) return; pdfcoUiObserver.observe(document.body, { childList: true, subtree: true, }); }; if (document.body) { startObserving(); } else { document.addEventListener('DOMContentLoaded', startObserving, { once: true, }); } } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', bootLoginFlow); } else { bootLoginFlow(); } ensureSpaReinit();

Documentation Index

​Pabbly Connect and PDF.co integration

​How to Fill a PDF Form

Pabbly Connect and PDF.co integration

How to Fill a PDF Form