Chat'; document.body.appendChild(button); syncDesktopToastWithChat(); var overlay = document.createElement("div"); overlay.id = "fua-telegram-support-overlay"; overlay.className = "fua-telegram-support-overlay"; overlay.innerHTML = [ '' ].join(""); document.body.appendChild(overlay); var form = overlay.querySelector("form"); var close = overlay.querySelector(".fua-telegram-support-close"); var submitButtons = overlay.querySelectorAll(".fua-telegram-support-submit"); var status = overlay.querySelector(".fua-telegram-support-status"); var helper = overlay.querySelector("[data-support-helper]"); var details = overlay.querySelector(".fua-telegram-support-details"); var detailControls = details ? details.querySelectorAll("input, button") : []; var countryPicker = overlay.querySelector(".fua-telegram-support-country-picker"); var countryButton = overlay.querySelector(".fua-telegram-support-country-button"); var countrySearch = overlay.querySelector(".fua-telegram-support-country-search"); var countryList = overlay.querySelector(".fua-telegram-support-country-list"); var countryValue = overlay.querySelector("input[name='phoneCountryCode']"); var countryFlag = overlay.querySelector(".fua-telegram-support-country-flag"); var countryCode = overlay.querySelector(".fua-telegram-support-country-code"); function selectCountry(country) { if (!country) return; if (countryValue) { countryValue.value = "+" + country.dial; countryValue.dataset.countryLabel = country.name; } if (countryFlag) { countryFlag.src = "https://flagcdn.com/w40/" + country.code + ".png"; countryFlag.alt = country.name; } if (countryCode) countryCode.textContent = "+" + country.dial; if (countryPicker) countryPicker.classList.remove("is-open"); if (countryButton) countryButton.setAttribute("aria-expanded", "false"); } function renderCountryList(filter) { if (!countryList) return; var query = String(filter || "").toLowerCase(); countryList.innerHTML = ""; supportCountries .filter(function (country) { return country.name.toLowerCase().indexOf(query) !== -1 || country.dial.indexOf(query) !== -1; }) .forEach(function (country) { var option = document.createElement("button"); option.className = "fua-telegram-support-country-option"; option.type = "button"; option.innerHTML = '

' + country.name + '+' + country.dial + ''; option.addEventListener("click", function () { selectCountry(country); }); countryList.appendChild(option); }); } selectCountry(supportCountries.find(function (country) { return country.code === "ng"; }) || supportCountries[0]); function getSavedLead() { try { var saved = JSON.parse(window.localStorage.getItem(storageKey) || "null"); if (!saved || !saved.name || !saved.email || !saved.phoneE164) return null; return saved; } catch (_) { return null; } } function saveLeadProfile(profile) { try { window.localStorage.setItem(storageKey, JSON.stringify(profile)); } catch (_) {} } function setDetailsVisible(visible) { if (!details) return; details.hidden = !visible; if (form) form.classList.toggle("is-chat-ready", !visible); detailControls.forEach(function (control) { control.disabled = !visible; }); if (helper) helper.textContent = visible ? "Kindly enter your details first." : "Choose where to chat."; } syncLeadMode = function () { var savedLead = getSavedLead(); var emailChoice = form.querySelector('[name="emailUpdates"]'); if (emailChoice) emailChoice.checked = false; setDetailsVisible(!savedLead); if (status) status.textContent = ""; return savedLead; }; function closeWidget() { overlay.classList.remove("is-open"); document.documentElement.style.overflow = previousHtmlOverflow; if (document.body) document.body.style.overflow = previousBodyOverflow; } close.addEventListener("click", closeWidget); if (countryButton) { countryButton.addEventListener("click", function () { if (!countryPicker) return; var isOpen = countryPicker.classList.toggle("is-open"); countryButton.setAttribute("aria-expanded", isOpen ? "true" : "false"); if (isOpen && countrySearch) { countrySearch.value = ""; renderCountryList(""); window.setTimeout(function () { countrySearch.focus(); }, 20); } }); } if (countrySearch) { countrySearch.addEventListener("input", function (event) { renderCountryList(event.target.value); }); } document.addEventListener("click", function (event) { var target = event.target; if (countryPicker && target && target.closest && !target.closest(".fua-telegram-support-country-picker")) { countryPicker.classList.remove("is-open"); if (countryButton) countryButton.setAttribute("aria-expanded", "false"); } var supportTrigger = target && target.closest ? target.closest("[data-support-chat]") : null; if (supportTrigger) { event.preventDefault(); openWidget({ supportMessage: supportTrigger.dataset.supportMessage || "", supportSource: supportTrigger.dataset.supportSource || "" }); if (window.location.hash !== "#chat") { try { window.history.replaceState(null, "", "#chat"); } catch (_) { window.location.hash = "chat"; } } return; } if (!target || !target.closest || !target.closest("#fua-telegram-support-button")) return; event.preventDefault(); openWidget({ supportMessage: "", supportSource: "" }); }); overlay.addEventListener("click", function (event) { if (event.target === overlay) closeWidget(); }); form.addEventListener("submit", function (event) { event.preventDefault(); var formData = new FormData(form); var submitter = event.submitter; var channel = submitter && submitter.value === "whatsapp" ? "whatsapp" : "telegram"; var savedLead = getSavedLead(); var payload; if (savedLead) { payload = { name: savedLead.name, email: savedLead.email, phoneCountryCode: savedLead.phoneCountryCode, phoneCountryLabel: savedLead.phoneCountryLabel, phoneNumber: savedLead.phoneNumber, channel: channel, source: currentSupportSource || (currentSupportMessage ? "custom_credit_pricing" : "support_widget_saved"), pageUrl: window.location.href, supportMessage: currentSupportMessage }; } else { payload = { name: formData.get("name"), email: formData.get("email"), phoneCountryCode: formData.get("phoneCountryCode"), phoneCountryLabel: countryValue ? countryValue.dataset.countryLabel : "", phoneNumber: formData.get("phoneNumber"), channel: channel, source: currentSupportSource || (currentSupportMessage ? "custom_credit_pricing" : "support_widget"), pageUrl: window.location.href, supportMessage: currentSupportMessage }; } payload.emailUpdates = formData.get("emailUpdates") === "on"; submitButtons.forEach(function (button) { button.disabled = true; }); status.textContent = "Saving your details..."; fetch("/api/support/lead", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }) .then(function (response) { return response.json().then(function (data) { if (!response.ok || !data.ok) throw new Error(data.message || "Could not continue."); return data; }); }) .then(function (data) { var url = data.channelUrl || (channel === "whatsapp" ? whatsappUrl : telegramUrl); if (data.lead) { saveLeadProfile({ name: data.lead.name, email: data.lead.email, phoneCountryCode: data.lead.phoneCountryCode, phoneCountryLabel: data.lead.phoneCountryLabel, phoneNumber: data.lead.phoneNumber, phoneE164: data.lead.phoneE164, savedAt: Date.now() }); } status.textContent = channel === "whatsapp" ? "Opening WhatsApp..." : "Opening Telegram..."; window.open(url, "_blank", "noopener,noreferrer"); closeWidget(); }) .catch(function (error) { status.textContent = error.message || "Could not save your details. Try again."; }) .finally(function () { submitButtons.forEach(function (button) { button.disabled = false; }); }); }); } function openWidget(context) { syncSupportVisibility(); if (shouldSuppressSupportChat()) return; setSupportContext(getDefaultSupportContext(context && context.detail ? context.detail : context)); ensureWidget(); var overlay = document.getElementById("fua-telegram-support-overlay"); if (!overlay) return; if (overlay.classList.contains("is-open")) return; var savedLead = syncLeadMode(); previousHtmlOverflow = document.documentElement.style.overflow || ""; previousBodyOverflow = document.body ? document.body.style.overflow || "" : ""; document.documentElement.style.overflow = "hidden"; if (document.body) document.body.style.overflow = "hidden"; overlay.classList.add("is-open"); window.setTimeout(function () { var target = savedLead ? overlay.querySelector(".fua-telegram-support-submit") : overlay.querySelector("input[name='name']"); if (target && target.focus) target.focus({ preventScroll: true }); }, 40); } function onPortalSupportQuestion(event) { if (event.origin !== window.location.origin) return; if (event.data && event.data.type === "bookfua.portal.support-question") { openWidget({ supportMessage: event.data.supportMessage || classQuestionMessage, supportSource: event.data.supportSource || "student_class_questions" }); } } function onRouteChanged() { ensureWidget(); if (window.location.hash === "#chat") window.setTimeout(openWidget, 0); } ["pushState", "replaceState"].forEach(function (method) { var original = history[method]; if (typeof original !== "function") return; history[method] = function () { var result = original.apply(this, arguments); onRouteChanged(); return result; }; }); window.addEventListener("fua:open-support-chat", openWidget); window.addEventListener("message", onPortalSupportQuestion); window.addEventListener("hashchange", onRouteChanged); window.addEventListener("popstate", onRouteChanged); window.addEventListener("pageshow", function () { ensureWidget(); onRouteChanged(); }); if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", function () { ensureWidget(); onRouteChanged(); }, { once: true }); } else { ensureWidget(); onRouteChanged(); } })();