https://smsfast.vip/_nuxt/_ticket_-D1840WKl.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Da30AN8I.js","./assets/entry-1_U9UFRp.css","./BaseDialog-CnjrJVtW.js","./assets/BaseDialog-COCkEfmL.css","./ArrowLine-FJY1P-2W.js","./Badge-BaFfeGy4.js","./Close-Bm0cgXBk.js","./Rating-C9bwHcP9.js","./Arrow-BRVTTbHt.js","./Star-BcgDYT-v.js","./Modal-CNDh-Lzx.js","./assets/Modal-54Lccc4x.css"])))=>i.map(i=>d[i]);
2import{aI as _e,aJ as ze,b0 as ve,bb as he,o as n,c as d,a as s,aT as a,aO as k,b3 as S,bp as be,aS as w,aR as U,b4 as Y,aQ as e,aV as M,b8 as N,aZ as I,aU as Ie,aP as f,aY as v,bt as Fe,bz as De,c7 as Ue,bq as rt,bk as G,b_ as it,bm as Le,d2 as ut,c1 as dt,bf as ct,bi as gt,c9 as ft,a$ as pt,b$ as mt,b1 as Re,bl as _t,cc as vt,ca as ht,b2 as bt,aK as yt,bs as H,bI as Ae,c3 as xt,bN as kt,b5 as wt,bj as $t,bQ as Ct,bo as Mt,a_ as ie,cg as Tt,c4 as St}from"./Da30AN8I.js";import Lt from"./Camera-IWymPasf.js";import{_ as Rt}from"./NuxtImg-CXODI6fc.js";import At from"./Badge-BaFfeGy4.js";import{c as zt}from"./index-BdKN1NrW.js";import Ee from"./useFancyBox-9N3nPm82.js";import"./_commonjsHelpers-Di9_ib-F.js";import"./useHistoryBack-DnFYrrgV.js";import"./index-A_tN2htq.js";(function(){try{var l=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};l.SENTRY_RELEASE={id:"5d4964e32443abd7a40f4e449795c4c5311ab16d"};var A=new l.Error().stack;A&&(l._sentryDebugIds=l._sentryDebugIds||{},l._sentryDebugIds[A]="24d7f742-09e0-4e8b-bbe6-76cdea5bc971",l._sentryDebugIdIdentifier="sentry-dbid-24d7f742-09e0-4e8b-bbe6-76cdea5bc971")}catch{}})();const It=N(()=>I(()=>import("./Da30AN8I.js").then(l=>l.dx),__vite__mapDeps([0,1]),import.meta.url).then(l=>l.default||l)),Ft={class:"flex gap-4"},Dt={class:"w-9 h-9 overflow-hidden rounded-full"},Ut={class:"flex flex-col gap-2"},Et={class:"text-sm text-gray-2 gap-2 flex items-center"},Bt=["innerHTML"],Ot={key:0,class:"flex flex-wrap gap-2"},Pt={class:"flex justify-between"},Nt={class:"text-sm text-gray-2"},jt={key:0,class:"hidden lg:flex gap-4 text-sm"},Vt={class:"flex gap-2 text-acsent"},qt=_e({__name:"Message",props:{message:{},isClosed:{type:Boolean,default:!1},isLastMessage:{type:Boolean,default:!1},lastMsgUser:{type:Boolean,default:!1}},emits:["success","feedback"],setup(l,{emit:A}){const{t:O}=ze(),E=A,c=l,{viewImage:j}=Ee(),X=ve(he()).user,L=M(()=>X.value?.id===c.message.user.id),p=M(()=>L.value?O("You"):c.message.user.name),R=M(()=>{const o=/(https?:\/\/|www\.)[^\s]+/gi,m=/<a[^>]*>(.*?)<\/a>/gi;return(c.message?.text?.split(m)).map(r=>m.test(r)?r:r.replace(o,T=>{const F=T.startsWith("http")?T:`https://${T}`;return`<a href="${F}" target="_blank" rel="noopener noreferrer">${F}</a>`})).join("")??c.message}),W=M(()=>c.isLastMessage&&!L.value&&c.message&&"is_viewed"in c.message&&c.message.is_viewed===!1);return(o,m)=>{const u=It,h=Rt,r=At;return n(),d("div",Ft,[s("div",null,[s("div",Dt,[a(L)?(n(),k(u,{key:0,class:"w-full h-full"})):(n(),d(S,{key:1},[l.message?.user?.avatar?(n(),k(h,{key:0,src:l.message?.user?.avatar,provider:"server",class:"h-full w-full object-cover"},null,8,["src"])):(n(),k(h,{key:1,src:"/images/user.png"}))],64))])]),s("div",{class:be(["flex flex-col w-full",(l.message?.files.length>0,"gap-2")])},[s("div",Ut,[s("div",Et,[s("span",null,w(a(p)),1),a(W)?(n(),k(r,{key:0,text:o.$t("New"),type:"primary"},null,8,["text"])):U("",!0)]),l.message.text&&l.message.text!=="null"?(n(),d("div",{key:0,class:"text-sm break-all support-message",innerHTML:a(R)},null,8,Bt)):U("",!0)]),l.message.files.length>0?(n(),d("div",Ot,[(n(!0),d(S,null,Y(l.message.files,(T,F)=>(n(),d("div",{key:`${l.message.id}-${T?.file}-${F}`,class:"rounded-18 w-16 h-16 relative text-center overflow-hidden cursor-pointer"},[e(h,{class:"h-full object-cover m-auto",provider:"server",src:T.file,fit:"contain","data-fancybox":`gallery-message-${l.message.id}`,onClick:ee=>a(j)(T.file,`gallery-message-${l.message.id}`)},null,8,["src","data-fancybox","onClick"])]))),128))])):U("",!0),s("div",Pt,[s("div",Nt,w(a(zt)(l.message.created_at)),1),!a(L)&&!l.isClosed&&l.lastMsgUser&&!l.message.is_send_feedback?(n(),d("div",jt,[s("div",null,w(o.$t("Did it solve your problem?")),1),s("div",Vt,[s("button",{onClick:m[0]||(m[0]=T=>E("success"))},w(o.$t("Yes")),1),m[2]||(m[2]=s("span",null,"|",-1)),s("button",{onClick:m[1]||(m[1]=T=>E("feedback",l.message.id))},w(o.$t("No")),1)])])):U("",!0)])],2)])}}}),Ht=Object.assign(qt,{__name:"PagesSupportMessage"}),Yt=N(()=>I(()=>

2import("./Da30AN8I.js").then(l=>l.dp),__vite__mapDeps([0,1]),import.meta.url).then(l=>l.default||l)),Wt=N(()=>I(()=>import("./BaseDialog-CnjrJVtW.js"),__vite__mapDeps([2,0,1,3]),import.meta.url).then(l=>l.default||l)),Qt={class:"flex flex-col w-full gap-2"},Jt={class:"flex flex-col gap-1"},Kt={class:"flex gap-2 flex-wrap"},Zt={class:"flex flex-col w-full gap-2"},Gt={class:"flex flex-col gap-1"},Xt={class:"flex gap-2 flex-wrap"},es={class:"flex flex-col gap-7 px-4 pb-4"},ts={class:"flex flex-col gap-4"},ss={class:"text-sm text-gray-2"},ls=["placeholder"],as={class:"flex gap-4"},os=_e({__name:"ListMessage",props:{messages:{},isClosed:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["success","onSendFeedback"],setup(l,{emit:A}){const O=A,E=l,c=M(()=>!E.isClosed),j=ve(he()).user,X=M(()=>E.messages.filter(u=>u.user.id!==j.value?.id).sort((u,h)=>new Date(h.created_at).getTime()-new Date(u.created_at).getTime())[0]),L=v(!1),p=v(null),R=v(null),W=()=>{G(`/api/ticket/messages/${R.value}/feedback`,{method:"POST",body:{feedback:p.value}}).then(u=>{!u.status||!E.messages||O("onSendFeedback",R.value)}).finally(()=>{L.value=!1,R.value=null})},o=u=>{R.value=u,L.value=!0},m=u=>E.messages?.[0]?.id===u;return(u,h)=>{const r=Fe,T=Ie,F=Yt,ee=Wt;return n(),d(S,null,[s("div",{class:be([{"lg:border-t border-day-gray-1 dark:border-night-gray-1 lg:pt-7 ":a(c)},"flex flex-col gap-7"])},[e(T,null,{fallback:f(()=>[(n(),d(S,null,Y(5,x=>s("div",{key:`fallback-skeleton-${x}`,class:"flex gap-4"},[e(r,{type:"btn","btn-size":"default",class:"w-9 shrink-0"}),s("div",Zt,[s("div",Gt,[e(r,{length:8}),s("div",Xt,[e(r,{length:8}),e(r,{length:2}),e(r,{length:9}),e(r,{length:12}),e(r,{length:6}),e(r,{length:9}),e(r,{length:8}),e(r,{length:10}),e(r,{length:6}),e(r,{length:2}),e(r,{length:10})])]),e(r,{length:12})])])),64))]),default:f(()=>[l.loading?(n(),d(S,{key:1},Y(5,x=>s("div",{key:`skeleton-${x}`,class:"flex gap-4"},[e(r,{type:"btn","btn-size":"default",class:"w-9 shrink-0"}),s("div",Qt,[s("div",Jt,[e(r,{length:8}),s("div",Kt,[e(r,{length:8}),e(r,{length:2}),e(r,{length:9}),e(r,{length:12}),e(r,{length:6}),e(r,{length:9}),e(r,{length:8}),e(r,{length:10}),e(r,{length:6}),e(r,{length:2}),e(r,{length:10})])]),e(r,{length:12})])])),64)):(n(!0),d(S,{key:0},Y(l.messages,x=>(n(),k(Ht,{key:x.id,message:x,lastMsgUser:a(X)?.id===x.id,isLastMessage:m(x.id),onSuccess:h[0]||(h[0]=P=>O("success")),isClosed:l.isClosed,onFeedback:o},null,8,["message","lastMsgUser","isLastMessage","isClosed"]))),128))]),_:1})],2),e(ee,{onCloseModal:h[3]||(h[3]=x=>L.value=!1),show:a(L),title:u.$t("What happened?"),"max-width":"75"},{body:f(()=>[s("div",es,[s("div",ts,[s("div",ss,w(u.$t("Tell us what you didn`t like about the support agent`s response.")),1),De(s("textarea",{"onUpdate:modelValue":h[1]||(h[1]=x=>rt(p)?p.value=x:null),placeholder:u.$t("Type here..."),class:"bg-transparent rounded-lg-xl border border-day-gray-1 dark:border-night-gray-1 px-4 py-2.5 text-sm outline-0 focus:border-acsent",rows:"2"},null,8,ls),[[Ue,a(p)]])]),s("div",as,[e(F,{text:u.$t("Cancel"),onClick:h[2]||(h[2]=x=>L.value=!1),class:"grow",color:"transparent"},null,8,["text"]),e(F,{text:u.$t("Send"),disabled:!a(p)||a(p)?.length<10,onClick:W,class:"grow"},null,8,["text","disabled"])])])]),_:1},8,["show","title"])],64)}}}),ns=Object.assign(os,{__name:"PagesSupportListMessage"}),rs=ie("components/svg/ArrowLine.vue",()=>I(()=>import("./ArrowLine-FJY1P-2W.js"),__vite__mapDeps([4,0,1]),import.meta.url).then(l=>l.default||l)),is=N(()=>I(()=>import("./Badge-BaFfeGy4.js"),__vite__mapDeps([5,0,1]),import.meta.url).then(l=>l.default||l)),us=ie("components/svg/Close.vue",()=>I(()=>import("./Close-Bm0cgXBk.js"),__vite__mapDeps([6,0,1]),import.meta.url).then(l=>l.default||l)),ds=N(()=>I(()=>import("./Da30AN8I.js").then(l=>l.dp),__vite__mapDeps([0,1]),import.meta.url).then(l=>l.default||l)),cs=N(()=>I(()=>import("./Rating-C9bwHcP9.js"),__vite__mapDeps([7,0,1]),import.meta.url).then(l=>l.default||l)),gs=ie("components/svg/Arrow.vue",()=>I(()=>import("./Arrow-BRVTTbHt.js"),__vite__mapDeps([8,0,1]),import.meta.url).then(l=>l.default||l)),fs=ie("components/svg/Star.vue",()=>I(()=>import("./Star-BcgDYT-v.js"),__vite__mapDeps([9,0,1]),import.meta.url).then(l=>l.default||l)),ps=N(()=>I(()=>import("./Modal-CNDh-Lzx.js"),__vite__mapDeps([10,0,1,11]),import.meta.url).then(l=>l.default||l)),ms={class:"flex flex-col gap-7 h-full lg:-mb-20"},_s={class:"flex flex-col gap-2"},vs={class:"flex gap-2 items-baseline"},hs={class:"flex gap-2 items-center flex-wrap"},bs={class:"text-2.5xl font-bold flex gap-2"},ys={class:"text-sm text-gray-2 flex gap-1"},xs={key:1,class:"flex gap-2"},ks={class:"flex gap-2"},ws={class:"grid lg:grid-cols-3 h-full gap-16 lg:gap-0"},$s={class:"col-span-1 lg:col-span-2 flex flex-col gap-7 lg:pr-7 lg:pb-20"},Cs={key:0,class:"flex flex-col gap-4"},Ms={class:"flex flex-col gap-2"},Ts=["value","placeholder"],Ss={class:"z-10 opacity-0 group-hover:lg:opacity-100 hidden group-hover:lg:block absolute text-left text-sm px-2 py-1 

2w-40 -top-13 shadow-[0_1px_2px_0_#0000000F] right-2 bg-white dark:bg-night-bg-2 rounded-18 default-transition transition-all"},Ls={class:"flex gap-2 left-4 bottom-4 absolute"},Rs={class:"rounded-md w-9 h-9 relative bg-cover bg-center overflow-hidden cursor-pointer"},As=["src","onClick"],zs=["onClick"],Is={class:"flex justify-end"},Fs={class:"flex flex-col gap-4"},Ds={class:"flex justify-end"},Us={class:"flex flex-col gap-4"},Es={class:"flex justify-end"},Bs={class:"hidden lg:block border-l border-day-gray-1 dark:border-night-gray-1 relative h-full"},Os={class:"flex flex-col gap-4 pl-7 top-[13rem] pt-8"},Ps={class:"flex flex-col gap-7"},Ns=["innerHTML"],js={class:"flex lg:hidden flex-col gap-4"},Vs=["innerHTML"],qs={key:1,class:"flex gap-0.5"},Hs={class:"w-3.5 h-3.5 flex"},Ys={class:"flex flex-col gap-7 pb-0 -mt-4 lg:mt-0"},Ws={class:"flex flex-col gap-4"},Qs={class:"text-sm text-gray-2"},Js={class:"flex gap-4"},Ks={class:"flex flex-col gap-7 pb-0 -mt-4 lg:mt-0"},Zs={class:"flex flex-col gap-4"},Gs={class:"text-sm text-gray-2"},Xs={class:"flex gap-4"},el={class:"flex flex-col gap-3 pb-4 -mt-4 lg:pb-0"},tl={class:"flex flex-col gap-4"},sl={class:"text-sm text-gray-2"},ll=["placeholder"],al={class:"flex gap-4"},ol={class:"pb-4 flex justify-center items-center flex-col gap-7"},nl={class:"flex gap-4 w-full"},_l=_e({__name:"[ticket]",async setup(l){let A,O;const{viewImage:E}=Ee(),c=it(),j=Le(),{isMobile:X}=ut(),{locale:L,t:p}=ze(),{user:R}=ve(he()),W=St(),o=dt("ticket-support",()=>({id:null,title:null,status:null,rate:null,messages:[],close_at:null}));let m;const u=v(null);function h(){const t=o.value.messages[0];return t?.user?.id!=null&&R.value?.id!=null&&Number(t.user.id)!==Number(R.value.id)}function r(){m&&clearInterval(m),m=void 0,u.value=""}function T(t){if(t<=0||o.value.status==="closed")return"";const i=Math.floor(t/(1e3*60*60)),g=Math.floor(t%(1e3*60*60)/(1e3*60)),C=Math.floor(t%(1e3*60)/1e3);return p("close_ticket",{hour:i,min:g,sec:C})}function F(){const t=o.value.close_at?new Date(o.value.close_at).getTime():NaN,i=Number.isFinite(t)?t-Date.now():0;u.value=T(i)}async function ee(){const t=await G(`/api/ticket/${c.params.ticket}`);o.value.close_at=t?.ticket?.close_at??null}async function x({skipFetch:t=!1}={}){if(r(),!!h()){if(!t)try{await ee()}catch{return}o.value.close_at&&(F(),u.value&&(m=Ae(F,1e3)))}}const P=ct(`rate_${c.params.ticket}`,{maxAge:3600*24}),b=v({rate:P.value??0,feedback:null}),{status:Be,clear:Oe,error:Pe}=([A,O]=gt(()=>$t("get-ticket",()=>G(`/api/ticket/${c.params.ticket}`).then(t=>(o.value=t?.ticket,P.value=t?.ticket.rate??P.value,b.value.rate=t?.ticket.rate??P.value,o.value?.messages[0]?.user.id!==R.value.id&&x({skipFetch:!0}),t)))),A=await A,O(),A);if(Pe.value)throw ft({statusCode:404,statusMessage:"Page not found"});const D=M(()=>Be.value==="pending"),Ne=M(()=>o.value?.messages),je=M(()=>o.value?.status==="closed"?"success":o.value?.status==="processing"||o.value?.messages[0]?.user.id===R.value.id?"warning":o.value?.status==="has_answer"?"primary":""),Ve=M(()=>o.value?.status==="closed"?p("Closed"):o.value?.status==="processing"||o.value?.messages[0]?.user.id===R.value.id?p("Processing"):o.value?.status==="has_answer"?p("Answered"):""),qe=M(()=>($.value.text||$.value.files.length>0)&&le.value),He=M(()=>le.value?p("Send message"):`${p("Send message")} (${ce.value})`),Ye=pt(),We=mt(),ye=v(null),$=v({text:null,files:[]}),te=v([]),V=v(!1),ue=v(!1),de=v(!1),se=v(!1),ce=v(5),le=v(!0),xe=v(null);c.query?.action==="close-ticket"&&(V.value=!0);const Qe=t=>new Promise((i,g)=>{if(!(t instanceof Blob)){g(new Error("The provided file is not a Blob or File."));return}const C=new FileReader;C.onload=_=>{const B=_.target.result,K=atob(B.split(",")[1]),Z=new ArrayBuffer(K.length),ae=new Uint8Array(Z);for(let y=0;y<K.length;y++)ae[y]=K.charCodeAt(y);const oe=new Blob([ae],{type:"image/png"});i(oe)},C.onerror=_=>{g(_)},C.readAsDataURL(t)}),Je=t=>{const i=new FileReader,g=t.target.files[0];t.target.value="",$.value.files.length<5?($.value.files.push(g),i.onload=C=>{te.value.push({...g,name:g.name,size:g.size,type:g.type,lastModified:g.lastModified,content:C.target.result})},i.readAsDataURL(g)):Ye.setAlert({error:!0,message:p("Can't be more than 5 files")})},Ke=async()=>

2{if(!se.value){const t=new FormData;if($.value.text&&t.append("text",$.value.text),$.value.files.length>0)for(const i of $.value.files){const g=$.value.files.indexOf(i);t.append(`images[${g}]`,await Qe(i))}se.value=!0,await G(`/api/ticket/${o.value.id}/message/send`,{method:"POST",body:t}).then(i=>{i.status&&(Ze(),$.value.text=null,$.value.files=[],te.value=[],o.value.close_at=null,o.value.messages.unshift(i.message),le.value=!1,setTimeout(()=>{le.value=!0,ce.value=5,clearInterval(ke)},5e3))}).finally(()=>{se.value=!1})}};let ke=null;const Ze=()=>{ke=Ae(()=>{ce.value--},1e3)},we=()=>{b.value.rate===5?ge():(J.value=!1,V.value=!1,ue.value=!0),c.query?.rate&&j.replace({path:c.path,query:{...c.query,rate:void 0}})},ge=()=>{G(`/api/ticket/${o.value.id}/close`,{method:"POST",body:Mt(b.value)}).then(()=>{Le().push({name:We("support").name})})},$e=()=>{xe.value=null,de.value=!1},Ge=t=>{te.value.splice(t,1),$.value.files.splice(t,1)},q=v(!1),fe=()=>{q.value||(q.value=!0,o.value.status!=="closed"&&(V.value=!0),setTimeout(()=>{q.value=!1},1e3))},Ce=(t=!0)=>{q.value||(q.value=!0,J.value=t,setTimeout(()=>{q.value=!1},1e3))},Me=v(null),Xe=t=>{let g=t.target.value.replace(/^\s+/,"");g=g.replace(/ +/g," "),$.value.text=g;const C=Me.value;C&&(C.style.height="auto",C.style.height=C.scrollHeight+"px")},Q=t=>{b.value.rate=t,P.value=t},et=()=>{Q(xe.value),de.value=!1};Re(()=>b.value.rate,t=>{t&&!P.value&&(P.value=t)});const tt=_t();let Te=`https://${vt().hostname}/images/site_image.png`;const pe=M(()=>p("meta.site_default_description")),me=M(()=>o.value?.title?`${p("Subject:")} ${o.value?.title} | ${p("Support")}`:p("Support"));ht({title:()=>me.value,description:()=>pe.value,ogTitle:()=>me.value,ogDescription:()=>pe.value,ogImage:()=>Te,ogUrl:()=>Tt(W,c),ogType:"website",ogLocale:()=>L.value,twitterCard:"summary_large_image",twitterTitle:()=>me.value,twitterDescription:()=>pe.value,twitterImage:()=>Te},{tagPriority:0}),Re(()=>[o.value.messages[0]?.id,o.value.status],()=>{x()}),bt(()=>{m&&clearInterval(m),b.value.rate=null,o.value={id:null,title:null,status:null,rate:null,messages:[]},Oe()});const J=v(!1);yt(()=>{c.query?.rate==="1"&&(J.value=!0)});function Se(){J.value=!1,j.replace({path:c.path,query:{...c.query,rate:void 0}})}function st(t){if(!o.value.messages)return;const i=o.value.messages.findIndex(g=>g.id===t);i>=0&&(o.value.messages[i].is_send_feedback=!0)}return(t,i)=>{const g=rs,C=xt,_=Fe,B=Ie,K=is,Z=kt,ae=us,oe=wt,y=ds,ne=cs,lt=gs,at=fs,re=ps;return n(),d(S,null,[s("div",ms,[s("div",_s,[s("div",vs,[e(C,{rel:"nofollow",to:a(tt)("support"),class:"w-6 h-6 group shrink-0"},{default:f(()=>[e(g,{"hydrate-never":"",class:"rotate-90 w-full h-full group-hover:stroke-acsent transition-default"})]),_:1},8,["to"]),s("div",hs,[s("h3",bs,[H(w(t.$t("Ticket"))+" ",1),e(B,null,{fallback:f(()=>[e(_,{"text-size":1.5,length:3})]),default:f(()=>[a(D)?(n(),k(_,{key:1,"text-size":1.5,length:3})):(n(),d(S,{key:0},[H(" #"+w(a(o)?.id),1)],64))]),_:1})]),s("div",null,[e(B,null,{fallback:f(()=>[e(_,{type:"btn","text-size":1.5,data:"Ticket"})]),default:f(()=>[a(D)?(n(),k(_,{key:1,type:"btn","text-size":1.5,data:"Ticket"})):(n(),k(K,{key:0,type:a(je),text:a(Ve)},null,8,["type","text"]))]),_:1})])])]),s("div",ys,[H(w(t.$t("Subject:"))+" ",1),e(B,null,{fallback:f(()=>[s("div",ks,[e(_,{length:6}),e(_,{length:4})])]),default:f(()=>[a(D)?(n(),d("div",xs,[e(_,{length:6}),e(_,{length:4})])):(n(),d(S,{key:0},[H(w(a(o)?.title),1)],64))]),_:1})])]),s("div",ws,[s("div",$s,[a(o)?.status!=="closed"&&!a(D)?(n(),d("div",Cs,[e(Z,{text:t.$t("Message:")},null,8,["text"]),s("div",Ms,[e(oe,{class:"pl-4 pt-2.5 pb-2 pr-2 relative border border-transparent focus-within:border-acsent min-h-30"},{default:f(()=>[s("textarea",{class:"w-full h-full pb-12 pr-9 outline-0 bg-transparent text-sm overflow-hidden",rows:"3",ref_key:"area1",ref:Me,value:a($).text,onInput:Xe,placeholder:t.$t("Type here...")},null,40,Ts),s("input",{type:"file",onInput:Je,hidden:"",ref_key:"inputFile",ref:ye,accept:".jpg, .jpeg, .png"},null,544),s("button",{class:"w-6 h-6 flex absolute top-1.5 right-4 group",onClick:i[0]||(i[0]=z=>a(ye).click())},[e(Lt,{class:"m-auto"}),s("span",Ss,w(t.$t("Attach a file up to 5 mb")),1)]),s("div",Ls,[(n(!0),d(S,null,Y(a(te),(z,ot)=>(n(),d("div",Rs,[s("img",{class:"w-full h-full",src:z.content,alt:"Thumbn

2ail","data-fancybox":"gallery",onClick:nt=>a(E)(z.content)},null,8,As),s("button",{class:"w-3.5 h-3.5 flex rounded-full bg-white absolute top-0.5 right-0.5",onClick:Ct(nt=>Ge(ot),["stop"])},[e(ae,{"hydrate-never":"",class:"m-auto w-1.5 h-1.5"})],8,zs)]))),256))])]),_:1}),s("div",Is,[e(y,{loading:a(se),disabled:!a(qe),text:a(He),class:"px-7 grow lg:grow-0",onClick:Ke},null,8,["loading","disabled","text"])])])])):a(D)?(n(),k(B,{key:1},{fallback:f(()=>[s("div",Us,[e(_,{type:"image","image-width":"textArea",class:"w-full"}),s("div",Es,[e(_,{type:"btn","btn-size":"default",data:t.$t("Send message")},null,8,["data"])])])]),default:f(()=>[s("div",Fs,[e(_,{type:"image","image-width":"textArea",class:"w-full"}),s("div",Ds,[e(_,{type:"btn","btn-size":"default",data:t.$t("Send message")},null,8,["data"])])])]),_:1})):U("",!0),e(ns,{loading:a(D),messages:a(Ne),isClosed:a(o)?.status==="closed",onSuccess:fe,onOnSendFeedback:st},null,8,["loading","messages","isClosed"])]),s("div",Bs,[s("div",Os,[s("div",Ps,[e(B,null,{default:f(()=>[a(u)?(n(),d("span",{key:0,class:"leading-4",innerHTML:a(u)},null,8,Ns)):U("",!0)]),_:1}),a(o)?.status==="Answered"?(n(),k(Z,{key:0,text:t.$t("If you don`t respond, we will close ticket \u2028after 12 hours and 18 minutes.")},null,8,["text"])):U("",!0),e(ne,{"width-star":"5",canSet:a(o)?.rate===null&&!a(D),model:a(b).rate,"onUpdate:model":Q},null,8,["canSet","model"])]),a(o)?.status!=="closed"&&!a(D)?(n(),k(y,{key:0,onClick:fe,text:t.$t("Close ticket"),color:"outline",class:"text-acsent dark:hover:text-acsent-light"},null,8,["text"])):a(o)?.rate===null&&!a(D)?(n(),k(y,{key:1,onClick:Ce,text:t.$t("Rate"),color:"outline",class:"text-acsent dark:hover:text-acsent-light"},null,8,["text"])):a(D)?(n(),k(B,{key:2},{fallback:f(()=>[e(_,{type:"btn","btn-size":"default",class:"w-full"})]),default:f(()=>[e(_,{type:"btn","btn-size":"default",class:"w-full"})]),_:1})):U("",!0)])]),s("div",js,[e(B,null,{default:f(()=>[i[6]||(i[6]=s("hr",{class:"border-day-gray-1 dark:border-night-gray-1"},null,-1)),a(u)?(n(),d("span",{key:0,class:"text-sm leading-4",innerHTML:a(u)},null,8,Vs)):U("",!0)]),_:1}),e(oe,{onClick:i[1]||(i[1]=z=>Ce(!a(o)?.rate)),class:"flex justify-between items-center px-4 py-2.5"},{default:f(()=>[e(Z,{text:t.$t("Rate the support agent")},null,8,["text"]),a(b).rate?(n(),d("div",qs,[(n(),d(S,null,Y(5,z=>s("div",Hs,[e(at,{"hydrate-never":"",class:be(["m-auto",{"!stroke-[#FF9F0A] !fill-[#FF9F0A]":a(b).rate>=z}])},null,8,["class"])])),64))])):(n(),k(lt,{key:0,"hydrate-never":""}))]),_:1}),a(o)?.status!=="closed"?(n(),k(y,{key:0,text:t.$t("Close ticket"),color:"outline",onClick:fe,class:"text-acsent dark:hover:text-acsent-light"},null,8,["text"])):U("",!0)])])]),e(re,{onCloseModal:i[3]||(i[3]=z=>V.value=!1),show:a(V),borderHeader:!1,title:a(o)?.status==="closed"?t.$t("Rate the support agent’s work"):t.$t("Are you sure you want to close the ticket?"),"max-width":"75"},{body:f(()=>[s("div",Ys,[s("div",Ws,[s("div",Qs,[a(o)?.status==="closed"?(n(),d(S,{key:0},[H(w(t.$t("This will help us improve and resolve your future requests faster.")),1)],64)):(n(),d(S,{key:1},[H(w(t.$t("After closing the ticket, you will not be able to send messages inside this ticket.")),1)],64))]),e(ne,{"width-btn":"11.75","width-star":"10.75","stroke-width":"0.7",justifyStars:"justify-around",model:a(b).rate,"onUpdate:model":Q},null,8,["model"])]),s("div",Js,[e(y,{text:t.$t("No"),class:"grow",color:"transparent",onClick:i[2]||(i[2]=z=>V.value=!1)},null,8,["text"]),e(y,{text:t.$t("Yes"),onClick:we,class:"grow"},null,8,["text"])])])]),_:1},8,["show","title"]),e(re,{onCloseModal:Se,show:a(J),borderHeader:!1,title:t.$t("Rate the support agent’s work"),"max-width":"75"},{body:f(()=>[s("div",Ks,[s("div",Zs,[s("div",Gs,w(t.$t("This will help us improve and resolve your future requests faster.")),1),e(ne,{"width-btn":"11.75","width-star":"10.75","stroke-width":"0.7",justifyStars:"justify-around",model:a(b).rate,"show-desc":!1,"onUpdate:model":Q},null,8,["model"])]),s("div",Xs,[e(y,{text:t.$t("Cancel"),class:"grow",color:"transparent",onClick:Se},null,8,["text"]),e(y,{text:t.$t("Rate"),onClick:we,class:"grow"},null,8,["text"])])])]),_:1},8,["show","title"]),e(re,{onCloseModal:i[5]||(i[5]=z=>ue.value=!1),show:a(ue),borderHeader:!1,title:t.$t("What happened?"),"max-width":"75"},{body:f(()=>[s("div",el,[s("div",tl,[s("div",sl,w(t.$t("Tell us what you didn`t like about the support agent`s response.")),1),De(s("textarea",{"onUpdate:modelValue":i[4]||(i[4]=z=>a(b).feedback=z),placeholder:t.$t("Type here..."),class:"bg-transparent roun

2ded-lg-xl border border-day-gray-1 dark:border-night-gray-1 px-4 py-2.5 text-sm outline-0 focus:border-acsent min-h-22",rows:"2"},null,8,ll),[[Ue,a(b).feedback]])]),s("div",al,[e(y,{text:t.$t("Skip"),onClick:ge,class:"grow",color:"transparent"},null,8,["text"]),e(y,{text:t.$t("Send"),disabled:!a(b).feedback||a(b).feedback?.length<10,onClick:ge,class:"grow"},null,8,["text","disabled"])])])]),_:1},8,["show","title"]),e(re,{onCloseModal:$e,show:a(de),borderHeader:!1,title:t.$t("Rate the work of the support agent"),"max-width":"75"},{body:f(()=>[s("div",ol,[e(ne,{"show-desc":!1,"stroke-width":.7,class:"w-full","width-btn":"12","width-star":"10.75",justifyStars:"justify-around",model:a(b).rate,"onUpdate:model":Q},null,8,["model"]),s("div",nl,[e(y,{text:t.$t("No"),class:"grow",onClick:$e,color:"transparent"},null,8,["text"]),e(y,{text:t.$t("Yes"),disabled:!a(b).rate,onClick:et,class:"grow"},null,8,["text","disabled"])])])]),_:1},8,["show","title"])],64)}}});export{_l as default};