Türk Ekonomi Bankasi - Teb.com.tr (2024)

'; return cardStr } }; var chatbotContainer = $('.chatbot-container'), chatbotHeader = $('.chatbot-header'), chatbotContent = $('.chatbot-content'), messagesContainer = $('#messagess'), sendBtn = $('#sendBtn'), textInput = $('#chatbot-input'), chatbotButton = $('.chatbot-btn'), collapsibleTitle = $('.card-content .collapsible .icon-title'); chatbotHeader.on('click', function () { if (chatbotContainer.hasClass('open')) { chatbotContainer.removeClass('open'); chatbotButton.removeClass('open'); } else { chatbotContainer.addClass('open'); if (socket == null || !socket.connected) { initSocket(); } } }); var newMessage = function (type, cardType, text) { switch (cardType) { case "message": messagesContainer.append(templates.message(type, (text.indexOf("&") > 0 ? text.substring(text.lastIndexOf("&") + 1) : text))); break; case "card_default": var card_default_msg = messagesContainer.append(templates.card_default(text)); card_default_msg.find(".chatbot-slider").bxSlider({ nextArrow: "", prevArrow: "", pager: (text.length > 1 ? true : false) }); break; } switch (type) { case "user": textInput.val(""); break; case "bot": toggleInputs(false); $("#lottie2").parent().parent().parent().remove(); break; } setTimeout(function () { $(".chatbot-content").mCustomScrollbar("scrollTo", "bottom"); if (!isScreenMobile) { textInput.focus(); } }, 200); }; sendBtn.on('click', function (e) { e.preventDefault(); if (textInput.val().trim().toString().length > 0) { sendMessage(textInput.val()); } }); textInput.on('keydown', function (e) { if (e.which == 13) { if (textInput.val().trim().toString().length > 0) { e.preventDefault(); sendMessage(textInput.val()); } } }); collapsibleTitle.on('click', function (e) { var parent = $(this).parent().parent(); parent.find('.collapsible').removeClass('open'); $(this).parent().addClass('open'); }); $(".chatbot-content").mCustomScrollbar({ theme: "dark", axis: "y", documentTouchScroll: true, contentTouchScroll: 1 }); window.addEventListener("resize", function () { $(".chatbot-content").mCustomScrollbar("scrollTo", "bottom"); }); chatbotButton.on('click', function () { chatbotContainer.toggleClass('open'); chatbotButton.toggleClass('open'); if (chatbotContainer.hasClass('open')) { if (socket == null || !socket.connected) { initSocket(); if (!isScreenMobile) { textInput.focus(); } } } }); textInput.keypress(function (e) { var regex = new RegExp(whiteList); var str = String.fromCharCode(!e.charCode ? e.which : e.charCode); if (regex.test(str)) { return true; } e.preventDefault(); return false; }); //websocket var socket = null; var Message = function (text) { this.channelId = 'WEB'; this.channelData = {}; this.conversation = { id: socket.id }; this.from = { id: socket.id }; this.id = ''; this.recipient = { id: 0, name: 'NeuronBot' } this.serviceUrl = ''; this.text = text || ''; this.type = 'message'; }; function initSocket() { if ((accessCookie("chatbot_authcode") != "") && (accessCookie("chatbot_mmparmno") != "")) { deleteCookie("redirect_uri"); multimediaparmno = accessCookie("chatbot_mmparmno"); authCode = accessCookie("chatbot_authcode"); authJsonData = $.parseJSON('{"code":"' + authCode + '","state":"' + multimediaparmno + '"}'); callSocketFunction(); } else { $.ajax({ type: "GET", url: mediaParNoUrl, success: function (data) { multimediaparmno = data.result.toString(); if (multimediaparmno.length > 0 && data.resultCode == "1") { console.log("multimediaparmno : " + multimediaparmno); } callSocketFunction(); }, error: function (error) { console.error("hata : " + error.responseText); newMessage('bot', "message", "Şu anda hizmet veremiyoruz. Lütfen daha sonra tekrar deneyiniz."); } }); } } function callSocketFunction() { var connectionOptions = { reconnection: true, pingTimeout: 3000, pingInterval: 3000, "transports": ["websocket", "flashsocket", "htmlfile", "xhr-polling", "jsonp-polling", "polling", "polling-xhr", "polling-jsonp"] }; socket = io.connect(socketUrl, connectionOptions); socket.on('connect', function () { toggleInputs(false); console.log("Socket connection established"); }); socket.on("error", function () { newMessage('bot', "message", "Şu anda hizmet veremiyoruz. Lütfen daha sonra tekrar deneyiniz."); toggleInputs(true); console.error("Socket error event received"); }); socket.on('disconnect', function () { if (timeout) { toggleInputs(false); } else { newMessage('bot', "message", "Bağlantınız sonlandırılmıştır. Lütfen tekrar deneyiniz."); toggleInputs(true); } removeSocketCookies(); deleteCookie("sessionid"); console.log('Socket disconnect event received'); }); socket.on("ready", function () { toggleInputs(false); if (timeout) { var sid = Math.random().toString(36).substr(2); tabID = sessionStorage.tabID ? sessionStorage.tabID : sessionStorage.tabID = sid; socket.emit('welcome', { username: "", token: multimediaparmno, timeout: true }); createCookie("sessionid", tabID); timeout = false; } else { socket.emit('welcome', { username: "", token: multimediaparmno }); } }); if (accessCookie("chatbot_mmparmno") != "" && accessCookie("chatbot_authcode") != "") { socket.on("authenticated", function () { if (authJsonData) { socket.emit("authenticated", authJsonData); } }); } socket.on("history", function (data) { if (data) { messagesContainer[0].innerHTML = ""; data.forEach(historyFunc); } function historyFunc(item) { if (item.from.name == 'NeuronBot') { if ((item.attachments != [] || item.attachments != null) && item.attachments.length > 0) { newMessage('bot', "card_default", item.attachments); } else { newMessage('bot', item.type, item.text); } } else if (item.recipient.name == 'NeuronBot' && item.text != null) { newMessage('user', item.type, item.text); } } }); socket.on('authenticate', function (messageData) { // console.log("## authentication request : " + JSON.stringify(messageData)); switch (messageData.response_type) { case "code": var href = location.href; createCookie("redirect_uri", href, 1); //console.log(messageData.aut_uri); //deleteCookie("sessionid"); window.open(messageData.aut_uri, "_self"); break; } }); socket.on('message', function (message) { console.log("Generic message: " + JSON.stringify(message)); switch (message.type) { case "message": //console.log("##incoming message : " + JSON.stringify(message)); if (message.attachments != undefined && message.attachments.length > 0) { newMessage('bot', "card_default", message.attachments); } else if (message.text != undefined && message.text.length > 0) { newMessage('bot', "message", message.text); } else { newMessage('bot', "message", "Bilinmeyen bir durum olustu."); } break; case "searchStarted": waitingAnim(); break; case "error": newMessage('bot', "message", "hata : " + message.message); break; default: } if (message.timeout) { var mesageCount = messagesContainer[0].children.length; for (var i = mesageCount - 1; i >= 0; i--) { if (i != mesageCount - 1) { console.log(i); messagesContainer[0].children[i].innerHTML = ""; messagesContainer[0].children[i].outerHTML = ""; } } removeSocketCookies(); timeout = true; tabID = ""; toggleInputs(false); setTimeout(function () { initSocket(); }, 1000); } }); } var sendMessage = function (text, value) { text = text != undefined ? text.replace(/[^a-zA-Z0-9 - ışçğüöIŞÇĞÜÖ@İ.:\/,?!_\-/=$€£+%*”“`\b]/g, '') : ""; value = value != undefined ? value.replace(/[^a-zA-Z0-9 - ışçğüöIŞÇĞÜÖ@İ.:\/,?!_\-/=$€£+%*”“`\b]/g, '') : ""; if (value != null && value != "" && value != undefined) { var message = new Message(value); console.log("##outgoing message : " + JSON.stringify(message)); socket.emit('inputReceived', message); newMessage('user', "message", text); } else if (text.trim().toString().length > 0) { var message = new Message(text); console.log("##outgoing message : " + JSON.stringify(message)); socket.emit('inputReceived', message); newMessage('user', "message", text); } waitingAnim(); }; //websocket //WAIT ANIM function toggleInputs(isDisabled) { if (isDisabled) { $(".chatbot-loading").show(); textInput.prop("disabled", true); } else { $(".chatbot-loading").hide(); textInput.prop("disabled", false); } } function waitingAnim() { toggleInputs(true); $("#lottie2").parent().parent().parent().remove(); newMessage('wait', "message", "

"); var params2 = { container: document.getElementById('lottie2'), renderer: 'svg', loop: true, autoplay: true, animationData: animationData1 }; lottie.loadAnimation(params2); } //WAIT ANIM function removeSocketCookies() { deleteCookie("chatbot_mmparmno"); deleteCookie("chatbot_authcode"); } function createCookie(cookieName, cookieValue, daysToExpire) { var date = new Date(); if (daysToExpire == "") { date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000)); daysToExpire = date.toGMTString(); } else { var time = date.getTime(); var expireTime = time + (60000 * daysToExpire); date.setTime(expireTime); daysToExpire = date.toUTCString(); } document.cookie = cookieName + "=" + cookieValue + "; expires=" + daysToExpire + "; path=/;secure"; } function accessCookie(cookieName) { var name = cookieName + "="; var allCookieArray = document.cookie.split(';'); for (var i = 0; i < allCookieArray.length; i++) { var temp = allCookieArray[i].trim(); if (temp.indexOf(name) == 0) return temp.substring(name.length, temp.length); } return ""; } function deleteCookie(cookieName) { if (accessCookie(cookieName) != "") { //document.cookie = cookieName + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;'; Cookies.remove(cookieName); } } function removeParam(key, sourceURL) { if (sourceURL.substring(sourceURL.length - 1, sourceURL.length) == '#') { sourceURL = sourceURL.substring(0, sourceURL.length - 1); } var rtn = sourceURL.split("?")[0], param, params_arr = [], queryString = (sourceURL.indexOf("?") !== -1) ? sourceURL.split("?")[1] : ""; if (queryString !== "") { params_arr = queryString.split("&"); for (var i = params_arr.length - 1; i >= 0; i -= 1) { param = params_arr[i].split("=")[0]; if (param === key) { params_arr.splice(i, 1); } } rtn = rtn + "?" + params_arr.join("&"); } return rtn; } $(function () { $(window).on('beforeunload', function (e) { if (this.performance.navigation.type == 1 && $(".chatbot-container")[0].innerHTML != "") { deleteCookie("chatbot_mmparmno"); deleteCookie("chatbot_authcode"); deleteCookie("sessionid"); } }); $(window).on('load', function (e) { var sid = Math.random().toString(36).substr(2); tabID = sessionStorage.tabID ? sessionStorage.tabID : sessionStorage.tabID = sid; if (this.performance.navigation.type == 1 && $(".chatbot-container")[0].innerHTML != "") { deleteCookie("sessionid"); deleteCookie("chatbot_mmparmno"); deleteCookie("chatbot_authcode"); } if (accessCookie("sessionid") != "" && accessCookie("sessionid") != tabID) { $("#lottie")[0].innerHTML = ""; $(".chatbot-container")[0].innerHTML = ""; } else if (accessCookie("sessionid") != "" && accessCookie("sessionid") == tabID) { var newmmparmno = accessCookie("chatbot_mmparmno"); var newAuthCode = accessCookie("chatbot_authcode"); if (newmmparmno != "" && newAuthCode != "") { chatbotButton.click(); } } else if (accessCookie("sessionid") == "") { createCookie("sessionid", tabID); } }); }); // ]]>