Hooks

convokraft.handleResponse=function(actionName,data,element,responseHandled,fromHistory,fromPagination)
{
//Ingresa la lógica aquí
return true;
}

convokraft.handleResponse = function(actionName,data,element,responseHandled,fromHistory,fromPagination)
{
if(actionName=="schedule_event")
{
element.innerHTML="This is a test function from "+data.name;
element.style.padding="10px";
responseHandled();
return false; //Renderiza la respuesta construida anteriormente
}
return true; //Renderiza la respuesta original de ConvoKraft
}

convokraft.handleMissed = function(element, responseHandled, fromHistory, fromPagination)
{
//Ingresa la lógica del elemento que se renderizará como respuesta de convokraft 
}

convokraft.handleMissed= function(element,responseHandled,fromHistory){
element.innerHTML = "
Sorry! Not found!

";
responseHandled();
return false;
}

convokraft.handleError = function(element, responseHandled, fromHistory, fromPagination)
{
//Ingresa la lógica para personalizar el mensaje de error
}

convokraft.handleError= function(element,responseHandled){
if(typeof data !== "undefined"){
messageString = data.data.code;
}
else{
messageString = "Api Error!";
}
element.innerHTML = "
Sorry! "+messageString+"

";
responseHandled();
}

convokraft.minimizeChat=function()
{
//obtener tu div de chat y aplicar animación de minimizar y estilos según necesites
}

convokraft.minimizeChat=function()
{
if(document.getElementById("zdivid").style.marginBottom=="-400px"||document.getElementById("zdivid").style.marginBottom=="")
{ 
document.getElementById("zdivid").style.marginBottom="-0px";
}
else
{ 
document.getElementById("zdivid").style.marginBottom="-400px";
}
}

convokraft.didConnect=function()
{
//Ingresa la lógica aquí        
}

convokraft.didConnect=function()
{
var loadingDiv=document.getElementById("loadingDiv");
if(loadingDiv)
{
loadingDiv.style.display='none';
}
}

convokraft.setOnBoarding=function(element,sentences,placeholders)
{
//construir HTML y estilos según tu necesidad y agregarlo al elemento
}

convokraft.setOnBoarding=function(element,sentences,placeholders)
{
var html="
This is a custom onboarding screen by client app and here are the list of sentences:


";
sentences.forEach(function(item)
{
html+="
"+item+"
";
})
html+="
";
element.innerHTML=html;
element.style.padding="10px";
}

[
{
"id": "1",
"sentence": "Apply leave for {{fromdate}} and {{todate}}",
"actual_sentence": "Apply leave for today and tomorrow"
},
{
"id": "2",
"sentence": "What is the {{property}} of {{country}}?",
"actual_sentence": "What is the capital of India?"
}
]
//Filtrar o modificar las oraciones que se mostrarán en la pantalla de incorporación

convokraft.setOnBoardingSentences=function(sentences)
{
//definir HTML y estilos según tu necesidad y agregarlo al elemento
}

convokraft.setOnBoardingSentences=function(sentences)
{
sentences.splice(0,8);
return sentences;
}

convokraft.setClientSessionData=function()
{
//Devolver un objeto JSON
}

convokraft.setClientSessionData=function()
{
return 
{
portal_name: "zylker",
ui_version: "2.0"
}
}

convokraft.handleUpload = function(input){
//haz lo que desees con el elemento que se renderizará como respuesta de convokraft 
}

convokraft.handleUpload=function(uploadObject){
let percentage = 20;
let onSuccess = uploadObject.onSuccess;
let onFailure = uploadObject.onFailure;
var percentageInterval = setInterval(function() {
if(percentage === 100){
clearInterval(percerntageInterval);
uploadObject.updateProgress(100,"Your file is being processed. Please wait...");
setTimeout(function() {
if(zia.fileUploadCount > 1){
onSuccess((Date.now()).toString());
}
else{
onFailure("Your file is over 2MB. Please upload a file of less size.");
}
}, 5000);
return;
}
percentage+=20;
uploadObject.onProgressChange(percentage);
}, 500);
}

convokraft.handleWelcome = function(config){
//haz lo que desees con el elemento que se renderizará como respuesta de convokraft 
}

convokraft.handleWelcome = function(config) {
config.element.innerHTML = `Hello Guest! Here are few things I can do for you. <div class='suggestion'>Raise a ticket</div> <div class='suggestion'>List my inventory and assets</div>`;
}