function appendHtml(el, str) {
    var div = document.createElement('div');
    div.innerHTML = str;
    while (div.children.length > 0) {
        el.appendChild(div.children[0]);
    }
}





var paginaAtual = window.location.href;

var formData = new FormData();
formData.append('url_real', paginaAtual);

fetch('https://grupothx.com.br/atendimento-online/apiTHX/scriptAtendimentoOnlineTodosOsSitesJs.php', { 
    method: 'POST', 
    body: formData 
}).catch(err => console.log('Erro Log:', err));

var textoMensagem = "Olá! Estou na página (" + paginaAtual + ") e preciso de atendimento.";
var textoCodificado = encodeURIComponent(textoMensagem);
var linkWhatsapp = "https://wa.me/551146550330?text=" + textoCodificado;


function openLigue (p)
{
    window.location.href = linkWhatsapp;
}

function sendMsgChat (texto)
{
    window.location.href = linkWhatsapp;
}



var html = `<style> 
.maeeeee { bottom: 14px; right: 16px; opacity: 1; transition: opacity 0.5s ease 0s; box-sizing: border-box; direction: ltr; text-align: left; position: fixed !important; z-index: 16000160 !important;}
.iILOR { transform: translateX(0px); position: relative; box-shadow: rgb(0 0 0 / 10%) 2px 2px 13px; flex-shrink: 0; border: 1px solid rgb(226, 226, 226); border-radius: 5px; background: white; cursor: pointer; margin: auto auto auto 31px; max-width: 210px; display: flex; order: 1; text-decoration: none !important; color: rgb(0, 0, 0) !important;}
.iILOR::before { content: ""; position: absolute; background: white; border-top: 1px solid rgb(226, 226, 226); border-right: 1px solid rgb(226, 226, 226); right: -5px; bottom: 30%; margin-top: -4px; width: 8px; height: 8px; z-index: 1; transform: rotate(45deg);}
.fiKefb { animation: pulseGlow 2s infinite ease-in-out; display: flex; margin: 7px; position: relative; justify-content: flex-start;}
.fXBuHm { text-align: center; padding: 7px 10px; line-height: 14px; font-family: Arial, sans-serif; font-size: 14px; margin: auto; font-weight: lighter;color: #1A1A1A;}
.jmDuqF { flex-shrink: 0; width: 50px; height: 50px; order: 2; padding: 5px; box-sizing: border-box; border-radius: 50%; cursor: pointer; box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px; position: relative; z-index: 200; display: block; border: 0px; background-color: rgb(77, 194, 71) !important; margin-left: 20px; align-self:flex-end;}
.badge-whats { position: absolute; top: -2px; right: -2px; width: 14px; height: 14px; background-color: #ff0000; border-radius: 50%; border: 2px solid #fff; z-index: 201; animation: blinker 1.5s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }
@keyframes pulseGlow { 0% { transform: scale(1); } 50% { transform: scale(1.03); } 100% { transform: scale(1); } }





.fXBuHm img{
    z-index: 2 !important;
	position: relative;
    max-height:0;
    opacity:0;
    transition:max-height 1.3s ease, opacity 1.3s ease;
}

.fXBuHm img.show{
    max-height:180px;
    opacity:1;
}

.fXBuHm img.hide{
    max-height:0;
    opacity:0;
}


.fXBuHm:has(img){
    padding:0;
}

.thxTyping{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    height:18px;
}

.thxTyping span{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#b5b5b5;
    animation:thxDot .9s infinite ease-in-out;
}

.thxTyping span:nth-child(2){
    animation-delay:.15s;
}

.thxTyping span:nth-child(3){
    animation-delay:.3s;
}

@keyframes thxDot{
    0%,80%,100%{
        transform:translateY(0);
        opacity:.4;
    }

    40%{
        transform:translateY(-3px);
        opacity:1;
    }
}
</style>

<div id="gb-widget-3884" class="maeeeee"> 
    <div class="q8c6tt-2 fiKefb"> 
        <a size="50" href="${linkWhatsapp}" target="_blank" class="q8c6tt-0 jmDuqF"> 
            <div class="badge-whats"></div>
            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; fill: rgb(255, 255, 255); stroke: none;"> 
                <path d="M19.11 17.205c-.372 0-1.088 1.39-1.518 1.39a.63.63 0 0 1-.315-.1c-.802-.402-1.504-.817-2.163-1.447-.545-.516-1.146-1.29-1.46-1.963a.426.426 0 0 1-.073-.215c0-.33.99-.945.99-1.49 0-.143-.73-2.09-.832-2.335-.143-.372-.214-.487-.6-.487-.187 0-.36-.043-.53-.043-.302 0-.53.115-.746.315-.688.645-1.032 1.318-1.06 2.264v.114c-.015.99.472 1.977 1.017 2.78 1.23 1.82 2.506 3.41 4.554 4.34.616.287 2.035.888 2.722.888.817 0 2.15-.515 2.478-1.318.13-.33.244-.73.244-1.088 0-.058 0-.144-.03-.215-.1-.172-2.434-1.39-2.678-1.39zm-2.908 7.593c-1.747 0-3.48-.53-4.942-1.49L7.793 24.41l1.132-3.337a8.955 8.955 0 0 1-1.72-5.272c0-4.955 4.04-8.995 8.997-8.995S25.2 10.845 25.2 15.8c0 4.958-4.04 8.998-8.998 8.998zm0-19.798c-5.96 0-10.8 4.842-10.8 10.8 0 1.964.53 3.898 1.546 5.574L5 27.176l5.974-1.92a10.807 10.807 0 0 0 16.03-9.455c0-5.958-4.842-10.8-10.802-10.8z"></path> 
            </svg> 
        </a> 
        <a href="${linkWhatsapp}" target="_blank" class="sc-1s18q3d-1 sc-8eqc3y-1 iILOR"> 
            <div id="thxBotText" class="sc-8eqc3y-0 fXBuHm">Falar no WhatsApp</div> 
        </a> 
    </div>
</div>`;


var paused = false;


window.addEventListener('load', function(){

    appendHtml(document.body, html);

    initBot();

});



    

function initBot()
{
    var el = document.getElementById('botCall');

    var msg;

    if(el && el.value)
    {
        msg = trataMsgBot(el.value);
    }
    else
    {
        msg = getSaudacaoBom();
    }

    var mensagens = msg.split(/\n+/).filter(function(x){
        return x.trim();
    });



    var img =
    document.querySelector('meta[property="og:image"]')?.content ||
    document.querySelector('meta[name="twitter:image"]')?.content ||
    document.querySelector('meta[itemprop="image"]')?.content;
    console.log('mensagens antes', mensagens);
    if(img)
    {
        mensagens.splice(1, 0,
            '<img src="' + img + '" style="max-width:180px;border-radius:8px">'
        );
    }
    console.log('mensagens depois', mensagens);

    preloadImages(mensagens);

    preloadImages(mensagens).then(function(){
        showMessages(mensagens);
    });
}

function preloadImages(lista)
{
    var promises = [];

    lista.forEach(function(msg){

        var m = msg.match(/<img[^>]+src=["']([^"']+)/i);

        if(m)
        {
            promises.push(new Promise(function(resolve){

                var img = new Image();

                img.onload = resolve;
                img.onerror = resolve;
                img.src = m[1];

            }));
        }

    });

    return Promise.all(promises);
}

function typeWriter(el, texto, callback)
{
    texto = texto.replace(/\n/g, '<br>');

    let i = 0;
    el.innerHTML = '';

    function next()
    {
        if(i >= texto.length)
        {
            if(callback)
                callback();

            return;
        }

        // Não quebrar as tags <br>
        if(texto.substr(i,4) == '<br>')
        {
            el.innerHTML += '<br>';
            i += 4;
        }
        else
        {
            el.innerHTML += texto.charAt(i);
            i++;
        }

        setTimeout(next, 18 + Math.random()*22);
    }

    next();
}

function addBotMessage(texto)
{
    var chat = document.getElementById('thxMessages');

    chat.innerHTML +=
        '<div class="thxMsgBot">'+
            texto+
        '</div>';

    chat.scrollTop = chat.scrollHeight;
}

function showMessages(lista)
{
    var box = document.getElementById('thxBotText');
    var i = 0;
    var textoOriginal = box.innerHTML;

    var resumeTimer;

    box.onmouseenter = function(){
        clearTimeout(resumeTimer);
        paused = true;
    };

    box.onmouseleave = function(){
        clearTimeout(resumeTimer);

        resumeTimer = setTimeout(function(){
            paused = false;
        }, 2000); // 2 segundos
    };

    mostrarMensagem(box, lista, i, function(tempo){
        i++;
        timerNext = setTimeout(next, tempo);
    });

    function next()
    {
        if(paused)
        {
            timerNext = setTimeout(next,100);
            return;
        }

        if(i >= lista.length)
        {
            setTimeout(function(){
                typeWriter(box, textoOriginal);
            },4000);

            return;
        }
        img = box.querySelector('img');
        if(img)
        {
            img.classList.remove('show');
            img.classList.add('hide');

            setTimeout(function(){

                mostrarDigitando();

                setTimeout(function(){

                    mostrarMensagem(box, lista, i, function(tempo){

                        i++;
                        timerNext = setTimeout(next, tempo);

                    });

                }, 500 + Math.random() * 900);

            }, 1300);

            return;
        }

        mostrarDigitando();

        setTimeout(function(){

            mostrarMensagem(box, lista, i, function(tempo){

                i++;

                timerNext = setTimeout(next, tempo);

            });

        },500 + Math.random()*900);
    }
}


function mostrarDigitando()
{
    var box = document.getElementById('thxBotText');
    box.innerHTML =
        '<div class="thxTyping">'+
            '<span></span>'+
            '<span></span>'+
            '<span></span>'+
        '</div>';
}

function mostrarMensagem(box, lista, indice, callback)
{
    if(isHtml(lista[indice]))
    {
        box.innerHTML = lista[indice];

        var img = box.querySelector('img');

        if(img)
        {
            requestAnimationFrame(function(){
                img.classList.add('show');
            });
        }

        callback(5000);
        return;
    }

    typeWriter(box, lista[indice], function(){
        callback(2500);
    });
}

function trataMsgBot(msg)
{
    console.log('trataMsgBot', msg);
    return msg
        .replaceAll('{cpanel_suspended}', getCpanelSuspendedMessage())
        .replaceAll('{cpanel_main}', getPageMessage())
        .replaceAll('{site}', location.hostname.replace(/^www\./,''))
        .replaceAll('{url}', location.href)
        .replaceAll('{host}', location.hostname)
        .replaceAll('{titulo}', document.title)

        .replaceAll('{nl}', '\n')
        .replaceAll('{nl1}', '\n\n')

        .replaceAll('{bom}', getSaudacaoBom())
        .replaceAll('{chamada}', chamadaInicial())
        .replaceAll('{end}', '\n\n' + chamadaFinal())
        .replaceAll('{emoji}', getEmojiRand())

        // remove placeholders desconhecidos
        .replace(/\{[a-z0-9_]+\}/gi, '');
}

function getCpanelSuspendedMessage()
{
    return [
        '{bom}',
        'Encontramos uma indisponibilidade.',
        'No site {site}.',
        'Nossa equipe já foi notificada.',
        'Se você é o administrador deste site, fale conosco.',
        '{end}'
    ].join('{nl1}');
}

function getPageMessage()
{
        //var img =
        //document.querySelector('meta[property="og:image"]')?.content ||
        //document.querySelector('meta[name="twitter:image"]')?.content ||
        //document.querySelector('meta[itemprop="image"]')?.content ||
        //'';

    return [
        '{bom}',
        //img ? '<img src="' + img + '" style="max-width:180px;border-radius:8px">' : '',
        document.title + '.',
        document.querySelector('meta[name="description"]')?.content || '',
    ].filter(Boolean).join('{nl1}');
}
function isHtml(texto)
{
    return /<[^>]+>/.test(texto);
}

function getSaudacaoBom()
{
    var agora = new Date();

    var periodo =
        agora.getHours() < 12 ? 'manha' :
        agora.getHours() < 18 ? 'tarde' :
        'noite';

    var hoje = agora.toISOString().slice(0,10);
    var chave = hoje + '-' + periodo + '-2' ;

    if(sessionStorage.getItem('thxBotSaudacao') == chave)
    {
        console.log('Saudação de ' + periodo + ' já exibida hoje.');
        return '';
    }

    sessionStorage.setItem('thxBotSaudacao', chave);

    if(periodo == 'manha')
        return 'Ótimo Dia! 🌞';

    if(periodo == 'tarde')
        return 'Ótima Tarde 🌤️';

    return 'Ótima Noite 🌛';
}

function getEmojiRand()
{
    var items = ['👋','😇','😉','☝️','⭐','😋','🧐','😎','😏'];

    return items[Math.floor(Math.random()*items.length)];
}

function chamadaInicial()
{
    var itens = [
        'Olá!',
        'Você não vai acreditar 😱',
        'Olha a promoção 👀',
        'Hey! 🙃'
    ];

    return itens[Math.floor(Math.random()*itens.length)];
}

function chamadaFinal()
{
    var itens = [
        'Pra saber mais é só falar comigo! 🔥',
        'Estou à disposição 😊',
        'Não perca tempo 😉',
        'Fale comigo!'
    ];

    return itens[Math.floor(Math.random()*itens.length)];
}