")
, clientText = document.getElementById("client-text-area")
, mainPanel = document.getElementById("chatbox-popup__main");
function addMessage(t, e) {
let a = "l-msg";
"user" == e && (a = "r-msg");
let o = createElementFromHTML('
' + t + "
");
mainPanel.appendChild(o);
document.getElementById("chatbox-popup__main").scrollTop = document.getElementById("chatbox-popup__main").scrollHeight;
}
function fadeOut(t) {
t.style.opacity = 1,
function e() {
(t.style.opacity -= .1) < 0 ? t.style.display = "none" : requestAnimationFrame(e)
}()
}
function fadeIn(t, e) {
t.style.opacity = 0,
t.style.display = e || "block",
function e() {
var a = parseFloat(t.style.opacity);
(a += .1) > 1 || (t.style.opacity = a,
requestAnimationFrame(e))
}()
}
function createElementFromHTML(t) {
var e = document.createElement("div");
return e.innerHTML = t.trim(),
e.firstChild
}
function t() {
clientText.style.height = "24px";
msg = clientText.value.split("\n").join(""),
document.getElementById("chatbox-popup__main").scrollTop = document.getElementById("chatbox-popup__main").scrollHeight,
messageStack.push({
content: msg,
role: "user"
}),
addMessage(msg, "user"),
clientText.value = "",
sendMessage()
}
document.querySelectorAll(".chatbox-open").forEach(t=>{
t.addEventListener("click", ()=>{
document.querySelectorAll(".chatbox-popup, .chatbox-close").forEach(t=>{
fadeIn(t)
}
)
}
)
}
),
document.querySelectorAll(".chatbox-close").forEach(t=>{
t.addEventListener("click", ()=>{
document.querySelectorAll(".chatbox-popup, .chatbox-close").forEach(t=>{
fadeOut(t)
}
)
}
)
}
),
document.querySelectorAll(".chatbox-maximize").forEach(t=>{
t.addEventListener("click", ()=>{
document.querySelectorAll(".chatbox-popup, .chatbox-open, .chatbox-close").forEach(t=>{
fadeOut(t)
}
),
document.querySelectorAll(".chatbox-panel").forEach(t=>{
fadeIn(t)
}
)
}
)
}
),
document.querySelectorAll(".chatbox-minimize").forEach(t=>{
t.addEventListener("click", ()=>{
document.querySelectorAll(".chatbox-popup, .chatbox-open, .chatbox-close").forEach(t=>{
fadeIn(t)
}
),
document.querySelectorAll(".chatbox-panel").forEach(t=>{
fadeOut(t)
}
)
}
)
}
),
document.querySelectorAll(".chatbox-panel-close").forEach(t=>{
t.addEventListener("click", ()=>{
document.querySelectorAll(".chatbox-open").forEach(t=>{
fadeIn(t)
}
),
document.querySelectorAll(".chatbox-panel").forEach(t=>{
fadeOut(t)
}
)
}
)
}
),
clientText.addEventListener("keyup", e=>{
var a;
"Enter" == e.key && t(),
(a = e.target).style.height = "1px",
a.style.height = a.scrollHeight + "px"
}
),
document.querySelectorAll(".btn.send-msg").forEach(e=>{
e.addEventListener("click", ()=>{
t()
}
)
}
);
async function callDema(body){
let t = await fetch( baseUrl + "/msg", {
method: "POST",
headers: {
Authorization: "Bearer " + tk
},
body: JSON.stringify(body)
});
if (!t.ok) {
let e = await t.json();
throw Error(e.message)
}
return t;
}
async function sendMessage() {
mainPanel.append(loader);
let t = await fetch(baseUrl + "/msg", {
method: "POST",
headers: {
Authorization: "Bearer " + tk,
"Content-Type":"application/json"
},
body: JSON.stringify({
m: messageStack,
c:c_324981_8821
})
});
if (!t.ok) {
let e = await t.json();
throw Error(e.message)
}
let a = await t.json();
a = a["response"]
a = a.replace(/\n/g, " ");
a = a.replace(/\[([^\]]+)\]\((https?:\/\/[^\s]+?)\)/g, '$1');
messageStack.push({
content: a,
role: "assistant"
}),
addMessage(a, "assistant"),
loader.remove()
}
function writeCookie(k, v) {
if( v == "" ){
return;
}
document.cookie = k + " = " + v + ";";
}
function readCookie(key) {
var allcookies = document.cookie;
cookiearray = allcookies.split(';');
for(var i = 0; i