`;
//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=" + '6838645fb4258f05880556aa'
const BOT_NAME = "ChatGPT";
const PERSON_NAME = "You";
const idSession = get(".id_session");
const USER_ID = '6838645fb4258f05880556aa';
const ANWALT_ID = '302572';
const CHAT_ID = '6838645fb4258f05880556aa'
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();
}
});
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, 'Herzlich willkommen. Mein Name ist Lexi und ich bin die virtuelle Assistentin in der Kanzlei. Ich organisiere einen persönlichen Rückruf oder eine Nachricht durch den Anwalt für Sie. Meine Aufgabe ist es, den Fall möglichst gut für den Anwalt zusammenzufassen, damit er sich auf das Gespräch optimal vorbereiten kann. Können Sie mir kurz sagen, um was es in Ihrer Angelegenheit geht? Ihre Angaben bleiben natürlich vertraulich.', "");
}
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.
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();
}
}, 40);
}
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 = `
