https://mtdi.kz/assets/SupportInbox-a37423be.js

1import{A as l,_ as $}from"./index-c287e520.js";import{a as _}from"./vendor-sweetalert2-cfa1285a.js";import{d as A,r as m,a as T,n as x,H as d,K as s,X as H,Q as w,af as C,W as R,Y as r,L as h,U as E,ar as L,az as M,B as c}from"./vendor-vue-61d73241.js";import"./vendor-bootstrap-c17a3fde.js";import"./vendor-utils-3b44de43.js";import"./vendor-cjs-helpers-de833af9.js";import"./vendor-charts-72fa718d.js";import"./vendor-prism-dba95ea4.js";import"./vendor-element-plus-a1318771.js";const V=A({name:"admin-support-inbox",setup(){const t=m([]),e=m(null),v=m(""),b=m(!1),g=m(!1),f=m(null),a=async()=>{await x(),f.value&&(f.value.scrollTop=f.value.scrollHeight)},p=async()=>{var i;b.value=!0;try{l.setHeader();const o=await l.query("admin/support/conversations",{params:{page:1,limit:50}});t.value=((i=o.data)==null?void 0:i.data)??[]}catch{t.value=[]}finally{b.value=!1}},B=async i=>{var o,u,n;v.value="";try{l.setHeader();const y=await l.get("admin/support/conversations",String(i));e.value=((o=y.data)==null?void 0:o.data)??null,a()}catch(y){e.value=null,_.fire({icon:"error",text:((n=(u=y==null?void 0:y.response)==null?void 0:u.data)==null?void 0:n.error)||"Сұхбатты ашу мүмкін болмады",buttonsStyling:!1,confirmButtonText:"Жарайды",customClass:{confirmButton:"btn btn-primary"}})}},k=async()=>{var o,u;const i=v.value.trim();if(!(!i||!e.value)){g.value=!0;try{l.setHeader();const n=await l.post(`admin/support/conversations/${e.value.id}/reply`,{body:i});e.value.messages.push(n.data.data),e.value.status="open",v.value="",a(),p()}catch(n){_.fire({icon:"error",text:((u=(o=n==null?void 0:n.response)==null?void 0:o.data)==null?void 0:u.error)||"Жауапты жіберу мүмкін болмады. Мәтін сақталды, қайта көріңіз.",buttonsStyling:!1,confirmButtonText:"Жарайды",customClass:{confirmButton:"btn btn-primary"}})}finally{g.value=!1}}},S=async()=>{var o,u;if(!e.value)return;const i=e.value.status==="open"?"closed":"open";try{l.setHeader(),await l.put(`admin/support/conversations/${e.value.id}/status`,{status:i}),e.value.status=i,p()}catch(n){_.fire({icon:"error",text:((u=(o=n==null?void 0:n.response)==null?void 0:o.data)==null?void 0:u.error)||"Күйді өзгерту мүмкін болмады",buttonsStyling:!1,confirmButtonText:"Жарайды",customClass:{confirmButton:"btn btn-primary"}})}},D=i=>{const o=new Date(i),u=n=>String(n).padStart(2,"0");return`${u(o.getDate())}.${u(o.getMonth()+1)} ${u(o.getHours())}:${u(o.getMinutes())}`};return T(p),{conversations:t,active:e,reply:v,loading:b,sending:g,threadRef:f,loadList:p,openConversation:B,sendReply:k,toggleStatus:S,formatDate:D}}});const j={class:"card"},I={class:"card-header border-0 pt-6"},K={class:"card-toolbar"},N={class:"card-body pt-2"},z={class:"row g-5"},U={class:"col-md-4"},q={class:"support-list"},F=["onClick"],Q={class:"d-flex justify-content-between align-items-start"},W={class:"fw-bold text-gray-800"},X={class:"text-muted fs-8 text-truncate"},Y={class:"text-gray-600 fs-7 text-truncate mt-1"},G={class:"text-muted fs-8 mt-1"},J={key:0,class:"text-center text-muted py-10"},O={class:"col-md-8"},P={key:0,class:"d-flex align-items-center justify-content-center text-muted h-100 py-20"},Z={key:1,class:"support-thread"},tt={class:"d-flex justify-content-between align-items-center mb-4"},st={class:"fw-bold text-gray-800"},et=["href"],at={ref:"threadRef",class:"support-thread-body"},ot={class:"support-bubble"},nt={class:"support-time"},ut={class:"d-flex gap-2 mt-4"},it=["disabled"],rt=["disabled"];function lt(t,e,v,b,g,f){return c(),d("div",j,[s("div",I,[e[6]||(e[6]=s("div",{class:"card-title"},[s("h3",{class:"fw-bold m-0"},"Қолдау чаты")],-1)),s("div",K,[s("button",{type:"button",class:"btn btn-light btn-sm",onClick:e[0]||(e[0]=(...a)=>t.loadList&&t.loadList(...a))},[...e[5]||(e[5]=[s("i",{class:"bi bi-arrow-clockwise fs-5 me-1","aria-hidden":"true"},null,-1),H(" Жаңарту ",-1)])])])]),s("div",N,[s("div",z,[s("div",U,[s("div",q,[(c(!0),d(w,null,C(t.conversations,a=>{var p;return c(),d("button",{key:a.id,type:"button",class:h(["support-list-item",{active:((p=t.active)==null?void 0:p.id)===a.id}]),onClick:B=>t.openConversation(a.id)},[s("div",Q,[s("span",W,r(a.guest_name||"Аноним"),1),s("span",{class:h(["badge",a.status==="open"?"badge-light-success":"badge-light-secondary"])},r(a.status==="open"?"ашық":"жабық"),3)]),s("div",X,r(a.guest_email),1),s("div",Y,r(a.last_message),1),s("div",G,r(t.formatDate(a.last_message_at)),1

1)],10,F)}),128)),!t.loading&&t.conversations.length===0?(c(),d("div",J," Беседалар жоқ ")):R("",!0)])]),s("div",O,[t.active?(c(),d("div",Z,[s("div",tt,[s("div",null,[s("div",st,r(t.active.guest_name||"Аноним"),1),s("a",{href:`mailto:${t.active.guest_email}`,class:"text-primary fs-7"},r(t.active.guest_email),9,et)]),s("button",{type:"button",class:h(["btn btn-sm",t.active.status==="open"?"btn-light-secondary":"btn-light-success"]),onClick:e[1]||(e[1]=(...a)=>t.toggleStatus&&t.toggleStatus(...a))},r(t.active.status==="open"?"Жабу":"Қайта ашу"),3)]),s("div",at,[(c(!0),d(w,null,C(t.active.messages,a=>(c(),d("div",{key:a.id,class:h(["support-msg",a.sender==="admin"?"from-admin":"from-guest"])},[s("div",ot,r(a.body),1),s("div",nt,r(a.sender==="admin"?"Сіз":t.active.guest_name)+" · "+r(t.formatDate(a.created_at)),1)],2))),128))],512),s("div",ut,[E(s("input",{"onUpdate:modelValue":e[2]||(e[2]=a=>t.reply=a),type:"text",class:"form-control",placeholder:"Жауабыңызды жазыңыз...",disabled:t.sending,onKeydown:e[3]||(e[3]=M((...a)=>t.sendReply&&t.sendReply(...a),["enter"]))},null,40,it),[[L,t.reply]]),s("button",{type:"button",class:"btn btn-primary",disabled:t.sending||!t.reply.trim(),onClick:e[4]||(e[4]=(...a)=>t.sendReply&&t.sendReply(...a))},[...e[7]||(e[7]=[s("i",{class:"bi bi-send-fill"},null,-1)])],8,rt)])])):(c(),d("div",P," Беседаны таңдаңыз "))])])])])}const ht=$(V,[["render",lt],["__scopeId","data-v-b2189821"]]);export{ht as default};