const showTecoUAG = () => {
    const elem = document.createElement('div');
    elem.innerHTML = `
        <div class="bubbleClose" id="buttonCloseTeco" onclick="hideTecoBubbles()">
            &times
        </div>
        <div class="bubble bubble-bottom-left" id="textTecoFirst">
            ¡Hola! Soy <span style="font-size: 14px;">Keeper</span>
        </div>
        <div class="bubbleSecond" id="textTecoSecond">
            ¿En qué puedo ayudarte?
        </div>
        <div class="floating-scroll-button-teco" onclick="zE('messenger', 'open');">
            <img src="https://uagsolutions.uag.mx/Resources/ImgKeeper" />
        </div>`;
    document.body.appendChild(elem);
    if (sessionStorage.getItem("closedTeco")) {
        hideTecoBubbles();
    }
}

const hideTecoBubbles = () => {
    document.getElementById('textTecoSecond').style.visibility = 'hidden';
    document.getElementById('textTecoFirst').style.visibility = 'hidden';
    document.getElementById('buttonCloseTeco').style.visibility = 'hidden';
    sessionStorage.setItem("closedTeco", true);
}

const domain = (new URL(window.location.href));
if (domain.hostname != "www.uag.mx" )
    showTecoUAG();
zE('messenger', 'close');