// Floating "Help" button with a small support popup (replaces the Reamaze chat widget). (function () { // Set to true to bring the Help button back (turned off when the AI assistant went live). var ENABLED = false; if (!ENABLED) return; if (window.__ctoHelpWidget) return; window.__ctoHelpWidget = true; var css = ` #cto-help-btn{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:6px; padding:10px 16px;border:none;border-radius:999px;background:#1878B9;color:#fff;font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer} #cto-help-btn:hover{background:#125E91} #cto-help-pop{position:fixed;right:20px;bottom:72px;z-index:60;width:320px;max-width:calc(100vw - 40px); padding:16px 18px;border-radius:12px;background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.1); box-shadow:0 10px 30px rgba(0,0,0,.18);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:none} #cto-help-pop.open{display:block} #cto-help-pop h4{margin:0 0 10px;font-size:15px;font-weight:700} #cto-help-pop p{margin:0 0 10px} #cto-help-pop p:last-child{margin-bottom:0} #cto-help-pop .cto-note{margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1);font-size:12px;opacity:.75} #cto-help-pop a{color:#1878B9} .dark #cto-help-pop .cto-note{border-top-color:rgba(255,255,255,.12)} .dark #cto-help-pop a{color:#4AA3DF} #cto-help-close{position:absolute;top:8px;right:10px;border:none;background:none;font-size:18px;line-height:1;cursor:pointer;color:inherit;opacity:.5} #cto-help-close:hover{opacity:1} .dark #cto-help-pop{background:#1c1d21;color:#e7e7e7;border-color:rgba(255,255,255,.12)} `; var style = document.createElement("style"); style.textContent = css; document.head.appendChild(style); var EMAIL = 'support@customtypeone.com'; var I18N = { en: { btn: "Help", head: "To submit a support ticket:", plus: "Tap the Contact Support menu on the device.", mini: "Connect to your SugarPixel in the mobile app and tap the Contact Support button at the top of the green Help popup on any screen.", note: "If you have difficulty submitting the form, you can also email " + EMAIL + "." }, es: { btn: "Ayuda", head: "Para enviar un ticket de soporte:", plus: "Toca el menú Contact Support en el dispositivo.", mini: "Conéctate a tu SugarPixel en la aplicación móvil y toca el botón Contact Support en la parte superior de la ventana verde Help, en cualquier pantalla.", note: "Si tienes dificultades para enviar el formulario, también puedes escribir a " + EMAIL + "." }, it: { btn: "Aiuto", head: "Per inviare un ticket di assistenza:", plus: "Tocca il menu Contact Support sul dispositivo.", mini: "Connettiti al tuo SugarPixel nell'app mobile e tocca il pulsante Contact Support nella parte superiore del popup verde Help, in qualsiasi schermata.", note: "Se hai difficoltà a inviare il modulo, puoi anche scrivere a " + EMAIL + "." }, de: { btn: "Hilfe", head: "So reichen Sie ein Support-Ticket ein:", plus: "Tippen Sie auf dem Gerät auf das Menü Contact Support.", mini: "Verbinden Sie sich in der mobilen App mit Ihrem SugarPixel und tippen Sie auf einem beliebigen Bildschirm oben im grünen Help-Popup auf die Schaltfläche Contact Support.", note: "Falls Sie Schwierigkeiten beim Absenden des Formulars haben, können Sie auch eine E-Mail an " + EMAIL + " senden." }, fr: { btn: "Aide", head: "Pour envoyer un ticket d’assistance :", plus: "Appuyez sur le menu Contact Support de l’appareil.", mini: "Connectez-vous à votre SugarPixel dans l’application mobile et appuyez sur le bouton Contact Support en haut de la fenêtre verte Help, sur n’importe quel écran.", note: "Si vous avez des difficultés à envoyer le formulaire, vous pouvez aussi écrire à " + EMAIL + "." }, }; function lang() { var seg = location.pathname.split("/")[1]; return I18N[seg] ? seg : "en"; } var current = null; function render(btn, pop) { var l = lang(); if (l === current) return; current = l; var t = I18N[l]; btn.innerHTML = ' ' + t.btn; pop.querySelector(".cto-body").innerHTML = "

" + t.head + "

" + "

SugarPixel+" + (l === "fr" ? " :" : ":") + " " + t.plus + "

" + "

SugarPixel Mini/Classic" + (l === "fr" ? " :" : ":") + " " + t.mini + "

" + '

' + t.note + "

"; } function mount() { var existing = document.getElementById("cto-help-btn"); if (existing) { render(existing, document.getElementById("cto-help-pop")); return; } var btn = document.createElement("button"); btn.id = "cto-help-btn"; btn.type = "button"; btn.setAttribute("aria-expanded", "false"); btn.setAttribute("aria-controls", "cto-help-pop"); var pop = document.createElement("div"); pop.id = "cto-help-pop"; pop.setAttribute("role", "dialog"); pop.setAttribute("aria-label", "Support"); pop.innerHTML = '

'; function setOpen(open) { pop.classList.toggle("open", open); btn.setAttribute("aria-expanded", String(open)); } btn.addEventListener("click", function (e) { e.stopPropagation(); setOpen(!pop.classList.contains("open")); }); pop.addEventListener("click", function (e) { e.stopPropagation(); }); pop.querySelector("#cto-help-close").addEventListener("click", function () { setOpen(false); }); document.addEventListener("click", function () { setOpen(false); }); document.addEventListener("keydown", function (e) { if (e.key === "Escape") setOpen(false); }); current = null; render(btn, pop); document.body.appendChild(pop); document.body.appendChild(btn); } if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", mount); else mount(); // Re-mount if the app re-renders the body during client-side navigation. setInterval(mount, 1000); })();