/** * Merges Mintlify navbar "Try Sandbox" + "Login" into one Sandbox dropdown (matches product design). * Loaded from site-wide banner (docs.json → banner.content) so every page runs without Mintlify navbar dropdown support. */ (function () { var REGISTER = 'https://pay.gate.com/sandbox/pay-merchant?tab=register'; var LOGIN = 'https://pay.gate.com/sandbox/pay-merchant?tab=login'; function isZhLocale() { var p = window.location.pathname || ''; if (/\/cn(\/|$)/i.test(p)) return true; if (/\/zh(\-|Hans|Hant)?(\/|$)/i.test(p)) return true; var lng = ((document.documentElement && document.documentElement.getAttribute('lang')) || '').toLowerCase(); return /^zh/i.test(lng); } function strings() { return isZhLocale() ? { regTitle: '一键注册', regSub: '邮箱即可创建沙箱商户', logTitle: '登录', logSub: '已有账号，进入商户后台', btnMain: 'Sandbox', btnTry: '体验 Sandbox', } : { regTitle: 'One-click registration', regSub: 'Create a sandbox merchant with just an email', logTitle: 'Login', logSub: 'Already have an account — open the merchant portal', btnMain: 'Sandbox', btnTry: 'Try Sandbox', }; } function injectCss() { if (document.getElementById('gatepay-sandbox-dd-styles')) return; var s = document.createElement('style'); s.id = 'gatepay-sandbox-dd-styles'; s.textContent = '.gatepay-sb-wrap{position:relative;display:inline-flex;align-items:stretch;font-family:inherit;}' + '.gatepay-sb-trigger{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:8px;cursor:pointer;' + 'background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;font-size:13px;font-weight:600;border:none;font-family:inherit;' + 'box-shadow:0 1px 2px rgba(34,197,94,.3);}' + '.gatepay-sb-trigger:hover{filter:brightness(1.06);}' + '.gatepay-sb-dot{width:6px;height:6px;border-radius:50%;background:#fff;' + 'box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:gatepay-sb-pulse 1.8s infinite;}' + '@keyframes gatepay-sb-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 6px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}' + '.gatepay-sb-chev{opacity:.95;flex-shrink:0}' + '.gatepay-sb-menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border:1px solid #e4e4e7;' + 'border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.1);padding:6px;display:none;z-index:200;}' + '.gatepay-sb-menu.open{display:block;}' + '.gatepay-sb-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#18181b;}' + '.gatepay-sb-item:hover{background:#fafafa;}' + '.gatepay-sb-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}' + '.gatepay-sb-t{font-size:13.5px;font-weight:600;}' + '.gatepay-sb-s{font-size:11.5px;color:#71717a;margin-top:1px;line-height:1.4;}'; document.head.appendChild(s); } /** * Do NOT use offsetParent: links inside sticky/fixed headers often report offsetParent === null, * which incorrectly skipped Mintlify navbar anchors and prevented the dropdown from mounting. */ function isUsableNavbarAnchor(a) { if (!a || !a.getAttribute) return false; if (a.hasAttribute('data-gatepay-sb-replaced')) return false; if (a.closest('.gatepay-sb-wrap')) return false; var st = getComputedStyle(a); if (st.display === 'none' || st.visibility === 'hidden' || Number(st.opacity) === 0) return false; return true; } /** * Palm renders the DOC TITLE as

(page H1 region), NOT the sticky top nav. * querySelector("header") therefore grabs the WRONG subtree and misses pay-merchant links — mount never runs. * Scope to the real navbar

that wraps Mintlify CTAs (#topbar-cta-button). */ function headerScope() { var ctaLi = document.getElementById('topbar-cta-button'); if (ctaLi) { var nav = ctaLi.closest('nav'); if (nav) return nav; } var loginGuess = document.querySelector('li.navbar-link a[href*="sandbox/pay-merchant"], li.navbar-link a[href*="pay.gate.com/sandbox/pay-merchant"]'); if (loginGuess) { var nav2 = loginGuess.closest('nav'); if (nav2) return nav2; } return document.body; } /** Merge Palm theme mobile + desktop “Try Sandbox” links (same href, two lis). */ function sandboxMerchantTab(a) { if (!a) return ''; var h = a.href || ''; var raw = a.getAttribute('href') || ''; if (h.indexOf('sandbox/pay-merchant') === -1 && raw.indexOf('sandbox/pay-merchant') === -1) return ''; if (/tab=register/i.test(h) || /tab=register/i.test(raw)) return 'register'; if (/tab=login/i.test(h) || /tab=login/i.test(raw)) return 'login'; return ''; } /** Pick one anchor per tab so hide/insert stays stable (prefer visibly usable). */ function findAnchors(scope) { var all = scope.querySelectorAll('a[href]'); var regs = []; var logins = []; for (var i = 0; i < all.length; i++) { var a = all[i]; if (!isUsableNavbarAnchor(a)) continue; var tab = sandboxMerchantTab(a); if (tab === 'register') regs.push(a); else if (tab === 'login') logins.push(a); } return { reg: regs[regs.length - 1] || null, login: logins[0] || null, allRegisterAnchors: regs }; } function hideLiContaining(node) { if (!node) return; node.setAttribute('data-gatepay-sb-replaced', '1'); var li = node.closest('li'); if (li) li.style.setProperty('display', 'none', 'important'); else node.style.setProperty('display', 'none', 'important'); } function mount() { if (document.querySelector('.gatepay-sb-wrap')) return; var scope = headerScope(); var found = findAnchors(scope); var reg = found.reg; var login = found.login; var allRegs = found.allRegisterAnchors || []; if (!reg || !login) return; injectCss(); var L = strings(); /* Palm puts desktop CTA inside #topbar-cta-button li; inserting there then hiding that li collapses our dropdown — mount before Login li inside the nav ul instead. */ var loginLi = login.closest('li'); var navUl = (loginLi && loginLi.parentElement) || reg.closest('ul'); if (!navUl || !loginLi || navUl.tagName.toLowerCase() !== 'ul') return; var liShell = document.createElement('li'); liShell.className = 'flex items-center list-none'; var wrap = document.createElement('div'); wrap.className = 'gatepay-sb-wrap'; wrap.innerHTML = '' + ''; liShell.appendChild(wrap); navUl.insertBefore(liShell, loginLi); hideLiContaining(login); for (var r = 0; r < allRegs.length; r++) hideLiContaining(allRegs[r]); var btn = wrap.querySelector('.gatepay-sb-trigger'); var menu = wrap.querySelector('.gatepay-sb-menu'); function close() { menu.classList.remove('open'); btn.setAttribute('aria-expanded', 'false'); } btn.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); var open = !menu.classList.contains('open'); if (open) { menu.classList.add('open'); btn.setAttribute('aria-expanded', 'true'); } else close(); }); document.addEventListener('click', function (ev) { if (!wrap.contains(ev.target)) close(); }); document.addEventListener('keydown', function (ev) { if (ev.key === 'Escape') close(); }); menu.querySelectorAll('a').forEach(function (a) { a.addEventListener('click', close); }); } function schedule() { try { mount(); } catch (e) {} } var debounced; function scheduleDebounced() { clearTimeout(debounced); debounced = setTimeout(schedule, 50); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', schedule); } else { schedule(); } window.addEventListener('popstate', scheduleDebounced); if (document.documentElement && window.MutationObserver) { var mo = new MutationObserver(scheduleDebounced); mo.observe(document.documentElement, { childList: true, subtree: true }); } })();

​Overview

Overview