Files
sifatbaho-php/public/assets/js/pages/chat.init.js
2026-04-05 05:31:24 +05:00

1 line
26 KiB
JavaScript
Executable File
Vendored

!function(){var e="assets/images/users/user-dummy-img.jpg",t="assets/images/users/multi-user.jpg",s=!1;function a(){var e=document.querySelectorAll(".user-chat");Array.from(document.querySelectorAll(".chat-user-list li a")).forEach((function(t){t.addEventListener("click",(function(t){e.forEach((function(e){e.classList.add("user-chat-show")}));var s=document.querySelector(".chat-user-list li.active");s&&s.classList.remove("active"),this.parentNode.classList.add("active")}))})),document.querySelectorAll(".user-chat-remove").forEach((function(t){t.addEventListener("click",(function(t){e.forEach((function(e){e.classList.remove("user-chat-show")}))}))}))}Array.from(document.querySelectorAll(".favourite-btn")).forEach((function(e){e.addEventListener("click",(function(e){this.classList.toggle("active")}))}));var n="users",r="assets/json/",o="";p(l="users-chat");var l,c=function(e,t){var s=new XMLHttpRequest;s.open("GET",r+e,!0),s.responseType="json",s.onload=function(){var e=s.status;t(200===e?null:e,s.response)},s.send()};function d(e,t,s,a,n){var r='<div class="ctext-wrap">';if(null!=t)r+='<div class="ctext-wrap-content" id='+e+'><p class="mb-0 ctext-content">'+t+"</p></div>";else if(s&&s.length>0){for(r+='<div class="message-img mb-0">',i=0;i<s.length;i++)r+='<div class="message-img-list"> <div> <a class="popup-img d-inline-block" href="'+s[i]+'"> <img src="'+s[i]+'" alt="" class="rounded border"> </a> </div> <div class="message-img-link"> <ul class="list-inline mb-0"> <li class="list-inline-item dropdown"> <a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="ri-more-fill"></i> </a> <div class="dropdown-menu"> <a class="dropdown-item" href="'+s[i]+'" download=""><i class="ri-download-2-line me-2 text-muted align-bottom"></i>Download</a> <a class="dropdown-item" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a> <a class="dropdown-item" href="#"><i class="ri-share-line me-2 text-muted align-bottom"></i>Forward</a> <a class="dropdown-item" href="#"><i class="ri-bookmark-line me-2 text-muted align-bottom"></i>Bookmark</a> <a class="dropdown-item delete-image" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a> </div> </li> </ul> </div> </div>';r+="</div>"}else a.length>0&&(r+='<div class="ctext-wrap-content"> <div class="p-3 border-primary border rounded-3"> <div class="d-flex align-items-center attached-file"> <div class="flex-shrink-0 avatar-sm me-3 ms-0 attached-file-avatar"> <div class="avatar-title bg-soft-primary text-primary rounded-circle font-size-20"> <i class="ri-attachment-2"></i> </div> </div> <div class="flex-grow-1 overflow-hidden"> <div class="text-start"> <h5 class="font-size-14 mb-1">design-phase-1-approved.pdf</h5> <p class="text-muted text-truncate font-size-13 mb-0">12.5 MB</p> </div> </div> <div class="flex-shrink-0 ms-4"> <div class="d-flex gap-2 font-size-20 d-flex align-items-start"> <div> <a href="#" class="text-muted"> <i class="bx bxs-download"></i> </a> </div> </div> </div> </div> </div> </div>');return!0===n&&(r+='<div class="dropdown align-self-start message-box-drop"> <a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="ri-more-2-fill"></i> </a> <div class="dropdown-menu"> <a class="dropdown-item reply-message" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a> <a class="dropdown-item" href="#"><i class="ri-share-line me-2 text-muted align-bottom"></i>Forward</a> <a class="dropdown-item copy-message" href="#"><i class="ri-file-copy-line me-2 text-muted align-bottom"></i>Copy</a> <a class="dropdown-item" href="#"><i class="ri-bookmark-line me-2 text-muted align-bottom"></i>Bookmark</a> <a class="dropdown-item delete-item" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a> </div> </div>'),r+="</div>"}function m(){"users"==n?(document.getElementById("channel-chat").style.display="none",document.getElementById("users-chat").style.display="block",u(r+"chats.json")):(document.getElementById("channel-chat").style.display="block",document.getElementById("users-chat").style.display="none",u(r+"chats.json"))}function u(e){var t,a,r;t=e,a=function(e,t){if(null!==e)console.log("Something went wrong: "+e);else{var a="users"==n?t[0].chats:t[0].channel_chat;document.getElementById(n+"-conversation").innerHTML="";var r=0;a.forEach((function(e,t){if(r>0)r-=1;else{var s=1==e.from_id?" right":" left",i=o.find((function(t){return t.id==e.to_id})),l='<li class="chat-list'+s+'" id='+e.id+'> <div class="conversation-list">';1!=e.from_id&&(l+='<div class="chat-avatar"><img src="'+i.profile+'" alt=""></div>'),l+='<div class="user-chat-content">',l+=d(e.id,e.msg,e.has_images,e.has_files,e.has_dropDown),a[t+1]&&e.from_id==a[t+1].from_id&&(r=function(e,t,s){for(var a=0;e[t]&&e[t+1]&&e[t+1].from_id==s;)a++,t++;return a}(a,t,e.from_id),l+=function(e,t,s,a){for(var n=0;e[t]&&e[t+1]&&e[t+1].from_id==s;)n=d(e[t+1].id,e[t+1].msg,e[t+1].has_images,e[t+1].has_files,e[t+1].has_dropDown),t++;return n}(a,t,e.from_id)),l+='<div class="conversation-name"><span class="d-none name">'+i.name+'</span><small class="text-muted time">'+e.datetime+'</small> <span class="text-success check-message-icon"><i class="bx bx-check-double"></i></span></div>',l+="</div> </div> </li>",document.getElementById(n+"-conversation").innerHTML+=l}}))}x.querySelectorAll(".delete-item").forEach((function(e){e.addEventListener("click",(function(){2==e.closest(".user-chat-content").childElementCount?e.closest(".chat-list").remove():e.closest(".ctext-wrap").remove()}))})),E(),b(),function(){var e=x.querySelectorAll(".reply-message"),t=document.querySelector(".replyCard"),a=document.querySelector("#close_toggle");e.forEach((function(e){e.addEventListener("click",(function(){s=!0,t.classList.add("show"),a.addEventListener("click",(function(){t.classList.remove("show")}));var n=e.closest(".ctext-wrap").children[0].children[0].innerText;document.querySelector(".replyCard .replymessage-block .flex-grow-1 .mb-0").innerText=n;var r=document.querySelector(".user-chat-topbar .text-truncate .username").innerHTML,i=e.closest(".chat-list")?e.closest(".chat-list").classList.contains("left")?r:"You":r;document.querySelector(".replyCard .replymessage-block .flex-grow-1 .conversation-name").innerText=i}))}))}(),function(){var e=w.querySelectorAll(".reply-message"),t=document.querySelector(".replyCard"),a=document.querySelector("#close_toggle");e.forEach((function(e){e.addEventListener("click",(function(){s=!0,t.classList.add("show"),a.addEventListener("click",(function(){t.classList.remove("show")}));var n=e.closest(".ctext-wrap").children[0].children[0].innerText;document.querySelector(".replyCard .replymessage-block .flex-grow-1 .mb-0").innerText=n;var r=e.closest(".user-chat-content").querySelector(".conversation-name .name").innerText,i=e.closest(".chat-list")?e.closest(".chat-list").classList.contains("left")?r:"You":r;document.querySelector(".replyCard .replymessage-block .flex-grow-1 .conversation-name").innerText=i}))}))}(),function(){var e=x.querySelectorAll(".copy-message");e.forEach((function(e){e.addEventListener("click",(function(){var t=e.closest(".ctext-wrap").children[0]?e.closest(".ctext-wrap").children[0].children[0].innerText:"";navigator.clipboard.writeText(t)}))}))}(),function(){var e=w.querySelectorAll(".copy-message");e.forEach((function(e){e.addEventListener("click",(function(){var t=e.closest(".ctext-wrap").children[0]?e.closest(".ctext-wrap").children[0].children[0].innerText:"";navigator.clipboard.writeText(t)}))}))}(),document.querySelectorAll(".copy-message").forEach((function(e){e.addEventListener("click",(function(){function e(){document.getElementById("copyClipBoard").style.display="none",document.getElementById("copyClipBoardChannel").style.display="none"}document.getElementById("copyClipBoard").style.display="block",document.getElementById("copyClipBoardChannel").style.display="block",setTimeout(e,1e3)}))})),p("users-chat"),GLightbox({selector:".popup-img",title:!1})},(r=new XMLHttpRequest).open("GET",t,!0),r.responseType="json",r.onload=function(){var e=r.status;200===e?(document.getElementById("elmLoader").innerHTML="",a(null,r.response)):a(e,r.response)},r.send()}function p(e){setTimeout((function(){var t=document.getElementById(e).querySelector("#chat-conversation .simplebar-content-wrapper")?document.getElementById(e).querySelector("#chat-conversation .simplebar-content-wrapper"):"",s=document.getElementsByClassName("chat-conversation-list")[0]?document.getElementById(e).getElementsByClassName("chat-conversation-list")[0].scrollHeight-window.innerHeight+335:0;s&&t.scrollTo({top:s,behavior:"smooth"})}),100)}c("chat-users-list.json",(function(r,i){null!==r?console.log("Something went wrong: "+r):(i[0].users.forEach((function(e,t){var s=e.profile?'<img src="'+e.profile+'" class="rounded-circle img-fluid userprofile" alt=""><span class="user-status"></span>':'<div class="avatar-title rounded-circle bg-primary text-white fs-10">'+e.nickname+'</div><span class="user-status"></span>',a=e.messagecount?'<div class="ms-auto"><span class="badge badge-soft-dark rounded p-1">'+e.messagecount+"</span></div>":"",n=e.messagecount?'<a href="javascript: void(0);" class="unread-msg-user">':'<a href="javascript: void(0);">',r=1===e.id?"active":"";document.getElementById("userList").innerHTML+='<li id="contact-id-'+e.id+'" data-name="direct-message" class="'+r+'"> '+n+' <div class="d-flex align-items-center"> <div class="flex-shrink-0 chat-user-img '+e.status+' align-self-center me-2 ms-0"> <div class="avatar-xxs"> '+s+' </div> </div> <div class="flex-grow-1 overflow-hidden"> <p class="text-truncate mb-0">'+e.name+"</p> </div> "+a+" </div> </a> </li>"})),i[0].channels.forEach((function(e,t){var s=e.messagecount?'<div class="flex-shrink-0 ms-2"><span class="badge badge-soft-dark rounded p-1">'+e.messagecount+"</span></div>":"",a=(e.messagecount&&e.messagecount,e.messagecount?'<a href="javascript: void(0);" class="unread-msg-user">':'<a href="javascript: void(0);">');document.getElementById("channelList").innerHTML+='<li id="contact-id-'+e.id+'" data-name="channel"> '+a+' <div class="d-flex align-items-center"> <div class="flex-shrink-0 chat-user-img align-self-center me-2 ms-0"> <div class="avatar-xxs"> <div class="avatar-title bg-light rounded-circle text-body">#</div> </div> </div> <div class="flex-grow-1 overflow-hidden"> <p class="text-truncate mb-0">'+e.name+"</p> </div> <div>"+s+"</div> </div> </a> </li>"}))),a(),document.querySelectorAll("#userList li").forEach((function(t){t.addEventListener("click",(function(){n="users",m(),l="users-chat";var a=t.getAttribute("id"),r=t.querySelector(".text-truncate").innerHTML,i=t.querySelector(".avatar-xxs .userprofile").getAttribute("src");document.querySelector(".user-chat-topbar .text-truncate .username").innerHTML=r,document.querySelector(".profile-offcanvas .username").innerHTML=r,1==s&&(s=!1,document.querySelector(".replyCard").classList.remove("show")),document.getElementById(a).querySelector(".userprofile")?(i=document.getElementById(a).querySelector(".userprofile").getAttribute("src"),document.querySelector(".user-chat-topbar .avatar-xs").setAttribute("src",i),document.querySelector(".profile-offcanvas .avatar-lg").setAttribute("src",i)):(document.querySelector(".user-chat-topbar .avatar-xs").setAttribute("src",e),document.querySelector(".profile-offcanvas .avatar-lg").setAttribute("src",e)),document.getElementById("users-conversation").querySelectorAll(".left .chat-avatar").forEach((function(t){i?t.querySelector("img").setAttribute("src",i):t.querySelector("img").setAttribute("src",e)})),window.stop()}))})),document.querySelectorAll("#channelList li").forEach((function(e){e.addEventListener("click",(function(){l="channel-chat",n="channel",m();var a=e.querySelector(".text-truncate").innerHTML,r=document.getElementById("channel-chat");r.querySelector(".user-chat-topbar .text-truncate .username").innerHTML=a,document.querySelector(".profile-offcanvas .username").innerHTML=a,r.querySelector(".user-chat-topbar .avatar-xs").setAttribute("src",t),document.querySelector(".profile-offcanvas .avatar-lg").setAttribute("src",t),1==s&&(s=!1,document.querySelector(".replyCard").classList.remove("show"))}))}))})),c("chat-contacts-list.json",(function(t,r){if(null!==t)console.log("Something went wrong: "+t);else{o=r,r.sort((function(e,t){return e.name.localeCompare(t.name)}));var i="",l="";o.forEach((function(e,t){var s=e.profile?'<img src="'+e.profile+'" class="img-fluid rounded-circle" alt="">':'<span class="avatar-title rounded-circle bg-primary fs-10">'+e.nickname+"</span>";i='<li> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <div class="avatar-xxs"> '+s+' </div> </div> <div class="flex-grow-1"> <p class="text-truncate contactlist-name mb-0">'+e.name+'</p> </div> <div class="flex-shrink-0"> <div class="dropdown"> <a href="#" class="text-muted" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="ri-more-2-fill"></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#"><i class="ri-pencil-line text-muted me-2 align-bottom"></i>Edit</a> <a class="dropdown-item" href="#"><i class="ri-forbid-2-line text-muted me-2 align-bottom"></i>Block</a> <a class="dropdown-item" href="#"><i class="ri-delete-bin-6-line text-muted me-2 align-bottom"></i>Remove</a> </div> </div> </div> </div> </li>';var a='<div class="mt-3" > <div class="contact-list-title">'+e.name.charAt(0).toUpperCase()+' </div> <ul id="contact-sort-'+e.name.charAt(0)+'" class="list-unstyled contact-list" >';l!=e.name.charAt(0)&&(document.getElementsByClassName("sort-contact")[0].innerHTML+=a),document.getElementById("contact-sort-"+e.name.charAt(0)).innerHTML=document.getElementById("contact-sort-"+e.name.charAt(0)).innerHTML+i,l=e.name.charAt(0)}))}document.querySelectorAll(".sort-contact ul li").forEach((function(t){t.addEventListener("click",(function(a){n="users",m();var r=t.querySelector("li .contactlist-name").innerHTML;if(document.querySelector(".user-chat-topbar .text-truncate .username").innerHTML=r,document.querySelector(".profile-offcanvas .username").innerHTML=r,1==s&&(s=!1,document.querySelector(".replyCard").classList.remove("show")),t.querySelector(".align-items-center").querySelector(".avatar-xxs img")){var i=t.querySelector(".align-items-center").querySelector(".avatar-xxs .rounded-circle").getAttribute("src");document.querySelector(".user-own-img .avatar-xs").setAttribute("src",i),document.querySelector(".profile-offcanvas .profile-img").setAttribute("src",i)}else document.querySelector(".user-own-img .avatar-xs").setAttribute("src",e),document.querySelector(".profile-offcanvas .profile-img").setAttribute("src",e);document.getElementById("users-conversation").querySelectorAll(".left .chat-avatar").forEach((function(t){i?t.querySelector("img").setAttribute("src",i):t.querySelector("img").setAttribute("src",e)})),window.stop()}))})),a()})),m(),p(l="users-chat");var v=document.querySelector("#chatinput-form"),f=document.querySelector("#chat-input"),h=document.querySelector(".chat-input-feedback");function g(){var e=(new Date).getHours()>=12?"pm":"am",t=(new Date).getHours()>12?(new Date).getHours()%12:(new Date).getHours(),s=(new Date).getMinutes()<10?"0"+(new Date).getMinutes():(new Date).getMinutes();return t<10?"0"+t+":"+s+" "+e:t+":"+s+" "+e}setInterval(g,1e3);var y=0;v&&v.addEventListener("submit",(function(e){e.preventDefault();var t=l,a=l,n=f.value;0===n.length?(h.classList.add("show"),setTimeout((function(){h.classList.remove("show")}),2e3)):(1==s?(q(a,n),s=!1):S(t,n),p(t||a)),f.value="",document.getElementById("close_toggle").click()}));var x=document.querySelector(".chat-conversation-list");function b(){x.querySelectorAll(".chat-conversation-list .chat-list").forEach((function(e){e.querySelectorAll(".delete-image").forEach((function(e){e.addEventListener("click",(function(){1==e.closest(".message-img").childElementCount?e.closest(".chat-list").remove():e.closest(".message-img-list").remove()}))}))}))}b();var w=document.querySelector("#channel-conversation");function E(){channelChatList=w.querySelectorAll(".delete-item"),channelChatList.forEach((function(e){e.addEventListener("click",(function(){2==e.closest(".user-chat-content").childElementCount?e.closest(".chat-list").remove():e.closest(".ctext-wrap").remove()}))}))}E();var S=function(e,t){y++;var a=document.getElementById(e).querySelector(".chat-conversation-list");null!=t&&a.insertAdjacentHTML("beforeend",'<li class="chat-list right" id="chat-list-'+y+'" > <div class="conversation-list"> <div class="user-chat-content"> <div class="ctext-wrap"> <div class="ctext-wrap-content"> <p class="mb-0 ctext-content"> '+t+' </p> </div> <div class="dropdown align-self-start message-box-drop"> <a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="ri-more-2-fill"></i> </a> <div class="dropdown-menu"> <a class="dropdown-item reply-message" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a> <a class="dropdown-item" href="#"><i class="ri-share-line me-2 text-muted align-bottom"></i>Forward</a> <a class="dropdown-item copy-message" href="#""><i class="ri-file-copy-line me-2 text-muted align-bottom"></i>Copy</a> <a class="dropdown-item" href="#"><i class="ri-bookmark-line me-2 text-muted align-bottom"></i>Bookmark</a> <a class="dropdown-item delete-item" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a> </div> </div> </div> <div class="conversation-name"> <small class="text-muted time">'+g()+'</small> <span class="text-success check-message-icon"><i class="bx bx-check"></i></span> </div> </div> </div> </li>');var n=document.getElementById("chat-list-"+y);n.querySelectorAll(".delete-item").forEach((function(e){e.addEventListener("click",(function(){a.removeChild(n)}))})),n.querySelectorAll(".copy-message").forEach((function(e){e.addEventListener("click",(function(){var e=n.childNodes[1].firstElementChild.firstElementChild.firstElementChild.firstElementChild.innerText;navigator.clipboard.writeText(e)}))})),n.querySelectorAll(".copy-message").forEach((function(e){e.addEventListener("click",(function(){document.getElementById("copyClipBoard").style.display="block",setTimeout((function(){document.getElementById("copyClipBoard").style.display="none"}),1e3)}))})),n.querySelectorAll(".reply-message").forEach((function(e){e.addEventListener("click",(function(){var t=document.querySelector(".replyCard"),a=document.querySelector("#close_toggle"),n=e.closest(".ctext-wrap").children[0].children[0].innerText,r=document.querySelector(".replyCard .replymessage-block .flex-grow-1 .conversation-name").innerHTML;s=!0,t.classList.add("show"),a.addEventListener("click",(function(){t.classList.remove("show")}));var i=e.closest(".chat-list")?e.closest(".chat-list").classList.contains("left")?r:"You":r;document.querySelector(".replyCard .replymessage-block .flex-grow-1 .conversation-name").innerText=i,document.querySelector(".replyCard .replymessage-block .flex-grow-1 .mb-0").innerText=n}))}))},q=function(e,t){var s=document.querySelector(".replyCard .replymessage-block .flex-grow-1 .conversation-name").innerHTML,a=document.querySelector(".replyCard .replymessage-block .flex-grow-1 .mb-0").innerText;y++;var n=document.getElementById(e).querySelector(".chat-conversation-list");null!=t&&n.insertAdjacentHTML("beforeend",'<li class="chat-list right" id="chat-list-'+y+'" > <div class="conversation-list"> <div class="user-chat-content"> <div class="ctext-wrap"> <div class="ctext-wrap-content"> <div class="replymessage-block mb-0 d-flex align-items-start"> <div class="flex-grow-1"> <h5 class="conversation-name">'+s+'</h5> <p class="mb-0">'+a+'</p> </div> <div class="flex-shrink-0"> <button type="button" class="btn btn-sm btn-link mt-n2 me-n3 font-size-18"> </button> </div> </div> <p class="mb-0 ctext-content mt-1"> '+t+' </p> </div> <div class="dropdown align-self-start message-box-drop"> <a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="ri-more-2-fill"></i> </a> <div class="dropdown-menu"> <a class="dropdown-item reply-message" href="#"><i class="ri-reply-line me-2 text-muted align-bottom"></i>Reply</a> <a class="dropdown-item" href="#"><i class="ri-share-line me-2 text-muted align-bottom"></i>Forward</a> <a class="dropdown-item copy-message" href="#"><i class="ri-file-copy-line me-2 text-muted align-bottom"></i>Copy</a> <a class="dropdown-item" href="#"><i class="ri-bookmark-line me-2 text-muted align-bottom"></i>Bookmark</a> <a class="dropdown-item delete-item" href="#"><i class="ri-delete-bin-5-line me-2 text-muted align-bottom"></i>Delete</a> </div> </div> </div> <div class="conversation-name"> <small class="text-muted time">'+g()+'</small> <span class="text-success check-message-icon"><i class="bx bx-check"></i></span> </div> </div> </div> </li>');var r=document.getElementById("chat-list-"+y);r.querySelectorAll(".delete-item").forEach((function(e){e.addEventListener("click",(function(){x.removeChild(r)}))})),r.querySelectorAll(".copy-message").forEach((function(e){e.addEventListener("click",(function(){document.getElementById("copyClipBoard").style.display="block",document.getElementById("copyClipBoardChannel").style.display="block",setTimeout((function(){document.getElementById("copyClipBoard").style.display="none",document.getElementById("copyClipBoardChannel").style.display="none"}),1e3)}))})),r.querySelectorAll(".reply-message").forEach((function(e){e.addEventListener("click",(function(){var t=e.closest(".ctext-wrap").children[0].children[0].innerText,s=document.querySelector(".user-chat-topbar .text-truncate .username").innerHTML;document.querySelector(".replyCard .replymessage-block .flex-grow-1 .mb-0").innerText=t;var a=e.closest(".chat-list")?e.closest(".chat-list").classList.contains("left")?s:"You":s;document.querySelector(".replyCard .replymessage-block .flex-grow-1 .conversation-name").innerText=a}))})),r.querySelectorAll(".copy-message").forEach((function(e){e.addEventListener("click",(function(){r.childNodes[1].children[1].firstElementChild.firstElementChild.getAttribute("id"),isText=r.childNodes[1].children[1].firstElementChild.firstElementChild.innerText,navigator.clipboard.writeText(isText)}))}))};new FgEmojiPicker({trigger:[".emoji-btn"],removeOnSelection:!1,closeButton:!0,position:["top","right"],preFetch:!0,dir:"assets/js/pages/plugins/json",insertInto:document.querySelector(".chat-input")}),document.getElementById("emoji-btn").addEventListener("click",(function(){setTimeout((function(){var e=document.getElementsByClassName("fg-emoji-picker")[0];if(e){var t=window.getComputedStyle(e)?window.getComputedStyle(e).getPropertyValue("left"):"";t&&(t=(t=t.replace("px",""))-40+"px",e.style.left=t)}}),0)}))}();