/*/ Not change any values of the variables below, 
use the "json/config.json" file to make your settings. /*/
let data_index = "";
let employee_name = "";
let employee_expert = "";
let employee_image = "";
let employee_background_color = "";
let employee_training = "";
let chat_font_size = "";
let dalle_img_size = "";
let CHAT_PHP_url = 'php/api.php';
let DALLE_PHP_url = 'php/dall-e-2.php';
let API_URL = "";
let API_MODEL = "";
let source = "";
let google_voice = "";
let google_voice_lang_code = "";
let microphone_speak_lang = "";
let dalle_generated_img_count = 1;
let chat_minlength = 0;
let chat_maxlength = 0;
let employee_temperature = 1;
let employee_frequency_penalty = 0;
let employee_presence_penalty = 0;
let lang_index = 0;
let scrollPosition = 0;

let shuffle_character = false;
let is_model_turbo = false;
let use_text_stream = false;
let display_microphone_in_chat = false;
let display_avatar_in_chat = false;
let display_contacts_user_list = false;
let display_copy_text_button_in_chat = false;
let filter_badwords = true;
let display_audio_button_answers = true;
let chat_history = true;
let hasBadWord = false;

let chat = [];
let pmt = [];
let array_employees = [];
let array_chat = [];
let lang = [];
let = badWords = []
let array_messages = [];
let array_voices = [];
let filterBotWords = ["Robot:", "Bot:"];


if (window.location.protocol === 'file:') {
  alert('This file is not runnable locally, an http server is required, please read the documentation.');
}

//Loads the characters from the config.json file and appends them to the initial slider
loadData("json/config.json", ["json/employees.json", "json/lang.json", "json/badwords.json"]);

function loadData(url, urls) {
  // Fetch data from the given url and an array of urls using Promise.all and map functions
  return Promise.all([fetch(url).then(res => res.json()), ...urls.map(url => fetch(url).then(res => res.json()))])
    .then(([out, OutC, OutL, OutB]) => {
      // Extract necessary data from the response
      lang = OutL;
      if(filter_badwords){badWords = OutB.badwords.split(',')}
      lang_index = lang.use_lang_index;
      use_text_stream = out.use_text_stream;
      display_avatar_in_chat = out.display_avatar_in_chat;
      
      microphone_speak_lang = out.microphone_speak_lang;
      display_contacts_user_list = out.display_contacts_user_list;
      
      
      filter_badwords = out.filter_badwords;
      chat_history = out.chat_history;
      chat_font_size = out.chat_font_size;
      dalle_img_size = out.dalle_img_size;
      dalle_generated_img_count = out.dalle_generated_img_count;
      shuffle_character = out.shuffle_character;

			function populateSelect(select, options) {
			  select.empty();
			  $.each(options, function (i, option) {
			    select.append($('<option>').val(option.value).text(option.label));
			  });
			}

			const selectLanguage = $('#display_chat_language_output #selectLanguage');
			populateSelect(selectLanguage, lang['translate'][lang_index]['display_chat_language_output']);

			const selectTone = $('#display_chat_tone #selectTone');
			populateSelect(selectTone, lang['translate'][lang_index]['display_chat_tone']);

			const selectWritingStyle = $('#display_chat_writing_style #selectWritingStyle');
			populateSelect(selectWritingStyle, lang['translate'][lang_index]['display_chat_writing_style']);

      copy_text_in_chat = display_copy_text_button_in_chat ? `<button class="copy-text" onclick="copyText(this)"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg> <span class="label-copy-code">${lang["translate"][lang_index].copy_text1}</span></button>` : '';
			var s=document.createElement('style');s.innerHTML='.message-text{font-size:'+chat_font_size+' !important;}';document.head.appendChild(s);

      if(shuffle_character){
        OutC = shuffleArray(OutC);
      }

      if(!display_contacts_user_list){
      	$(".toggle_employees_list").hide();
      	$(".col-contacts-border").hide();
      }

      if(display_microphone_in_chat){
      		$("#microphone-button").show()
      }
      // Populate array_employees with character data and create HTML elements for each character card
     
      $(".ai-contacts-scroll").html("");
      for (var i = 0; i < OutC.length; i++) {
        array_employees.push({
          'name':OutC[i]['name'], 
          'image':OutC[i]['image'], 
          'description':OutC[i]['description'], 
          'welcome_message':OutC[i]['welcome_message'], 
          
          'expert':OutC[i]['expert'],
          'background_thumb_color':OutC[i]['background_thumb_color'],
          'training':OutC[i]['training'],
          'temperature':OutC[i]['temperature'],
          'frequency_penalty':OutC[i]['frequency_penalty'],
          'presence_penalty':OutC[i]['presence_penalty'],
          'chat_minlength':OutC[i]['chat_minlength'],
          'chat_maxlength':OutC[i]['chat_maxlength'],
          'max_num_chats_api':OutC[i]['max_num_chats_api'],
          'API_MODEL':OutC[i]['API_MODEL'],
          'google_voice':OutC[i]['google_voice'],
          'google_voice_lang_code':OutC[i]['google_voice_lang_code']
        })

        $(".ai-contacts-scroll").append(`
            <div class="ai-contacts-item ai_contacts_active_${i}" data-index="${i}">
              <div class="ai-contacts-image"><img src="${array_employees[i]['image']}" onerror="this.src='img/no-image.svg'" alt="${array_employees[i]['name']}" title="${array_employees[i]['name']}"></div>
              <div class="ai-contacts-info">
                <div class="ai-contacts-name">${array_employees[i]['name']}</div>
                <div class="ai-contacts-job" alt="${array_employees[i]['expert']}">${array_employees[i]['expert']}</div>
              </div>
            </div>        	
        `);

      }
/*
		$("#load-character").append(`

					<div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-duration="800" data-aos-delay="${(i+0.8)*20}">
	          <div class="card-ai d-grid"">
	            <div class="card-ai-image start-chat" data-index="${i}"><img src="${array_employees[i]['image']}" onerror="this.src='img/no-image.svg'" alt="${array_employees[i]['name']}" title="${array_employees[i]['name']}" data-index="${i}" class='open-modal'></div>
	            <div class="card-ai-bottom">
	              <div class="card-ai-name"><h3>${array_employees[i]['name']}</h3></div>
	              <div class="card-ai-job"><span>${array_employees[i]['expert']}</span></div>
	              <span class="btn btn-primary btn-md start-chat" data-index="${i}">${lang["translate"][lang_index].chat_now}</span>
	            </div>
	          </div>
	        </div>

        `)}*/

      // Get chat history and update the last_chat property for each character
		  if(chat_history){
				arr2 = JSON.parse(localStorage.getItem("smartanimals_chat_v2"));
				array_employees.forEach((item1) => {
				  const item2 = (arr2 && arr2.find((item2) => item2.name === item1.name));
				  if (item2) {
				    item1.last_chat = item2.last_chat;
				  }
				});
			}
			translate();
			
      //Check url
			const params = new URLSearchParams(window.location.search);
			if (params.has("chat")) {
			  const chatValue = params.get("chat");
			  var array_employees_check = array_employees;
				const index = array_employees_check.findIndex((employee) => employee.name === chatValue);
			  displayChat(0,index);
			}


		}).catch(err => { throw err })}

		function currentDate(){
			const timestamp = new Date();
			return timestamp.toLocaleString();
		}


// Defina um placeholder para a imagem
const placeholder = "img/placeholder.svg";

// Verifique se a imagem está na área visível
$(window).on("scroll", function() {
    $("img[data-src]").each(function() {
        if (isElementInViewport($(this))) {
            $(this).attr("src", $(this).attr("data-src"));
            $(this).removeAttr("data-src");
        }
    });
});

// Função auxiliar para verificar se o elemento está na área visível
function isElementInViewport(el) {
    const rect = el.get(0).getBoundingClientRect();
    return (
        rect.bottom >= 0 &&
        rect.right >= 0 &&
        rect.top <= $(window).height() &&
        rect.left <= $(window).width()
    );
}

//Main function to amazon API
async function getResponse(user_response, chat_history) {
    // Guardar historial de conversación del usuario y del asistente
    if (user_response !== undefined && user_response.trim() !== "") {
        array_chat.push({"name": "User", "message": user_response, "isImg": false, "date": currentDate()});
    }
    if (chat_history !== undefined && chat_history.trim() !== "") {
        array_chat.push({"name": "Assistant", "message": chat_history, "isImg": false, "date": currentDate()});
    }
    
    // Obtener el texto del historial de chat y codificarlo
    let chatText = createTextList(array_chat);
    chatText = encodeURIComponent(chatText);

    // Reemplazar el separador con "|"
    chatText = chatText.replace(/%3Csep%3E/g, "|");

    // Obtener el nombre del asistente y formatearlo
    const employeeName = array_employees[data_index]['name'];
    const formattedEmployeeName = employeeName.replace(/\s/g, '%20');

    // Construir la URL de la API con el texto codificado, el nombre del asistente y el email
    const cookies = parseCookies();
    let apiUrl = `https://3snlc7zlfb.execute-api.us-west-2.amazonaws.com/default/persona_check?email=`;
    if (cookies['id_token']) {
        const idToken = cookies['id_token'];
        const [, payload] = idToken.split('.');
        const decodedPayload = JSON.parse(decodeBase64(payload));
        const email = decodedPayload['email'];
        apiUrl += email;
    }
	console.log(apiUrl);
   
    // Verificar si el usuario está autenticado

if (!cookies['id_token']) {
    // Si no hay token de sesión, mostrar un mensaje para iniciar sesión y salir de la función
    alert('To start chatting, please login.');
	window.location.href = 'https://persona.kinqo.com/'; 

} else {
    // Si hay un token de sesión, continuar con la solicitud a la API
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function () {
        if (xmlHttp.readyState == 4) {
            if (xmlHttp.status == 200) {
                const response = JSON.parse(xmlHttp.responseText);
                if (response === true) {
                    // Si la respuesta es "True", permitir enviar el chat
                    sendChat(chatText, formattedEmployeeName);
                } else {
                    // Si la respuesta es "False", deshabilitar el botón de envío del chat
                    alert("You don't have credits. Please purchase a key.");

                    document.getElementById('sendButton').disabled = true;
                    console.log('No se puede enviar el chat: Usuario no autorizado.');
                }
            } else {
                // Manejar errores de estado HTTP si es necesario
                console.error('Error al obtener respuesta del API. Estado HTTP:', xmlHttp.status);
            }
        }
    };

    xmlHttp.open("GET", apiUrl, true);
    xmlHttp.send();
}

}

function parseCookies() {
            return document.cookie.split(';').reduce((cookies, cookie) => {
                const [name, value] = cookie.trim().split('=');
                cookies[name] = value;
                return cookies;
            }, {});
}

        // Función para decodificar cadena codificada en base64
function decodeBase64(str) {
            return atob(str);
        }
var isTyping;

		function sendChat(chatText, formattedEmployeeName) {
			// Obtener la cookie y extraer el correo electrónico
			let email;
			const cookies = parseCookies();
			
			if (cookies['id_token']) {
				const idToken = cookies['id_token'];
				const [header, payload, signature] = idToken.split('.');
				const decodedPayload = JSON.parse(decodeBase64(payload));
		
				email = decodedPayload['email'];
			} else {
				console.log("no cookie found");
				return;
			}
			
			if (!email) {
				console.error('No se encontró el correo electrónico en la cookie.');
				return;
			}
		
			let apiUrl = `https://6ublc8l4oh.execute-api.us-west-2.amazonaws.com/default/persona?&email=${email}`;
			apiUrl += `&text=${chatText}|&persona=${formattedEmployeeName}`;
		
			console.log(apiUrl);
		
			// Realizar la solicitud para enviar el chat
			var sendXmlHttp = new XMLHttpRequest();
			sendXmlHttp.onreadystatechange = function () {
				if (sendXmlHttp.readyState == 4) {
					if (sendXmlHttp.status == 200) {
						// Llamar a simulateTyping() después de que se envíe el chat correctamente
						responseChat(sendXmlHttp.responseText);
					} else {

						alert("The response has taken longer than expected, please ask again.");
								
								
									window.location.reload();
						// Manejar errores de estado HTTP si es necesario
						console.error('Error al enviar el chat. Estado HTTP:', sendXmlHttp.status);
					}
				}
			};
		
			sendXmlHttp.open("GET", apiUrl, true);
			sendXmlHttp.send();
		}
		
		
		
		
		

       
        
 
		function generateUniqueID(prefix = 'id_') {
		  const timestamp = Date.now();
		  return `${prefix}${timestamp}`;
		}

		function streamChat(source, randomID) {
		  let fullPrompt = "";
		  let partPrompt = "";
		  source.addEventListener('message', function (e) {

		    let data = e.data;
		    let tokens = {};

		    if (typeof data === 'string') {
		      if (data.startsWith('[ERROR]')) {
		        let message = data.substr('[ERROR]'.length).trim();
		        toastr.error(message);
		        enableChat();
		        return;
		      } else if (data === '[DONE]') {

		        $(".cursor").remove();
		        str = $(`.${randomID}`).html();
		        str = escapeHtml(str);
		        $(`.${randomID}`).html(str);
		        $(`.chat_${randomID} .chat-audio`).fadeIn('slow');
		        enableChat();
		        scrollChatBottom();

				    if(!use_text_stream){
					    $(`.${randomID}`).append(fullPrompt);
					    scrollChatBottom();
				    }

		        array_chat.push({"name":employee_name,"message":fullPrompt, "date":currentDate()});
		        checkClearChatDisplay();
		        saveChatHistory();

		        return false;
		      } else {
		        try {
		          tokens = JSON.parse(data);
		        } catch (err) {
		        	if(data){
		        		console.log(data)
		        		return;
		        	}
		        }
		      }
		    }

		    
				if (tokens && tokens.error && (!tokens.choices || tokens.choices.length === 0)) {
				  toastr.error("❌ " + tokens.message);
				  enableChat();
				  $(`.chat_${randomID}`).remove();
				  return false;
				}

				if (tokens.choices && tokens.choices.length > 0) {
				  var choice = is_model_turbo ? tokens.choices[0].delta : tokens.choices[0];
				} else {
				  return;
				}

		    partPrompt = "";
		    if (choice.content || choice.text) {
		      fullPrompt += choice.content || choice.text;
		      partPrompt = choice.content || choice.text;
		    }

		    if(use_text_stream){
			    $(`.${randomID} .get-stream`).append(formatSpecialCharactersRealTime(partPrompt));
			    scrollChatBottom();
		    }
		  });
		}


		function saveChatHistory(){
			array_employees[data_index].last_chat = array_chat;
			if(chat_history){
				localStorage.setItem("smartanimals_chat_v2", JSON.stringify(array_employees));
			}			
			console.log("Saving...")
		}

		function responseChat(response) {
			// Remover palabras filtradas, si las hay
			for (var i = 0; i < filterBotWords.length; i++) {
				if (response.indexOf(filterBotWords[i]) !== -1) {
					response = response.replace(filterBotWords[i], "");
				}
			}
		
			// Guardar la respuesta del usuario antes de actualizar el contenido del chat
			var userResponseHtml = $("#overflow-chat").html();
		
			// Dividir la respuesta en palabras
			var words = response.split(" ");
		
			// Inicializar la respuesta parcial
			var partialResponse = "";
		
			// Construir la respuesta palabra por palabra
			var i = 0;
			var delay = isMobileDevice() ? -3000 : 1; // Retraso mayor en dispositivos móviles
			var scrollIncrement = isMobileDevice() ? -25500 : 150; // Incremento menor en dispositivos móviles
			var letterInterval = setInterval(function() {
				// Agregar la palabra actual a la respuesta parcial
				partialResponse += words[i];
		
				// Agregar un espacio entre palabras (excepto para la última palabra)
				if (i < words.length - 1) {
					partialResponse += " ";
				}
		
				// Actualizar el contenido del chat con la respuesta parcial
				var avatar_in_chat = "";
				if (display_avatar_in_chat === true) {
					avatar_in_chat = `<div class="user-image"><img src="${employee_image}" alt="${employee_name}" title="${employee_name}"></div>`;
				}
				var responseHtml = `
					<div class="conversation-thread thread-ai" style="margin-bottom: 35px;">
						${avatar_in_chat}
						<div class="message-container">
							<div class="message-info">
								${copy_text_in_chat}                        
								<div class="user-name"><h5>${employee_name}</h5></div>
								<div class="message-text" style="overflow: hidden; white-space: nowrap; width: auto;">
									<div class="chat-response" style="display: inline-block;">${escapeHtml(partialResponse)}</div>
									<div class="date-chat"><img src="img/icon-clock.svg"> ${currentDate()}</div>
								</div>
							</div>
						</div>
					</div>
				`;
		
				$("#overflow-chat").html(userResponseHtml + responseHtml); // Agregar la respuesta parcial del bot después de la respuesta del usuario
				scrollChatBottom();
		
				// Si estamos en un dispositivo móvil, desplazar hacia abajo el contenedor del chat mientras se escribe la respuesta del bot
				if (isMobileDevice()) {
					$("#overflow-chat").scrollTop($("#overflow-chat").scrollTop() + scrollIncrement);
				}
		
				// Si hemos mostrado todas las palabras, detenemos el intervalo
				if (i === words.length - 1) {
					clearInterval(letterInterval);
					// Agregar la respuesta completa al historial de chat
					array_chat.push({
						"name": employee_name,
						"message": response,
						"date": currentDate()
					});
					// Habilitar el chat
					enableChat();
					// Guardar el historial del chat
					saveChatHistory();
					// Verificar si es necesario limpiar el chat
					checkClearChatDisplay();
		
					stopInterval(letterInterval);
				} else {
					// Incrementar el índice para pasar a la siguiente palabra
					i++;
				}
			}, delay); // Milisegundos de retardo entre palabras
		}
		
		
		function stopInterval(interval) {
			clearInterval(interval);
		}
		
		function isMobileDevice() {
			return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
		}
		
		
		
		
		
		
		

		function appendChatImg(chat){
			const imageID = Date.now();
			IAimagePrompt = chat.replace("/img ","");

			$("#overflow-chat").append(`

        <div class="conversation-thread thread-ai">
          <div class="message-container">
            <div class="message-info">   
              <div class="user-name"><h5>${employee_name}</h5></div>
              <div class="message-text">
	              <div class="chat-response no-white-space">
	              <p>${lang["translate"][lang_index].creating_ia_image} <strong class='ia-image-prompt-label'>${IAimagePrompt}</strong>
                <div class="wrapper-image-ia image_ia_${imageID}">
	                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="40" height="40">
	                  <circle cx="50" cy="50" r="40" stroke="#c5c5c5" stroke-width="8" fill="none" />
	                  <circle cx="50" cy="50" r="40" stroke="#249ef7" stroke-width="8" fill="none" stroke-dasharray="250" stroke-dashoffset="0">
	                    <animate attributeName="stroke-dashoffset" dur="2s" repeatCount="indefinite" from="0" to="250" />
	                  </circle>
	                </svg>
                </div>
                <p class='expire-img-message'>${lang["translate"][lang_index].expire_img_message}</p>					              
	              </div>
              </div>
            </div>
              <div class='date-chat'><img src='img/icon-clock.svg'> ${currentDate()}</div>
          </div>
        </div>
			`);	

			scrollChatBottom();
			$("#chat").val("");	

			const data = {
			  model: "image-alpha-001",
			  prompt: IAimagePrompt,
			  num_images: dalle_generated_img_count,
			  size: dalle_img_size
			};

			fetch(DALLE_PHP_url, {
			  method: 'POST',
			  body: JSON.stringify(data),
			  headers: {
			    'Content-Type': 'application/json'
			  }
			})
			.then(response => response.json())
			.then(data => {
			  if (data.status == 1) {
		    $(".wrapper-image-ia svg").remove();
		    const images = data.message.data;
		    for (let i = 0; i < images.length; i++) {
		      $(".image_ia_"+imageID).append(`<div class="image-ia"><img onerror="this.src='img/no-image.svg'" src="${images[i].url}"></div>`)
		    }


				const imageUrls = images.map(image => image.url);
		    array_chat.push({"name":"User","message":lang["translate"][lang_index].creating_ia_image_chat_instruction+" "+IAimagePrompt,"isImg":true,imgURL: imageUrls,"date":currentDate()})

			  scrollChatBottom();	
				enableChat();		    
				saveChatHistory();

			  } else{
			  	toastr.error("❌ "+data.message)
			  	enableChat();
			  }
			})			
		}

		//Function that sends the user's question to the chat in html and to the API
		function sendUserChat(){
			let chat = $("#chat").val();

			if(filter_badwords){
				// Create regex to check if word is forbidden
	    	const regex = new RegExp(`\\b(${badWords.join('|')})(?=\\s|$)`, 'gi');
	      // Check if message contains a bad word
	      const hasBadWord = regex.test(chat);
	      // Replace bad words with asterisks
	      if(hasBadWord){
		      const sanitizedMessage = chat.replace(regex, match => '*'.repeat(match.length));
		      $("#chat").val(sanitizedMessage);
		      toastr.error(`${lang["translate"][lang_index].badword_feedback}`);
		      return false;
	      }
    	}

			//checks if the user has entered the minimum amount of characters
			if(chat.length < chat_minlength){
				toastr.error(`${lang["translate"][lang_index].error_chat_minlength} ${chat_minlength} ${lang["translate"][lang_index].error_chat_minlength_part2}`);
				return false;
			}
			
			chat = escapeHtml(chat)

			$("#overflow-chat").append(`
        <div class="conversation-thread thread-user">
          <div class="message-container">
            <div class="message-info">
						${copy_text_in_chat}
						           
              <div class="user-name"><h5>${lang["translate"][lang_index].you}</h5></div>
              <div class="message-text"><div class="chat-response">${chat}</div></div>
              <div class="date-chat"><img src="img/icon-clock.svg"> ${currentDate()}</div>
            </div>
          </div>
        </div>
			`);

			scrollChatBottom();
			hljs.highlightAll();

			if(chat.includes("/img")) {
				appendChatImg(chat);
			}else{
				getResponse(chat);
			}

			$("#chat").val("");
			disableChat();
		}

		//Send message in chat by pressing enter
		$("#chat").keypress(function (e) {
		    if(e.which === 13 && !e.shiftKey) {
		        sendUserChat();
		        return false;
		    }
		});

		
		$(".btn-send-chat").on("click", function(){
			sendUserChat();
		})


		// Function to shuffle the array
		function shuffleArray(array) {
		  return array.sort(() => Math.random() - 0.5);
		}

		function translate() {
			translationObj = lang.translate[lang_index];

			// Loop através de todas as chaves do objeto translationObj
			for (let key in translationObj) {
			  // Obtenha o valor da chave atual
			  let value = translationObj[key];
			  
			  // Encontre todos os elementos no HTML que contêm o bloco entre {{ e }}
			  let elements = document.body.querySelectorAll('*:not(script):not(style)');
			  elements.forEach(function(element) {
			    for (let i = 0; i < element.childNodes.length; i++) {
			      let node = element.childNodes[i];
			      if (node.nodeType === Node.TEXT_NODE) {
			        let text = node.nodeValue;
			        let regex = new RegExp(`{{\\s*${key}\\s*}}`, 'g');
			        if (regex.test(text)) {
			          // Use a propriedade innerHTML para interpretar as tags HTML
			          node.parentElement.innerHTML = text.replace(regex, value);
			        }
			      } else if (node.nodeType === Node.ELEMENT_NODE) {
			        // Para elementos com atributos HTML, substitua o valor da chave no atributo
			        let attributes = node.attributes;
			        for (let j = 0; j < attributes.length; j++) {
			          let attribute = attributes[j];
			          if (attribute.value.includes(`{{${key}}}`)) {
			            let newValue = attribute.value.replace(`{{${key}}}`, value);
			            node.setAttribute(attribute.name, newValue);
			          }
			        }
			      }
			    }
			  });
			}
		}



		function closeChat() {
			hideChat();
			enableChat();
			window.scrollTo(0, scrollPosition);
			document.querySelector("header").classList.remove("header-min");
			document.querySelector("footer").style.display = "block";
	
			// Reemplaza 'tu_enlace' con la URL a la que deseas redirigir
			window.location.href = 'https://persona.kinqo.com/';
		}

		function stopChat(){
			if(source){
			enableChat();
		  source.close();			
		  $(".cursor").remove();
		  }
		}

		$(".btn-cancel-chat").on("click", function(){
			stopChat();
		})

		document.addEventListener("keydown", function(event) {
		  if (event.key === "Escape") {
		    closeChat();
		  }
		});		

		function hideChat(){
			hideFeedback();
			cancelSpeechSynthesis();
			$(".hide-section").show();
			$("#chat-background").hide();
		}


		//Start chat
		$(document).delegate(".ai-contacts-item", "click", function() {
			displayChat($(this));
		})

		$(document).delegate(".start-chat", "click", function() {
			displayChat($(this));
		})		

		function displayChat(element,index = ""){
				cancelSpeechSynthesis();
				$("footer").hide();
			  stopChat();
				scrollPosition = $(this).scrollTop();
				$("header").addClass("header-min");
				$(".hide-section").hide();
				$("#chat-background").show();
				var upContact = false;
				if(index === ""){
					data_index = element.attr("data-index");
				}else{
					upContact = true
					data_index = index;
				}

				$(".ai-contacts-item").removeClass("ai-contacts-item-active");
				$(".ai_contacts_active_"+data_index).addClass("ai-contacts-item-active");

				if(upContact){
					var activeContact = $('.ai-contacts-item-active');
					var contactList = $('.ai-contacts-scroll');
					activeContact.prependTo(contactList);						
				}

				array_messages = [];
				$("#overflow-chat").html("");
				$(".mobile-menu-toogle").hide();
				array_chat = [];

				API_MODEL = array_employees[data_index]['API_MODEL'];
      	is_model_turbo = API_MODEL.includes('gpt');
				employee_name = array_employees[data_index]['name'];
				employee_expert = array_employees[data_index]['expert'];
				employee_image = array_employees[data_index]['image'];
				employee_background_color = array_employees[data_index]['background_thumb_color'];
				employee_temperature = array_employees[data_index]['temperature'];
				employee_frequency_penalty = array_employees[data_index]['frequency_penalty'];
				employee_presence_penalty = array_employees[data_index]['presence_penalty'];
				employee_training = array_employees[data_index]['training'];
	 			displayWelcomeMessage = array_employees[data_index]['display_welcome_message'];
	 			welcome_message = array_employees[data_index]['welcome_message'];
	      chat_minlength = array_employees[data_index]['chat_minlength'];
	      chat_maxlength = array_employees[data_index]['chat_maxlength'];
	      max_num_chats_api = array_employees[data_index]['max_num_chats_api'];
	      google_voice = array_employees[data_index]['google_voice'];
	      google_voice_lang_code = array_employees[data_index]['google_voice_lang_code'];
	 			lastChatLength = (array_employees[data_index] && array_employees[data_index]['last_chat']) ? array_employees[data_index]['last_chat'].length : [];
	 			setURLChat(employee_name);

	 			$(".ai-chat-top-image img").attr("src",employee_image)
	 			$(".ai-chat-top-name").html(`<h4>${employee_name} <span class="online-bullet"></span></h4>`)
	 			$(".ai-chat-top-job").html(employee_expert)

	 			$("#chat").val("");
	 			// Set the maxlength attribute of the chat element to the value of chat_maxlength
	      $("#chat").attr("maxlength",chat_maxlength);

				if (lastChatLength > 2) {
				  loadChat();
				} else {
				  const chat = {"name": employee_name, "message": employee_training, "training": true, "date": currentDate()};
				  array_chat.push(chat);
				  if (displayWelcomeMessage) {
				    responseChat(array_employees[data_index]['welcome_message']);
				  }
				}
				return false;	
		}

		const formatSpecialCharactersRealTime = (str) => {
			const parser = new DOMParser();
  		const decoded = parser.parseFromString(`<!doctype html><body>${str}`, 'text/html').body.textContent;
  		return decoded;
		};		

		const escapeHtml = (str) => {

  str = str.replace(/↵↵.*?\./gs, '');

  if (/<code>|<\/code>|<pre>|<\/pre>/g.test(str)) {
    return str;
  }

  str = str.replace(/[&<>"'`{}()\[\]]/g, (match) => {
    switch (match) {
      case '<': return '&lt;';
      case '>': return '&gt;';
      case '{': return '&#123;';
      case '}': return '&#125;';
      case '(': return '&#40;';
      case ')': return '&#41;';
      case '[': return '&#91;';
      case ']': return '&#93;';
      default: return match;
    }
  });

  // Encontra padrões de link e converte em links clicáveis
  str = str.replace(/(https?:\/\/[^\s]+|www\.[^\s]+|\b(?:[a-z\d]+\.){1,2}[a-z]{2,}\b)/gi, (match) => {
    const url = match.startsWith('http') ? match : 'https://' + match;
    return `<a href="${url}" target="_blank" rel="noopener noreferrer">${match}</a>`;
  });

  str = str.replace(/&lt;span\s+class="get-stream"&gt;/g, "");
  str = str.replace(/&lt;\/span&gt;/g, "");
  str = str.replace(/```(\w+)?([\s\S]*?)```/g, '<pre><code>$2</code><button class="copy-code" onclick="copyCode(this)"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg> <span class="label-copy-code">'+lang["translate"][lang_index].copy_code1+'</span></button></pre>').replace(/(\d+\.\s)/g, "<strong>$1</strong>").replace(/(^[A-Za-z\s]+:)/gm, "<strong>$1</strong>");

  return str;
		};

		// função para copiar o conteudo de texto
		function copyText(button){
			const div = button.parentElement;
		  const code = div.querySelector('.chat-response');
		  const range = document.createRange();
		  range.selectNode(code);
		  window.getSelection().removeAllRanges();
		  window.getSelection().addRange(range);
		  document.execCommand("copy");
		  window.getSelection().removeAllRanges();
		  button.innerHTML = lang["translate"][lang_index].copy_text2;
		}

		// Função para copiar o conteúdo da tag <pre>
		function copyCode(button) {
		  const pre = button.parentElement;
		  const code = pre.querySelector('code');
		  const range = document.createRange();
		  range.selectNode(code);
		  window.getSelection().removeAllRanges();
		  window.getSelection().addRange(range);
		  document.execCommand("copy");
		  window.getSelection().removeAllRanges();
		  button.innerHTML = lang["translate"][lang_index].copy_code2;
		}


		function clearChatlogout(target) {
			// If target is "all", clear chat history for all characters
			if (target == "all") {
			  for (var i = 0; i < array_employees.length; i++) {
				array_employees[i]['last_chat'] = [];
			  }
			  // Display success message using SweetAlert2
			  Swal.fire(
				
				
				'Successful logout'
			  )
			} else {
			  // Otherwise, clear chat history for current character only
			  array_employees[data_index]['last_chat'] = [];
			  // Display success message using SweetAlert2
			  Swal.fire(
				lang["translate"][lang_index].confirmation_delete_chat5,
				lang["translate"][lang_index].confirmation_delete_current_chat,
				'success'
			  )
			}
		  
			// Clear chat display
			$("#overflow-chat").html("");
			// Reset chat history and add initial message
			array_chat = [];
			array_chat.push({
			  "name": employee_name,
			  "message": employee_training,
			  "training": true,
			  "isImg":false,
			  "date": currentDate()
			})
			// Save updated character data to local storage
			localStorage.setItem("smartanimals_chat_v2", JSON.stringify(array_employees));
		  
			// If enabled, display welcome message for current character
			if (displayWelcomeMessage) {
			  responseChat(array_employees[data_index]['welcome_message']);
			}
		  }

	
		// Clear Chat
		function clearChat(target) {
		  // Display confirmation dialog using SweetAlert2 library
		  Swal.fire({
		    title: lang["translate"][lang_index].confirmation_delete_chat1,
		    text: lang["translate"][lang_index].confirmation_delete_chat2,
		    icon: 'warning',
		    showCancelButton: true,
		    confirmButtonColor: '#3085d6',
		    cancelButtonColor: '#d33',
		    confirmButtonText: lang["translate"][lang_index].confirmation_delete_chat3,
		    cancelButtonText: lang["translate"][lang_index].confirmation_delete_chat4
		  }).then((result) => {
		    // If user confirms deletion
		    if (result.isConfirmed) {
		      // If target is "all", clear chat history for all characters
		      if (target == "all") {
		        for (var i = 0; i < array_employees.length; i++) {
		          array_employees[i]['last_chat'] = [];
		        }
		        // Display success message using SweetAlert2
		        Swal.fire(
		          lang["translate"][lang_index].confirmation_delete_chat5,
		          lang["translate"][lang_index].confirmation_delete_chat_all,
		          'success'
		        )
		      } else {
		        // Otherwise, clear chat history for current character only
		        array_employees[data_index]['last_chat'] = [];
		        // Display success message using SweetAlert2
		        Swal.fire(
		          lang["translate"][lang_index].confirmation_delete_chat5,
		          lang["translate"][lang_index].confirmation_delete_current_chat,
		          'success'
		        )
		      }

		      // Clear chat display
		      $("#overflow-chat").html("");
		      // Reset chat history and add initial message
		      array_chat = [];
		      array_chat.push({
		        "name": employee_name,
		        "message": employee_training,
		        "training": true,
		        "isImg":false,
		        "date": currentDate()
		      })
		      // Save updated character data to local storage
		      localStorage.setItem("smartanimals_chat_v2", JSON.stringify(array_employees));

		      // If enabled, display welcome message for current character
		      if (displayWelcomeMessage) {
		        responseChat(array_employees[data_index]['welcome_message']);
		      }
		    }
		  })
		}

		function loadChat(){
		  if(chat_history){
		    checkClearChatDisplay();

		    for(var i=0; i<array_employees[data_index]['last_chat'].length; i++){
		      const currentChat = array_employees[data_index]['last_chat'][i];

		      if(currentChat.name === "User"){
		        if(currentChat.isImg === true){
		        	const imageID = Date.now(); 
							const imgURL = Array.isArray(currentChat.imgURL) ? currentChat.imgURL.map(url => url).join('') : '';
							const imgHtml = Array.isArray(currentChat.imgURL) ? currentChat.imgURL.map(url => `<div class="image-ia"><img onerror="this.src='img/no-image.svg'" src="${url}"></div>`).join('') : '';
		          const chatHtml = `
				        <div class="conversation-thread thread-ai">
				          <div class="message-container">
				            <div class="message-info">
				              <div class="user-name"><h5>${employee_name}</h5></div>
				              <div class="message-text">
					              <div class="chat-response no-white-space">
					              <p>${lang["translate"][lang_index].creating_ia_image} <strong class='ia-image-prompt-label'>${currentChat.message}</strong>
			                  <div class="wrapper-image-ia image_ia_${imageID}">
			                    ${imgHtml}
			                  </div>
			                  <p class='expire-img-message'>${lang["translate"][lang_index].expire_img_message}</p>					              
					              </div>
				              </div>
				            </div>
				              <div class='date-chat'><img src='img/icon-clock.svg'> ${currentChat.date || ''}</div>
				          </div>
				        </div>
		          `;
		          $("#overflow-chat").append(chatHtml);
		        	array_chat.push({"name":"User","message":currentChat.message,"isImg":true,imgURL: currentChat.imgURL,"date":currentDate()});
		        }else{
		          const chatResponse = escapeHtml(currentChat.message)
		          const chatHtml = `
				        <div class="conversation-thread thread-user">
				          <div class="message-container">
				            <div class="message-info">
										
										          
				              <div class="user-name"><h5>${lang["translate"][lang_index].you}</h5></div>
				              <div class="message-text">
				              <div class="chat-response">${chatResponse}</div>
				              </div>
				              <div class='date-chat'><img src='img/icon-clock.svg'> ${currentChat.date || ''}</div>
				            </div>
				          </div>
				        </div>
		          `;
		          $("#overflow-chat").append(chatHtml);
		        	array_chat.push({"name":"User","message":currentChat.message,"isImg":false,"date":currentDate()});
		        }

		      }else{
		        avatar_in_chat = display_avatar_in_chat ? `<div class="user-image"><img onerror="this.src='img/no-image.svg'" src="${employee_image}" alt="${employee_name}" title="${employee_name}"></div>` : '';
		        

		        if(!currentChat.training){
		          const chatResponse = escapeHtml(currentChat.message)
		          const chatHtml = `

				        <div class="conversation-thread thread-ai">
				          ${avatar_in_chat}
				          <div class="message-container">
				            <div class="message-info">
										
										            
				              <div class="user-name"><h5>${currentChat.name}</h5></div>
				              <div class="message-text">
				              	<div class="chat-response">${chatResponse}</div>
				              </div>
				              <div class='date-chat'><img src='img/icon-clock.svg'> ${currentChat.date || ''}</div>
				            </div>
				          </div>
				        </div>
		          `;
		          $("#overflow-chat").append(chatHtml);
		        }

		        array_chat.push({"name":employee_name,"message":currentChat.message,"training":currentChat.training,"date":currentDate()});
		      }
		    }
		    hljs.highlightAll();
		    setTimeout(function() {
		      scrollChatBottom();
		    }, 10);
		  }else{
		    if(displayWelcomeMessage){
		      responseChat(welcome_message);
		    }
		  }
		}


		//Check Clear Chat display
		function checkClearChatDisplay(){
			if(array_employees[data_index]['last_chat'].length > 1){
				if(chat_history){
					$("#clear-chat").show();
				}
			}else{
				$("#clear-chat").hide();
			}			

			const hasLastChat = array_employees.some((result) => {
			  return result.last_chat && result.last_chat.length > 2;
			});

			if (hasLastChat) {
			  $("#clear-all-chats").show();
			} else {
				$("#clear-all-chats").hide();
			}
		}		

		//Error messages
		function hideFeedback(){
			toastr.remove()
		}

		//Force chat to scroll down
		function scrollChatBottom(){
			let objDiv = document.getElementById("overflow-chat");
			objDiv.scrollTop = objDiv.scrollHeight;
			hljs.highlightAll();

			setTimeout(function() {
			  if (window.innerWidth < 768) {
			    window.scrollTo(0, document.documentElement.scrollHeight);
			  }
			}, 100);

		}

		//Enable chat input
		function enableChat(){
				$(".character-typing").css('visibility','hidden')
				$(".btn-send-chat,#chat").attr("disabled",false);
				$(".btn-send-chat").show();
				$(".btn-cancel-chat").hide();				
	  		var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
			  if(!isMobile) {
			    setTimeout(function() {
			      $('#chat').focus();
			    }, 300);
			  }

		}

		//Disable chat input
		function disableChat(){
				$(".character-typing").css('visibility','visible')
				$(".character-typing").css('display','flex');
				$(".character-typing span").html(employee_name);
				$(".btn-send-chat,#chat").attr("disabled",true);
				$(".btn-send-chat").hide();
				$(".btn-cancel-chat").show();				
		}

		


		function createTextList(data) {
			let chatText = "";
			let separator = "<sep>"; // Usamos un separador especial
		
			data.forEach(chat => {
				// Si hay un mensaje previo, agregamos el separador
				if (chatText.length > 0) {
					chatText += separator;
				}
				
				// Agregamos el mensaje al historial de chat
				chatText += chat.message;
			});
		
			return chatText;
		}
		
		
		
		
		
		
		
  

		function downloadPdf(){

		var docDefinition = {
		  content: [
		    { text: lang["translate"][lang_index].header_title_pdf, style: 'header' },
		    "\n"
		  ],

		  styles: {
		    header: {
		      fontSize: 22,
		      bold: true
		    },
		    name: {
		      fontSize: 14,
		      color: '#0072c6',
		      bold: true
		    },
		    message: {
		      fontSize: 12,
		      color: '#2c2c2c',
		      bold: false,
		      lineHeight: 1.2,
		      marginTop: 4
		    },
		    date: {
		    	marginTop: 5,
		      fontSize: 10,
		      color: '#787878'
		    },

			  defaultStyle: {
			    font: 'Roboto'
			  }

		  }
		};

		// Adiciona cada elemento do array ao docDefinition
		for (var i = 1; i < array_chat.length; i++) {
		  var message = array_chat[i];
		  var name = { text: message.name + ': ', style: 'name' };
		  var messageText = { text: message.message.replace(/\p{Emoji}/gu, '').replace(/↵↵.*?\./gs, ''), style: 'message' };

		  docDefinition.content.push(name);
		  docDefinition.content.push(messageText);
		  docDefinition.content.push({ text: message.date, style: 'date' });
		  docDefinition.content.push("\n");
		}

		// Cria uma instância do pdfMake
		var pdfMakeInstance = pdfMake.createPdf(docDefinition);

		// Download pdf
		pdfMakeInstance.download('chat.pdf');
		}

		// Function to download the file
		function downloadFile(blob, fileName) {

		  // Create a URL object with the Blob
		  const url = URL.createObjectURL(blob);

		  // Create a download link and add it to the document
		  const link = document.createElement("a");
		  link.href = url;
		  link.download = fileName;
		  document.body.appendChild(link);

		  // Simulate a click on the link to trigger the download
		  link.click();

		  // Remove the link from the document
		  document.body.removeChild(link);
		}

		// Function to handle the download button click event
		function handleDownload() {
		  const processed_chat = array_chat.map((message) => {
		    const text = message.message.replace(/\p{Emoji}/gu, '').replace(/↵↵.*?\./gs, '');
		    return { ...message, message: text };
		  });
		  const blob = createText(processed_chat);
		  downloadFile(blob, "chat.txt");
		}
		//Chat audio
		$(document).on("click", ".chat-audio", function() {
		  var $this = $(this);
		  var $img = $this.find("img");
		  var $chatResponse = $this.siblings(".message-text")
		  var play = $img.attr("data-play") == "true";

		  if (play) {
		    cancelSpeechSynthesis();
		  }

		  $img.attr({
		    "src": "img/btn_tts_" + (play ? "play" : "stop") + ".svg",
		    "data-play": play ? "false" : "true"
		  });

		  if (!play) {
		    cancelSpeechSynthesis();

		    // Remove botão de cópia do texto antes de sintetizar a fala
		    var chatResponseText = $chatResponse.html().replace(/<button\b[^>]*\bclass="[^"]*\bcopy-code\b[^"]*"[^>]*>.*?<\/button>/ig, "");

		    // Verifica se o recurso é suportado antes de chamar a função
		    if ('speechSynthesis' in window) {
		      doSpeechSynthesis(chatResponseText,$chatResponse);
		    }
		  }
		});

		function cleanString(str) {
		  str = str.trim()
		           .replace(/<[^>]*>/g, "")
		           .replace(/[\u{1F600}-\u{1F64F}|\u{1F300}-\u{1F5FF}|\u{1F680}-\u{1F6FF}|\u{2600}-\u{26FF}|\u{2700}-\u{27BF}|\u{1F900}-\u{1F9FF}|\u{1F1E0}-\u{1F1FF}|\u{1F200}-\u{1F2FF}|\u{1F700}-\u{1F77F}|\u{1F780}-\u{1F7FF}|\u{1F800}-\u{1F8FF}|\u{1F900}-\u{1F9FF}|\u{1FA00}-\u{1FA6F}|\u{1FA70}-\u{1FAFF}]/gu, '')
		           .replace(/<div\s+class="date-chat".*?<\/div>/g, '')
		           .replace(/\n/g, '');
		  return str;
		}

		function cancelSpeechSynthesis() {
		    if (window.speechSynthesis) {
		        window.speechSynthesis.cancel();
		    }
		}		


function doSpeechSynthesis(longText, chatResponse) {

	$("span.chat-response-highlight").each(function() {
	  $(this).replaceWith($(this).text());
	});	

  longText = cleanString(longText);

  // The maximum number of characters in each part
  const maxLength = 100;

  // Find the indices of punctuation marks in the longText string
  const punctuationIndices = [...longText.matchAll(/[,.?!]/g)].map(match => match.index);

  // Divide the text into smaller parts at the punctuation marks
  const textParts = [];
  let startIndex = 0;
  for (let i = 0; i < punctuationIndices.length; i++) {
    if (punctuationIndices[i] - startIndex < maxLength) {
      continue;
    }
    textParts.push(longText.substring(startIndex, punctuationIndices[i] + 1));
    startIndex = punctuationIndices[i] + 1;
  }
  if (startIndex < longText.length) {
    textParts.push(longText.substring(startIndex));
  }


const utterances = textParts.map(textPart => {
  const utterance = new SpeechSynthesisUtterance(textPart);
  utterance.lang = google_voice_lang_code;
  utterance.voice = speechSynthesis.getVoices().find(voice => voice.name === google_voice);

  if (!utterance.voice) {
    const backupVoice = array_voices.find(voice => voice.lang === utterance.lang);
    if (backupVoice) {
      utterance.voice = speechSynthesis.getVoices().find(voice => voice.name === backupVoice.name);
    }
  }
  
  return utterance;
});


  // Define the end of speech event
  utterances[utterances.length - 1].addEventListener("end", () => {
    $(".chat-audio img").attr("src", "img/btn_tts_play.svg");
    $(".chat-audio img").attr("data-play", "false");
  });

  let firstChat = false;
		// Read each piece of text sequentially
		function speakTextParts(index = 0) {
		  if (index < utterances.length) {
		    const textToHighlight = textParts[index];
		    const highlightIndex = longText.indexOf(textToHighlight);

		    // Highlight the text
		    chatResponse.html(chatResponse.html().replace(textToHighlight, `<span class="chat-response-highlight">${textToHighlight}</span>`));

		    // Speak the text
		    speechSynthesis.speak(utterances[index]);
		    utterances[index].addEventListener("end", () => {
		      // Remove the highlight
		      chatResponse.html(chatResponse.html().replace(`<span class="chat-response-highlight">${textToHighlight}</span>`, textToHighlight));
		      speakTextParts(index + 1);
		    });

		    // Remove the highlight if speech synthesis is interrupted
		    speechSynthesis.addEventListener('pause', () => {
		      chatResponse.html(chatResponse.html().replace(`<span class="chat-response-highlight">${textToHighlight}</span>`, textToHighlight));
		    }, {once: true});
		  }
		}

	  // Begin speak
	  speakTextParts();
	}

		window.speechSynthesis.onvoiceschanged = function() {
			getTextToSpeechVoices();  
		};

		function displayVoices(){
			console.table(array_voices)
		}

		function getTextToSpeechVoices(){
			window.speechSynthesis.getVoices().forEach(function(voice) {
			  const voiceObj = {
			    name: voice.name,
			    lang: voice.lang
			  };
			  array_voices.push(voiceObj);
			});			
		}

		//Display employees description
		const myModalEl = document.getElementById('modalDefault')
		myModalEl.addEventListener('show.bs.modal', event => {
		  $("#modalDefault .modal-title").html(array_employees[data_index].name);
		  $("#modalDefault .modal-body").html(array_employees[data_index].description);
		})

		
			// Define the key for the localStorage storage item
			const localStorageKey = "col-contacts-border-display";

			// Get the current display state of the div from localStorage, if it exists
			let displayState = localStorage.getItem(localStorageKey);
			if (displayState) {
			  $(".col-contacts-border").css("display", displayState);
			} else {
			  // If the display state of the div is not stored in localStorage, set the default state to "none"
			  $(".col-contacts-border").css("display", "none");
			}

			// Add the click event to toggle the display state of the div
			$(".toggle_employees_list").on("click", function(){
			  $(".col-contacts-border").toggle();

			  // Get the new display state of the div
			  displayState = $(".col-contacts-border").css("display");

			  // Store the new display state of the div in localStorage
			  localStorage.setItem(localStorageKey, displayState);
			});


		function setURLChat(employee_name) {
		  const defaultUrl = window.location.origin + window.location.pathname;
		  const params = new URLSearchParams(window.location.search);
		  params.set("chat", employee_name);
		  const newUrl = new URL(defaultUrl);
		  newUrl.search = params.toString();
		  history.pushState({}, "", newUrl.href);
		}

		function backToTop(){
  		window.scrollTo({ top: 0, behavior: 'smooth' });			
		}

		toastr.options = {
			  "closeButton": true,
			  "debug": false,
			  "newestOnTop": false,
			  "progressBar": true,
			  "positionClass": "toast-bottom-full-width",
			  "preventDuplicates": true,
			  "onclick": null,
			  "showDuration": "300",
			  "hideDuration": "1000",
			  "timeOut": "5000",
			  "extendedTimeOut": "2000",
			  "showEasing": "swing",
			  "hideEasing": "linear",
			  "showMethod": "fadeIn",
			  "hideMethod": "fadeOut"
		}



	const textarea = document.querySelector('#chat');
	const microphoneButton = document.querySelector('#microphone-button');

	let isTranscribing = false; // Initially not transcribing

	if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
	  const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();

	  recognition.lang = microphone_speak_lang;
	  recognition.continuous = true;

	  recognition.addEventListener('start', () => {
	    $(".btn-send-chat").attr("disabled",true);
	    $("#microphone-button").attr("src","img/mic-stop.svg")
	  });

	  recognition.addEventListener('result', (event) => {
	    const transcript = event.results[0][0].transcript;
	    textarea.value += transcript + '\n';
	  });

	  recognition.addEventListener('end', () => {
	    $(".btn-send-chat").attr("disabled",false);
	    $("#microphone-button").attr("src","img/mic-start.svg")
	    isTranscribing = false; // Define a transcrição como encerrada
	  });

	  microphoneButton.addEventListener('click', () => {
	    if (!isTranscribing) {
	      // Start transcription if not transcrivendo
	      recognition.start();
	      isTranscribing = true; 
	    } else {
	      // Stop transcription if already transcribing
	      recognition.stop();
	      isTranscribing = false;
	    }
	  });
	} else {
	  //toastr.error('Web Speech Recognition API not supported by browser');
	  console.log('Web Speech Recognition API not supported by browser');
	  $("#microphone-button").hide()
	}

const arrow = $('.arrow-up');
arrow.toggleClass('arrow-down arrow-up');

$('.btn-options-input').click(function() {
  if (arrow.hasClass('arrow-down')) {
    arrow.removeClass('arrow-down').addClass('arrow-up');
    $(".col-options-input .form-floating").show();
  } else {
    arrow.removeClass('arrow-up').addClass('arrow-down');
    console.log('Arrow down');
    $(".col-options-input .form-floating").hide();
  }
});

// Activa el modo oscuro y actualiza el ícono del tema al cargar la página
document.body.classList.add("dark-mode");



$("#loading").fadeOut();