`;
//get elements
const chatForm = document.getElementById('chat-form');
const chatInput = document.getElementById('chat-input');
const chatSubmit = document.getElementById('chat-submit');
const chatMessages = document.getElementById('chat-messages');
const chatBubble = document.getElementById('chat-bubble');
const chatPopup = document.getElementById('chat-popup');
const closePopup = document.getElementById('close-popup');
//rename variables
const msgerForm = chatForm;
const msgerInput = chatInput;
const msgerChat = chatMessages;
const msgerSendBtn = chatSubmit;
let firstTime = true;
const LEFT_SIDE = "bot";
const RIGHT_SIDE = "human";
const BOT_IMG = "../chat/chatgpt.svg";
const PERSON_IMG = "https://api.dicebear.com/5.x/micah/svg?seed=" + '6a45f9bffdeaed6c7b63c31d'
const BOT_NAME = "ChatGPT";
const PERSON_NAME = "You";
const idSession = get(".id_session");
const USER_ID = '6a45f9bffdeaed6c7b63c31d';
const ANWALT_ID = '302572';
const CHAT_ID = '6a45f9bffdeaed6c7b63c31d'
const chat_ended_msg = `
Einen Moment, link zum Kontaktformular wird vorbereitet, bitte ein wenig Geduld.
`;
const wave = `
`;
let writing_promise;
//wait for things to happen
chatBubble.addEventListener('click', function () {
togglePopup();
if (firstTime) {
document.getElementById('lexi_video').play();
firstTime = false
}
});
closePopup.addEventListener('click', function () {
togglePopup();
});
chatInput.addEventListener('keyup', function (event) {
if (event.key === 'Enter') {
chatSubmit.click();
}
});
chatInput.addEventListener('focus', function (event) {
scroll_chat_bottom();
});
//also scroll when content changes (like a new message)
const observer = new MutationObserver(scroll_chat_bottom);
observer.observe(document.querySelector('#chat-messages'), { childList: true });
chatSubmit.addEventListener('click', function () {
if (chatInput.value.trim() !== '') {
const msgText = msgerInput.value.trim();
if (!msgText) return;
appendMessage(PERSON_NAME, PERSON_IMG, RIGHT_SIDE, msgText);
msgerInput.value = "";
sendMsg(msgText)
}
});
msgerForm.addEventListener("submit", event => {
event.preventDefault();
const msgText = msgerInput.value.trim();
if (!msgText) return;
appendMessage(PERSON_NAME, PERSON_IMG, RIGHT_SIDE, msgText);
msgerInput.value = "";
sendMsg(msgText)
});
//check/start chat
startConversation()
//togglePopup();
/*
// Function to delete chat history records for a user ID using the API
function deleteChatHistory(userId) {
if (!confirm("Are you sure? Your Session and History will delete for good.")) {
return false
}
fetch('lexi/deleteHistory?user=' + USER_ID, {
method: 'DELETE',
headers: {'Content-Type': 'application/json'}
})
.then(response => {
if (!response.ok) {
throw new Error('Error deleting chat history: ' + response.statusText);
}
deleteAllCookies()
location.reload(); // Reload the page to update the chat history table
})
.catch(error => console.error(error));
}
// Event listener for the Delete button click
const deleteButton = document.querySelector('#delete-button');
deleteButton.addEventListener('click', event => {
event.preventDefault();
deleteChatHistory(USER_ID);
});*/
// Function to send a message to the API
function getHistory() {
var formData = new FormData();
fetch('https://anwalt.rechtecheck.com/anwalt/lexi/get_history', {method: 'POST', body: formData})
.then(response => response.json())
.then(chatHistory => {
if (chatHistory.error > 0) {
startConversation()
} else {
for (const row of chatHistory) {
appendMessage(PERSON_NAME, PERSON_IMG, RIGHT_SIDE, row.human);
appendMessage(BOT_NAME, BOT_IMG, LEFT_SIDE, row.ai, "");
}
}
})
.catch(error => {
appendMessage(BOT_NAME, BOT_IMG, LEFT_SIDE, 'Es scheint ein Irrtum zu geben', "");
appendMessage(BOT_NAME, BOT_IMG, LEFT_SIDE, ' Bitte laden Sie die Seite neu.', "");
});
}
function startConversation() {
console.log('patata');
appendMessage(BOT_NAME, BOT_IMG, LEFT_SIDE, 'Hallo, mein Name ist Lexi, die KI-Assistenz der Kanzlei. Wie können wir Ihnen heute helfen?', "");
}
function sendMsg(msg) {
changeVideo();
var formData = new FormData();
formData.append('anwalt_id', ANWALT_ID);
formData.append('lexi_chat_id', CHAT_ID);
formData.append('msg', msg);
fetch('https://anwalt.rechtecheck.com/anwalt/lexi/send_message', {method: 'POST', body: formData})
.then(response => response.json())
.then(data => {
if (data.is_chat_ended) {
appendMessage(BOT_NAME, BOT_IMG, LEFT_SIDE, data.message.content, "");
msgerChat.insertAdjacentHTML("beforeend", chat_ended_msg);//no se usa la funcion porque el stilo difiere de un mensaje normal
awaitreply();
zusammenfassung();
} else if (data.message.content != "") {
appendMessage(BOT_NAME, BOT_IMG, LEFT_SIDE, data.message.content, "");
}
/*
let uuid = uuidv4()
const eventSource = new EventSource(`https://anwalt.rechtecheck.com/anwalt/lexi/event_stream?chat_history_id=${data.id}&id=${encodeURIComponent(USER_ID)}`);
console.log(eventSource);
awaitReplyElement.remove();
appendMessage(BOT_NAME, BOT_IMG, "left", "", uuid);
changeVideo();
const div = document.getElementById(uuid);
eventSource.onmessage = function (e) {
if (e.data == "[DONE]") {
msgerSendBtn.disabled = false
eventSource.close();
} else {
let txt = JSON.parse(e.data).choices[0].delta.content
if (txt !== undefined) {
div.innerHTML += txt.replace(/(?:\r\n|\r|\n)/g, '
');
}
}
};
eventSource.onerror = function (e) {
msgerSendBtn.disabled = false
console.log(e);
let txt = JSON.parse(e.data).choices[0].delta.content
if (txt !== undefined) {
div.innerHTML += txt.replace(/(?:\r\n|\r|\n)/g, '
');
}
eventSource.close();
};*/
})
.catch(error => {
appendMessage(BOT_NAME, BOT_IMG, LEFT_SIDE, 'Es scheint ein Irrtum zu geben. \n Bitte laden Sie die Seite neu.', "");
});
}
async function writeText(content, container) {
writing_promise = null;
var contentArray = content.split(""),
current = 0,
elem = container;
return isinterval = setInterval(function () {
if (current < contentArray.length) {
elem.innerHTML += contentArray[current++];
scroll_chat_bottom();
} else {
chatInput.disabled = false;
// chatInput.focus();
clearInterval(isinterval);
isinterval = undefined;
scroll_chat_bottom();
}
}, 20);
}
function appendMessage(name, img, side, text, id) {
chatInput.disabled = true
const msgHTML = `
`;
let replyElement = document.getElementById('await-reply-container')
if (replyElement) {
replyElement.remove();
}
msgerChat.insertAdjacentHTML("beforeend", msgHTML);
if (side === 'bot') {
writing_promise = writeText(text, document.getElementById('last_msg'));
document.getElementById('last_msg').setAttribute('id', '')
} else {
document.getElementById('last_msg').innerHTML = text;
document.getElementById('last_msg').setAttribute('id', '')
chatInput.value = '';
awaitreply();
}
scroll_chat_bottom();
}
function zusammenfassung() {
/* appendMessage(BOT_NAME, BOT_IMG, LEFT_SIDE, 'Vielen Dank für die Vorbereitung zu Ihrem Fall. Wir rufen jetzt das Formular zur Adresseingabe auf, das aus Datenschutzgründen getrennt ist \n ' +
'Link zum Kontaktformular wird vorbereitet, bitte ein wenig Geduld.', "");*/
var formData = new FormData();
formData.append('anwalt_id', ANWALT_ID);
formData.append('lexi_chat_id', CHAT_ID);
zusammenfassung_call(formData)
/* navigator.geolocation.getCurrentPosition(function (position) {
formData.append('lat', position.coords.latitude);
formData.append('long', position.coords.longitude);
});*/
}
let firstzusammenfassung_call = true;
function zusammenfassung_call(formData) {
fetch('https://anwalt.rechtecheck.com/anwalt/lexi/zusammenfassung', {method: 'POST', body: formData})
.then(response => response.json())
.then(response => {
msgerChat.insertAdjacentHTML("beforeend", response.link);
removeawaitreply();
scroll_chat_bottom();
})
.catch(error => {
removeawaitreply();
zusammenfassung_call(formData);
scroll_chat_bottom();
});
}
// Utils
function get(selector, root = document) {
return root.querySelector(selector);
}
function formatDate(date) {
const h = "0" + date.getHours();
const m = "0" + date.getMinutes();
return `${h.slice(-2)}:${m.slice(-2)}`;
}
function random(min, max) {
return Math.floor(Math.random() * (max - min) + min);
}
function getCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function uuidv4() {
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
(c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
);
}
function deleteAllCookies() {
const cookies = document.cookie.split(";");
for (let i = 0; i < cookies.length; i++) {
const cookie = cookies[i];
const eqPos = cookie.indexOf("=");
const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
}
function awaitreply() {
const replyElement = document.createElement('div');
chatInput.disabled = true;
replyElement.className = 'flex mb-3';
replyElement.innerHTML = `
