{"id":63520,"date":"2026-03-03T03:44:03","date_gmt":"2026-03-03T03:44:03","guid":{"rendered":"https:\/\/vendas.bellanetfiber.com.br\/?page_id=63520"},"modified":"2026-05-17T10:47:44","modified_gmt":"2026-05-17T13:47:44","slug":"minha-conta","status":"publish","type":"page","link":"https:\/\/vendas.bellanetfiber.com.br\/itochat\/","title":{"rendered":"Minha conta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"63520\" class=\"elementor elementor-63520\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2123d7c e-con-full e-flex e-con e-parent\" data-id=\"2123d7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eede486 stax-condition-yes stax-user_role_enabled-yes elementor-widget elementor-widget-shortcode\" data-id=\"eede486\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        \r\n        <style>\r\n            :root { --p: #0073aa; }\r\n            .cb-box { max-width: 380px; margin: 20px auto; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); font-family: 'Inter', sans-serif; position: relative; border: 1px solid #eee; }\r\n            #cb-head { background: var(--p); color: #fff; padding: 15px; display: flex; align-items: center; justify-content: space-between; }\r\n            .avatar-h { width: 40px; height: 40px; border-radius: 50%; background: #fff; object-fit: cover; }\r\n            #cb-body { height: 400px; padding: 15px; overflow-y: auto; background: #f8fafc; display: flex; flex-direction: column; gap: 12px; scroll-behavior: smooth; }\r\n            \r\n            .msg-row { display: flex; align-items: flex-end; gap: 8px; max-width: 90%; margin-bottom: 4px; }\r\n            .msg-row.bot { align-self: flex-start; }\r\n            .msg-row.user { align-self: flex-end; flex-direction: row-reverse; }\r\n            .msg-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }\r\n            \r\n            .m { padding: 8px 12px; border-radius: 12px; font-size: 14px; line-height: 1.4; position: relative; min-width: 60px; box-shadow: 0 1px 2px rgba(0,0,0,0.08); }\r\n            .bot .m { background: #fff; border-bottom-left-radius: 2px; color: #334155; }\r\n            .user .m { background: var(--p); color: #fff; border-bottom-right-radius: 2px; }\r\n            \r\n            .msg-time { font-size: 9px; opacity: 0.6; margin-top: 4px; display: block; text-align: right; width: 100%; }\r\n            .user .msg-time { color: #fff; }\r\n\r\n            #cb-ft { padding: 12px; border-top: 1px solid #eee; background: #fff; display: flex; flex-direction: column; gap: 8px; position: relative; }\r\n            #ft-row { display: flex; align-items: center; gap: 8px; width: 100%; }\r\n            #cb-in { flex: 1; border: 1px solid #e2e8f0; padding: 10px 15px; border-radius: 20px; outline: none; font-size: 14px; }\r\n            \r\n            #options-row { display: none; align-items: center; justify-content: space-between; font-size: 11px; color: #64748b; padding: 0 5px; }\r\n            .btn-send { background: var(--p); border: none; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; }\r\n            .btn-send:disabled { background: #cbd5e1; }\r\n            \r\n            #email-suggestions { position: absolute; bottom: 100%; left: 0; width: 100%; background: #fff; border-top: 1px solid #eee; display: none; flex-wrap: wrap; gap: 5px; padding: 8px; box-shadow: 0 -5px 15px rgba(0,0,0,0.08); z-index: 99; }\r\n            .sug-chip { background: #f1f5f9; padding: 6px 12px; border-radius: 20px; font-size: 11px; cursor: pointer; color: #475569; border: 1px solid #e2e8f0; }\r\n            .btn-o { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid var(--p); color: var(--p); background: #fff; cursor: pointer; font-weight: 600; margin-top: 8px; font-size: 13px; }\r\n            \r\n            .icon-trash { cursor: pointer; font-size: 14px; opacity: 0.6; transition: 0.2s; padding: 2px; }\r\n            .icon-trash:hover { opacity: 1; color: #ef4444; }\r\n        <\/style>\r\n\r\n        <div class=\"cb-box\">\r\n            <div id=\"cb-head\">\r\n                <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/vendas.bellanetfiber.com.br\/wp-content\/uploads\/2026\/03\/inicio-1-300x300.jpeg.webp\" class=\"avatar-h\">\r\n                    <div><b style=\"font-size:14px;\">Belinha<\/b><br><small style=\"font-size:10px;\">Bellanet Fiber<\/small><\/div>\r\n                <\/div>\r\n                <div style=\"display:flex; gap:10px;\">\r\n                    <button onclick=\"location.reload()\" style=\"background:none; border:none; color:#fff; cursor:pointer;\">\u267b\ufe0f<\/button>\r\n                    <button id=\"mute-btn\" onclick=\"toggleMute()\" style=\"background:none; border:none; color:#fff; cursor:pointer;\">\ud83d\udd07<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div id=\"cb-body\"><div id=\"chat-content\" style=\"display:flex; flex-direction:column; gap:12px;\">\r\n                <div id=\"main-menu\" style=\"text-align:center; display:none;\">\r\n                    <button class=\"btn-o\" onclick=\"startFlow('login')\">Fazer Login<\/button>\r\n                    <button class=\"btn-o\" onclick=\"startFlow('cadastro')\">Criar Conta<\/button>\r\n                <\/div>\r\n            <\/div><\/div>\r\n            \r\n            <div id=\"cb-ft\">\r\n                <div id=\"email-suggestions\">\r\n                    <div class=\"sug-chip\" onclick=\"applySug('@gmail.com')\">@gmail.com<\/div>\r\n                    <div class=\"sug-chip\" onclick=\"applySug('@hotmail.com')\">@hotmail.com<\/div>\r\n                    <div class=\"sug-chip\" onclick=\"applySug('@outlook.com')\">@outlook.com<\/div>\r\n                    <div class=\"sug-chip\" onclick=\"applySug('.com.br')\">.com.br<\/div>\r\n                <\/div>\r\n                <div id=\"options-row\">\r\n                    <label style=\"display:flex; align-items:center; gap:5px; cursor:pointer;\">\r\n                        <input type=\"checkbox\" id=\"save-email-check\" checked> Lembrar e-mail\r\n                    <\/label>\r\n                    <span id=\"trash-btn\" class=\"icon-trash\" onclick=\"clearSavedEmail()\" title=\"Limpar e-mail salvo\">\ud83d\uddd1\ufe0f<\/span>\r\n                <\/div>\r\n                <div id=\"ft-row\">\r\n                    <input type=\"text\" id=\"cb-in\" placeholder=\"Digite...\" disabled onkeypress=\"if(event.key==='Enter') sendInput()\" oninput=\"handleInput(this.value)\">\r\n                    <button id=\"btn-send\" class=\"btn-send\" disabled onclick=\"sendInput()\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            let flow=\"\", step=0, uData={nome:'', email:'', whatsapp:''}, isMuted = true, belinhaVoice = null;\r\n            const avatarUrl = \"https:\/\/vendas.bellanetfiber.com.br\/wp-content\/uploads\/2026\/03\/inicio-1-300x300.jpeg.webp\";\r\n            const input = document.getElementById('cb-in'), content = document.getElementById('chat-content'), suggBox = document.getElementById('email-suggestions'), btnS = document.getElementById('btn-send'), optRow = document.getElementById('options-row');\r\n            const redirUrl = \"https:\/\/bellanetfiber.com.br\/conta\/itochat\/\";\r\n            const noteS = new Audio('https:\/\/assets.mixkit.co\/active_storage\/sfx\/2358\/2358-preview.mp3');\r\n\r\n            function loadVoice() { \r\n                const vs = window.speechSynthesis.getVoices(); \r\n                belinhaVoice = vs.find(v => v.lang === 'pt-BR' && (v.name.includes('Google') || v.name.includes('Luciana') || v.name.includes('Maria'))) || vs.find(v => v.lang.startsWith('pt'));\r\n            }\r\n            window.speechSynthesis.onvoiceschanged = loadVoice;\r\n\r\n            function toggleMute() { isMuted = !isMuted; document.getElementById('mute-btn').innerText = isMuted ? '\ud83d\udd07' : '\ud83d\udd0a'; if(isMuted) window.speechSynthesis.cancel(); }\r\n\r\n            function addMsg(t, isBot=true){\r\n                const now = new Date();\r\n                const timeStr = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0');\r\n                const row = document.createElement('div');\r\n                row.className = isBot ? 'msg-row bot' : 'msg-row user';\r\n                let avatarHtml = isBot ? `<img decoding=\"async\" src=\"${avatarUrl}\" class=\"msg-avatar\">` : '';\r\n                row.innerHTML = `${avatarHtml}<div class=\"m\">${t}<span class=\"msg-time\">${timeStr}<\/span><\/div>`;\r\n                content.appendChild(row);\r\n                document.getElementById('cb-body').scrollTo(0, document.getElementById('cb-body').scrollHeight);\r\n                if(isBot && !isMuted) {\r\n                    noteS.play().catch(e=>{});\r\n                    const s = new SpeechSynthesisUtterance(t.replace(\/<[^>]*>?\/gm, ''));\r\n                    s.voice = belinhaVoice; s.lang = 'pt-BR'; window.speechSynthesis.speak(s);\r\n                }\r\n            }\r\n\r\n            window.onload = () => {\r\n                const saved = localStorage.getItem('belinha_email');\r\n                if(saved) { \r\n                    uData.email = saved; \r\n                    document.getElementById('trash-btn').style.display = 'inline';\r\n                } else {\r\n                    document.getElementById('trash-btn').style.display = 'none';\r\n                }\r\n\r\n                setTimeout(() => {\r\n                    addMsg(\"Ol\u00e1! Seja muito bem-vindo(a) \u00e0 <b>Bellanet Fiber<\/b>. \ud83d\ude80\");\r\n                    setTimeout(() => {\r\n                        addMsg(\"Eu sou a <b>Belinha<\/b>. Como posso te ajudar hoje?\");\r\n                        document.getElementById('main-menu').style.display = 'block';\r\n                    }, 800);\r\n                }, 400);\r\n            };\r\n\r\n            function clearSavedEmail() {\r\n                localStorage.removeItem('belinha_email');\r\n                uData.email = '';\r\n                document.getElementById('trash-btn').style.display = 'none';\r\n                input.value = '';\r\n                addMsg(\"E-mail removido com sucesso! Pode digitar um novo.\");\r\n            }\r\n\r\n            function handleInput(val) {\r\n                const isEmailStep = (step===1);\r\n                if(isEmailStep && val.length >= 3) suggBox.style.display = 'flex';\r\n                else suggBox.style.display = 'none';\r\n                btnS.disabled = (val.length === 0);\r\n            }\r\n\r\n            function applySug(ext) {\r\n                if(input.value.includes('@')) {\r\n                    let partes = input.value.split('@');\r\n                    input.value = partes[0] + ext;\r\n                } else {\r\n                    input.value += ext;\r\n                }\r\n                suggBox.style.display = 'none';\r\n                input.focus();\r\n            }\r\n\r\n            function startFlow(f){ \r\n                flow=f; step=1; \r\n                document.getElementById('main-menu').style.display='none'; \r\n                input.disabled=false; btnS.disabled=false; optRow.style.display = 'flex';\r\n                if(uData.email) {\r\n                    input.value = uData.email;\r\n                    addMsg(`Confirmamos o e-mail <b>${uData.email}<\/b> para prosseguir?`);\r\n                } else {\r\n                    addMsg(\"Qual seu <b>e-mail<\/b> para come\u00e7armos?\");\r\n                }\r\n                input.focus(); \r\n            }\r\n\r\n            async function sendInput(){\r\n                let v = input.value.trim(); if(!v) return; addMsg(v, false); input.value=''; suggBox.style.display = 'none';\r\n                if(step===1){ \r\n                    uData.email=v; \r\n                    if(document.getElementById('save-email-check').checked) {\r\n                        localStorage.setItem('belinha_email', v);\r\n                        document.getElementById('trash-btn').style.display = 'inline';\r\n                    }\r\n                    optRow.style.display = 'none';\r\n                    checkAccount(v); \r\n                } \r\n                else if(step===2 && flow==='cadastro'){ uData.nome=v; step=3; addMsg(\"Qual seu <b>WhatsApp<\/b> com DDD?\"); }\r\n                else if(step===3 && flow==='cadastro'){ uData.whatsapp=v; requestOTP(); }\r\n                else if(step==='otp') verifyOTP(v);\r\n            }\r\n\r\n            async function checkAccount(email) {\r\n                const r = await fetch('https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/chatbot\/v1\/check_email',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:email})}).then(res=>res.json());\r\n                if(r.exists) {\r\n                    addMsg(\"J\u00e1 te encontrei no sistema! Clique abaixo para receber seu c\u00f3digo de acesso:\");\r\n                    addMsg(`<button class=\"btn-o\" onclick=\"requestOTP()\">Receber C\u00f3digo no E-mail<\/button>`);\r\n                } else {\r\n                    if(flow === 'login') {\r\n                        addMsg(\"N\u00e3o localizei esse e-mail. Vamos criar sua conta agora?\");\r\n                        addMsg(`<button class=\"btn-o\" onclick=\"flow='cadastro'; step=2; addMsg('Qual seu nome completo?')\">Criar Cadastro Agora<\/button>`);\r\n                    } else {\r\n                        step=2; addMsg(\"Perfeito! Agora, informe seu <b>nome completo<\/b>:\");\r\n                    }\r\n                }\r\n            }\r\n\r\n            async function requestOTP(){\r\n                addMsg(\"Enviando c\u00f3digo de seguran\u00e7a...\");\r\n                const r = await fetch('https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/chatbot\/v1\/request_otp',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:uData.email})}).then(res=>res.json());\r\n                if(r.success){ step='otp'; addMsg(\"Enviado! Digite o c\u00f3digo de 4 n\u00fameros recebido:\"); }\r\n            }\r\n\r\n            async function verifyOTP(c){\r\n                const r = await fetch('https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/chatbot\/v1\/verify_otp',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify({email:uData.email, code:c})}).then(res=>res.json());\r\n                if(r.success){\r\n                    if(flow === 'cadastro' && uData.nome !== '') {\r\n                        addMsg(\"Criando sua conta...\");\r\n                        const reg = await fetch('https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/chatbot\/v1\/finalize_register',{method:'POST',headers:{'Content-Type':'application\/json'},body:JSON.stringify(uData)}).then(res=>res.json());\r\n                        if(reg.success) { addMsg(\"\ud83c\udf89 Tudo pronto! Entrando...\"); setTimeout(()=>window.location.href = redirUrl, 2000); }\r\n                    } else {\r\n                        addMsg(\"Acesso autorizado! Redirecionando...\"); setTimeout(()=>window.location.href = redirUrl, 1500);\r\n                    }\r\n                } else addMsg(\"C\u00f3digo inv\u00e1lido. Tente novamente.\");\r\n            }\r\n        <\/script>\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bed483 elementor-widget elementor-widget-spacer\" data-id=\"4bed483\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c154b8c stax-condition-yes stax-user_role_enabled-yes elementor-widget elementor-widget-html\" data-id=\"c154b8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Footer Bellanet - Vers\u00e3o Compacta *\/\r\n  footer { \r\n    text-align: center; \r\n    padding: 20px 10px; \/* Altura reduzida significativamente *\/\r\n    background: #004fb1; \r\n    color: #ffffff; \r\n    font-size: 13px;\r\n    border-top: 3px solid var(--secondary);\r\n  }\r\n\r\n  .footer-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 5px; \/* Espa\u00e7o curto entre o nome e o copyright *\/\r\n  }\r\n\r\n  .footer-brand {\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  footer p {\r\n    margin: 0;\r\n    opacity: 0.8;\r\n  }\r\n<\/style>\r\n\r\n<footer>\r\n \r\n    <p>\u00a9 2026 Todos os direitos reservados.<\/p>\r\n  \r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>[bellanet_config]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-63520","page","type-page","status-publish","hentry","content-box content-box-wrapper"],"_links":{"self":[{"href":"https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/wp\/v2\/pages\/63520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/wp\/v2\/comments?post=63520"}],"version-history":[{"count":414,"href":"https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/wp\/v2\/pages\/63520\/revisions"}],"predecessor-version":[{"id":64644,"href":"https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/wp\/v2\/pages\/63520\/revisions\/64644"}],"wp:attachment":[{"href":"https:\/\/vendas.bellanetfiber.com.br\/itochat\/wp-json\/wp\/v2\/media?parent=63520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}