// Guard: only initialise Crisp once across SPA navigations if (!window._lmlCrispInit) { window._lmlCrispInit = true; // ── Pre-chat verification form ──────────────────────────── // Bots will not bother completing this, so it filters spam. // The real Crisp widget stays hidden until the form is submitted. function _lmlBuildPreChat() { // Floating chat button (appears after 30s delay) var btn = document.createElement("div"); btn.id = "lml-prechat-btn"; btn.setAttribute("aria-label", "Open chat"); btn.innerHTML = ''; btn.style.cssText = "position:fixed;bottom:20px;right:20px;z-index:99999;width:56px;height:56px;border-radius:50%;background:#4B45DC;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.25);transition:transform 0.2s;"; btn.onmouseenter = function(){ btn.style.transform="scale(1.1)"; }; btn.onmouseleave = function(){ btn.style.transform="scale(1)"; }; // Form overlay var overlay = document.createElement("div"); overlay.id = "lml-prechat-overlay"; overlay.style.cssText = "display:none;position:fixed;bottom:88px;right:20px;z-index:100000;width:340px;background:white;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.18);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;"; overlay.innerHTML = '

' + '

' + 'Chat with Countloyal' + '×' + '

' + '

Before we begin, tell us a little about yourself.

' + '

' + 'Your name' + '' + 'What brings you here today?' + '

' + '' + '' + '' + '' + '' + '

' + '' + '

'; document.body.appendChild(btn); document.body.appendChild(overlay); var selectedVal = ""; // Toggle overlay on button click btn.addEventListener("click", function() { var vis = overlay.style.display === "none"; overlay.style.display = vis ? "block" : "none"; }); // Close button document.getElementById("lml-prechat-close").addEventListener("click", function() { overlay.style.display = "none"; }); // Option selection -> submit var opts = overlay.querySelectorAll(".lml-opt"); opts.forEach(function(o) { o.addEventListener("mouseenter", function() { o.style.borderColor="#4B45DC"; o.style.background="#f6f5ff"; }); o.addEventListener("mouseleave", function() { if(o.dataset.val!==selectedVal){ o.style.borderColor="#ddd"; o.style.background="white"; } }); o.addEventListener("click", function() { selectedVal = o.dataset.val; // Highlight selected opts.forEach(function(x){ x.style.borderColor="#ddd"; x.style.background="white"; }); o.style.borderColor="#4B45DC"; o.style.background="#f6f5ff"; // Submit after brief visual feedback setTimeout(function() { var name = (document.getElementById("lml-prechat-name").value || "").trim(); // Remove pre-chat UI btn.remove(); overlay.remove(); // Load the real Crisp widget _lmlLoadCrisp(name, selectedVal); }, 300); }); }); } // ── Crisp loader (called after pre-chat form is completed) ── function _lmlLoadCrisp(userName, userIntent) { window.$crisp=[]; window.CRISP_WEBSITE_ID="4e1f5387-4fe8-4cc3-9497-64fb5edd1218"; window.CRISP_RUNTIME_CONFIG = { locale: "en", session_merge: true }; window.$crisp.push(["safe", true]); window.$crisp.push(["config", "user:email", [""]]); // Set name if provided if (userName) { window.$crisp.push(["set", "user:nickname", [userName]]); } // Store intent as session data for the AI webhook window.$crisp.push(["set", "session:data", [[["intent", userIntent]]]]); (function(){ var d=document; var s=d.createElement("script"); s.src="https://client.crisp.chat/l.js"; s.async=1; d.getElementsByTagName("head")[0].appendChild(s); })(); // Welcome message referencing their intent // Guard: _lmlGreetingSent prevents re-firing on reconnect/SPA nav // (session:ongoing only becomes true after a human operator replies, // so it alone is not sufficient to deduplicate bot greetings) window.$crisp.push(["on", "session:loaded", function() { try { if (!window.$crisp.is("session:ongoing") && !window._lmlGreetingSent) { window._lmlGreetingSent = true; setTimeout(function() { try { var greeting = userName ? ("Greetings, " + userName + "!") : "Greetings, noble visitor!"; window.$crisp.push(["do", "message:show", ["text", greeting + " I am Countloyal. You mentioned: \"" + userIntent + "\". How can I help?"]]); } catch(e) {} }, 1500); } } catch(e) {} }]); // Auto-open the chat box window.$crisp.push(["on", "session:loaded", function() { try { window.$crisp.push(["do", "chat:open"]); } catch(e) {} }]); } // ── 30-second delay before showing any chat UI ────────── setTimeout(function() { _lmlBuildPreChat(); }, 30000); }