2 lines
51 KiB
JavaScript
2 lines
51 KiB
JavaScript
var Ae=Object.defineProperty,Pe=Object.defineProperties;var Me=Object.getOwnPropertyDescriptors;var ge=Object.getOwnPropertySymbols;var Ne=Object.prototype.hasOwnProperty,Te=Object.prototype.propertyIsEnumerable;var be=(F,C,n)=>C in F?Ae(F,C,{enumerable:!0,configurable:!0,writable:!0,value:n}):F[C]=n,xe=(F,C)=>{for(var n in C||(C={}))Ne.call(C,n)&&be(F,n,C[n]);if(ge)for(var n of ge(C))Te.call(C,n)&&be(F,n,C[n]);return F},we=(F,C)=>Pe(F,Me(C));var M=(F,C,n)=>new Promise((S,i)=>{var u=k=>{try{l(n.next(k))}catch(E){i(E)}},P=k=>{try{l(n.throw(k))}catch(E){i(E)}},l=k=>k.done?S(k.value):Promise.resolve(k.value).then(u,P);l((n=n.apply(F,C)).next())});import{s as z,p as J,r as p,f as d,g as A,h as c,q as T,i as e,k as t,t as _,F as Q,m as K,l as $,o as de,n as ye,e as fe,b as $e,V as me,v as V,x as H,C as I,T as Oe,A as B,Q as Se,U as Fe,J as Ee,j as Le,w as Re,X as Be,B as oe}from"./vendor-vue.CmaRnji1.js";import{_ as ee,u as te,a as le,dn as se,T as he,i as D,f as q,A as Ze}from"./index.CjrDwa0W.js";import{i as je}from"./swiper.tg5sgs8j.js";import{D as De}from"./Details.Cd18x64i.js";import{az as ke}from"./vendor.DSdF8huI.js";import{N as He}from"./NewMessage.BMl6Sl0c.js";import{C as Ge}from"./CrossFade.B9Ap6pL9.js";import"./AiakosEmojiPicker.D8pZj3nB.js";const Ve={key:0,class:"w-full h-full absolute z-[500] bg-[#F2F2F7] dark:bg-black"},qe={class:"w-full h-[214em] px-[4em] mt-[-4em] relative",style:{background:"linear-gradient(180deg, #4e596c 0%, #414763 100%)"}},Ie=["src"],ze={class:"w-full h-[130em] flex items-end justify-center"},Qe={class:"h-[55em] aspect-square rounded-full"},Ke=["src"],Xe={class:"w-full h-[85em] flex flex-col items-center justify-center"},Ue={class:"text-[18em] font-['SFPRO'] text-white font-[400] leading-[100%] mt-[0.1em]"},Ye={class:"text-[15em] font-['SFPRO'] text-white font-[400] leading-[100%] mt-[1em]"},We={class:"w-full h-[calc(100%-214em)] flex items-center justify-center"},Je={class:"w-full h-full overflow-auto px-[14em] no-scrollbar"},e1={class:"w-full inline-flex bg-black/10 dark:bg-[#1E1E1E] rounded-[15em] px-[15em] py-[10em]"},t1={class:"w-full h-full flex flex-col gap-[6em]"},l1={class:"text-[11em] font-['SFPRO'] text-black dark:text-white font-[400] leading-[100%] mt-[3px]"},s1={class:"w-full inline-flex flex-col"},a1={class:"w-full inline-flex items-center mt-[5px]"},n1={class:"text-[10em] font-['SFPRO'] text-black dark:text-white font-[400] leading-[100%]"},o1={class:"text-[10em] font-['SFPRO'] text-black dark:text-white font-[400] leading-[100%] ml-[0.6em]"},i1={class:"w-full h-[10em] flex mt-[2em]"},c1={class:"text-[9em] font-['SFPRO'] text-black/50 dark:text-white/50 font-[400] leading-[100%] ml-[3.7em] mt-[1px]"},r1={class:"w-full h-[45em] flex items-center"},u1={class:"text-[15em] font-['SFPRO'] text-black dark:text-white font-[400] leading-[100%]"},d1={class:"w-[15%] h-full flex items-center justify-center"},f1=["src"],m1={class:"w-[75%] h-full flex items-center"},h1={class:"text-[12em] font-['SFPRO'] text-black dark:text-white font-[400] leading-[100%]"},p1=["onClick"],v1={__name:"GroupCallDetails",props:{show:{type:Boolean,required:!0,default:!1},details:{type:Object,required:!0,default:()=>({})}},emits:["back"],setup(F,{emit:C}){const n=te(),{DarkMode:S}=z(n),{t:i}=le();J(()=>{S.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const u=se(),P=w=>{if(!w||w<0)return`0 ${i("details.sec")}`;const f=Math.floor(w/60),r=w%60;return f===0?`${r} ${i("details.sec")}`:r===0?`${f} ${i("details.min")}`:`${f} ${i("details.min")} ${r} ${i("details.sec")}`},l=F,k=C,E=()=>{k("back")},m=w=>{const f=new Date(w),r=`details.months.${f.getMonth()}`,h=i(r),y=f.getDate(),O=f.getFullYear();return`${y} ${h}, ${O}`},N=w=>{const f=new Date(w),r=f.getHours().toString().padStart(2,"0"),h=f.getMinutes().toString().padStart(2,"0");return`${r}:${h}`},x=p(!1),L=()=>{x.value=!x.value},j=w=>M(this,null,function*(){let f=yield q("ADD_NEW_CONTACT",w);if(f&&f.success){if(l.details.participants&&Array.isArray(l.details.participants)){const r=l.details.participants.findIndex(h=>{var y;return h.phone_number===w.phone||((y=h.contact)==null?void 0:y.phone)===w.phone});r!==-1&&(l.details.participants[r].contact=we(xe({},l.details.participants[r].contact),{name:w.name,hasContact:!0,isPhoneNumber:!1}))}x.value=!1,u.AddContact({id:f.id,name:w.name,target_phone:w.phone,fav:f.fav,block:f.block}),n.TriggerNotification({appname:"call",header:i("call.title"),message:i("call.success.contactAdded")})}else n.TriggerNotification({appname:"call",header:i("call.title"),message:i(f==null?void 0:f.message)||(f==null?void 0:f.message)||i("call.errors.contactAddFailed")})});return(w,f)=>l.show?(c(),d("div",Ve,[x.value?(c(),T(he,{key:0,onBack:L,onAdd:j,header:t(i)("details.editContact"),label:t(i)("details.fillDetailsToEdit"),fields:{name:{placeholder:t(i)("details.contactName")},phone:{placeholder:"0000000",value:x.value,readonly:!0}},buttons:{cancel:t(i)("general.cancel"),submit:t(i)("general.save")}},null,8,["header","label","fields","buttons"])):A("",!0),e("div",qe,[e("div",{onClick:E,class:"h-[26em] absolute aspect-square bordrred rounded-full top-[45em] ml-[13em] bg-white dark:bg-[#1E1E1E] flex items-center justify-center cursor-pointer anim-hover-1"},[e("img",{src:t(D)["settings/leftarrow.svg"],class:"h-[30%] bluesvg rotate-[180deg] mr-[1px] mt-[.7px]",alt:""},null,8,Ie)]),e("div",ze,[e("div",Qe,[e("img",{src:t(D)["call/groupcall.svg"],class:"h-full object-cover w-full object-center rounded-full",alt:""},null,8,Ke)])]),e("div",Xe,[e("span",Ue,_(t(i)("groupCall.conferenceCall")),1),e("span",Ye,_(t(i)("groupCall.participantsCount",{count:l.details.participants.length})),1)])]),e("div",We,[e("div",Je,[f[1]||(f[1]=e("div",{class:"w-full h-[13em]"},null,-1)),e("div",e1,[e("div",t1,[e("span",l1,_(m(l.details.created_at)),1),e("div",s1,[e("div",a1,[e("span",n1,_(N(l.details.created_at)),1),e("span",o1,_(l.details.is_outgoing?t(i)("groupCall.outgoingCall"):t(i)("groupCall.incomingCall")),1)]),e("div",i1,[e("span",c1,_(P(l.details.duration)),1)])])])]),e("div",r1,[e("span",u1,_(t(i)("groupCall.participants")),1)]),(c(!0),d(Q,null,K(l.details.participants,r=>(c(),d("div",{class:$([r!==1?"mt-[10em]":" ","w-full h-[40em] bg-black/10 dark:bg-[#F2F2F720] rounded-[15em] flex items-center cursor-pointer anim-hover-1 justify-start px-[1em]"])},[e("div",d1,[e("img",{src:t(n).GetPlayerPhotoByNumber(r.contact.phone),class:"h-[70%] aspect-square rounded-full object-cover object-center",alt:""},null,8,f1)]),e("div",m1,[e("span",h1,_(r.contact.name),1)]),r.contact.hasContact?A("",!0):(c(),d("div",{key:0,onClick:h=>x.value=r.contact.phone,class:"w-[13%] h-full flex items-center justify-center"},f[0]||(f[0]=[e("svg",{class:"h-[45%]",viewBox:"0 0 29 29",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M14.3333 0C22.2495 0 28.6667 6.41725 28.6667 14.3333C28.6667 22.2495 22.2495 28.6667 14.3333 28.6667C6.41725 28.6667 0 22.2495 0 14.3333C0 6.41725 6.41725 0 14.3333 0ZM14.3333 7.66667C13.5969 7.66667 13 8.26363 13 9V13H9C8.26363 13 7.66667 13.5969 7.66667 14.3333C7.66667 15.0697 8.26363 15.6667 9 15.6667H13V19.6667C13 20.4031 13.5969 21 14.3333 21C15.0697 21 15.6667 20.4031 15.6667 19.6667V15.6667H19.6667C20.4031 15.6667 21 15.0697 21 14.3333C21 13.5969 20.4031 13 19.6667 13H15.6667V9C15.6667 8.26363 15.0697 7.66667 14.3333 7.66667Z",fill:"#0D71F0"})],-1)]),8,p1))],2))),256)),f[2]||(f[2]=e("div",{class:"w-full h-[150em]"},null,-1))])])])):A("",!0)}},C1=ee(v1,[["__scopeId","data-v-8bced3af"]]),_1={class:"w-full h-full bg-[#F2F2F7] dark:bg-black relative"},g1={class:"w-full h-[70em] mt-[4em] px-[4em] flex items-end justify-center"},b1={class:"w-[90%] h-[41%] flex items-center justify-between relative"},x1={class:"w-full h-full flex items-center justify-center absolute"},w1={class:"text-[14em] font-['SFPRO'] text-black dark:text-white font-[400] text-center leading-[100%] mt-[1px]"},k1={class:"text-[10em] font-['SFPRO'] text-black dark:text-white font-[500] text-center leading-[100%]"},y1=["src"],$1={class:"text-[10em] font-['SFPRO'] text-black dark:text-white font-[400] leading-[100%] whitespace-nowrap mt-[3px]"},S1={class:"text-[10em] font-['SFPRO'] text-[#ED6A6A] font-[400] leading-[100%] whitespace-nowrap"},F1={key:0,class:"w-full h-[117em] flex items-end justify-end"},E1={class:"w-[100%] px-[4em] h-[85%]"},L1={class:"w-full h-full"},j1={class:"w-full h-[80%] anim-hover-1",style:{cursor:"pointer"}},D1=["src"],A1={class:"w-full h-[15%] flex items-end justify-center"},P1={class:"text-[9em] font-['SFPRO'] text-black dark:text-white font-[500] text-center leading-[100%] fixtext"},M1={class:"w-full px-[4em] h-full"},N1={class:"w-full h-[25em] px-[13em] flex items-end"},T1={class:"text-[14.5em] font-['SFPRO'] text-black dark:text-white font-[400] text-center leading-[100%] mt-[1px]"},O1=["onClick"],R1={class:"w-[42em] h-full flex items-center justify-center"},B1=["src"],Z1=["src"],H1={class:"w-[190em] h-full flex items-center justify-end"},G1={class:"w-[95%] h-[50%] flex flex-col justify-between"},V1={class:"w-full h-[40%] flex items-center justify-between"},q1={key:0,class:"text-[11em] font-['SFPRO'] text-black dark:text-white font-[400] text-center leading-[100%] mt-[1px]"},I1={key:1,class:"text-[11em] font-['SFPRO'] text-black dark:text-white font-[400] text-center leading-[100%] mt-[1px]"},z1={class:"text-[9.5em] font-['SFPRO'] text-black/30 dark:text-white/30 font-[400] mt-[2em] mr-[.4em] text-center leading-[100%]"},Q1={class:"w-full h-[40%] flex items-center mt-[5em]"},K1={key:0,class:"h-[80%]",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},X1={key:1,class:"h-[80%]",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},U1={key:2,class:"h-[80%]",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Y1=["src"],W1={class:"w-[42em] h-full flex items-center justify-end"},J1={class:"h-[56%] aspect-square cursor-pointer anim-hover-1 rounded-full bg-white dark:bg-[#1E1E1E] flex items-center justify-center"},et=["src"],tt=["onClick","src"],lt={__name:"Calls",props:{searchQuery:{type:String,default:""}},setup(F){const C=[je],n=p(null),S=p(0),i=p("top"),u=te(),{DarkMode:P,PhoneData:l}=z(u),k=p(null),E=se(),{t:m}=le(),{GetFavContacts:N,ScrollPage:x}=z(E),L=p("calls");J(()=>{P.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const j=p("all"),w=s=>{j.value=s},f=s=>{s&&E.DeleteCallHistory(s)},r=p(!1),h=()=>{r.value=!r.value},y=p(!1),O=p(null),ie=()=>{y.value=!y.value},ae=s=>{O.value&&!O.value.contains(s.target)&&(y.value=!1)},Z=()=>{if(!n.value)return;const s=n.value,o=s.scrollTop,v=s.scrollHeight,a=s.clientHeight,b=v-a;S.value=b>0?o/b:0,o<=5?i.value="top":o>=b-5?i.value="bottom":i.value="middle",o+a>=v-100&&E.LoadMoreCalls()};de(()=>{n.value&&(n.value.addEventListener("scroll",Z),setTimeout(()=>M(this,null,function*(){yield ye(),Z()}),100)),E.markCallsAsSeen(),document.addEventListener("click",ae)}),fe(()=>{n.value&&n.value.removeEventListener("scroll",Z),document.removeEventListener("click",ae)});const ne=(s,o,v)=>M(this,null,function*(){if(!s)return;if(v&&o!=l.value.phone_number){u.TriggerNotification({appname:"call",header:m("call.title"),message:m("call.errors.privateNumberAccess")});return}let a=yield E.GetContactDetails(s);a&&a.success?(k.value=a,L.value="details"):u.TriggerNotification({appname:"call",header:m("call.title"),message:m(a.message)||a.message})}),ce=()=>{k.value=null,L.value="calls"},X=F,re=$e(()=>{var v,a;const s=((a=(v=x.value)==null?void 0:v.calls)==null?void 0:a.loadedData)||[];if(!Array.isArray(s)||s.length===0)return[];let o=[...s];if(j.value==="missed"&&(o=o.filter(b=>b.answer_status===0||b.is_outgoing===0&&b.answer_status===3)),X.searchQuery&&X.searchQuery.trim()!==""){const b=X.searchQuery.toLowerCase().trim();o=o.filter(R=>{var pe,ve,Ce,_e;const Y=(ve=(pe=R.contact)==null?void 0:pe.name)==null?void 0:ve.toLowerCase(),W=(_e=(Ce=R.contact)==null?void 0:Ce.phone)==null?void 0:_e.toLowerCase();return(Y==null?void 0:Y.includes(b))||(W==null?void 0:W.includes(b))})}return o}),ue=s=>{if(!s)return m("call.unknown");let o;if(typeof s=="string"&&s.includes("-"))o=new Date(s.replace(" ","T"));else{let b=parseInt(s);if(b.toString().length===10&&(b*=1e3),isNaN(b)||b<=0)return m("call.unknown");o=new Date(b)}if(isNaN(o.getTime()))return m("call.unknown");if(new Date().toDateString()===o.toDateString()){const b=o.getHours().toString().padStart(2,"0"),R=o.getMinutes().toString().padStart(2,"0");return`${b}:${R}`}else{const b=o.getDate().toString().padStart(2,"0"),R=(o.getMonth()+1).toString().padStart(2,"0"),Y=o.getHours().toString().padStart(2,"0"),W=o.getMinutes().toString().padStart(2,"0");return`${b}.${R} ${Y}:${W}`}},U=s=>{var v,a,b;if(!s||s.length===0)return m("call.unknownGroup");const o=((a=(v=s[0])==null?void 0:v.contact)==null?void 0:a.name)||((b=s[0])==null?void 0:b.phone)||m("call.unknown");return s.length>1?`${o} +${s.length-1} ${m("call.more")}`:o},G=p(null),g=s=>M(this,null,function*(){if(!s)return;let o=yield q("GetCallDetailsForCallID",{call_id:s});o&&o.success&&(G.value=o.callDetails)});return(s,o)=>{const v=me("motion");return c(),d("div",_1,[V(C1,{show:G.value,details:G.value,onBack:o[0]||(o[0]=a=>G.value=null)},null,8,["show","details"]),e("div",{class:$(["main-call-page",{"slide-left":L.value=="details"}])},[e("div",g1,[e("div",b1,[e("div",x1,[e("span",w1,_(t(m)("call.calls")),1)]),e("div",{onClick:h,class:"inline-flex h-full relative z-[5] px-[10em] items-center justify-center bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.10)] rounded-full cursor-pointer anim-hover-1"},[e("span",k1,_(r.value?t(m)("general.done"):t(m)("general.edit")),1)]),e("div",{ref_key:"dropdownRef",ref:O,onClick:ie,class:"h-full relative aspect-square z-[20] rounded-full bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.10)] flex items-center justify-center cursor-pointer anim-hover-1"},[e("img",{src:t(D)["call/sort.svg"],class:$(["h-[25%] mr-[1px]",t(P)?"svgwhite":""]),alt:""},null,10,y1),V(Oe,{name:"dropdown"},{default:H(()=>[y.value?(c(),d("div",{key:0,onClick:o[3]||(o[3]=I(()=>{},["stop"])),class:$([{"anim-hover-1":y.value},"inline-flex flex-col rounded-[15em] absolute top-0 right-0 bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.10)] overflow-hidden"])},[e("div",{onClick:o[1]||(o[1]=a=>w("all")),class:$([{"bg-[#F2F2F7] dark:bg-[#292929]":j.value==="all"},"min-w-[100em] h-[27em] flex items-center justify-center px-[10em] border-b-[1px] border-black/10 hover:bg-[#F2F2F7] dark:hover:bg-[#292929]"])},[e("span",$1,_(t(m)("call.allCalls")),1)],2),e("div",{onClick:o[2]||(o[2]=a=>w("missed")),class:$([{"bg-[#F2F2F7] dark:bg-[#292929]":j.value==="missed"},"min-w-[100em] h-[27em] flex items-center justify-center px-[10em] hover:bg-[#F2F2F7] dark:hover:bg-[#292929]"])},[e("span",S1,_(t(m)("call.missedCall")),1)],2)],2)):A("",!0)]),_:1})],512)])]),t(E).GetFavContacts.length>0?(c(),d("div",F1,[e("div",E1,[V(t(Fe),{modules:C,"slides-per-view":"auto","space-between":5,"free-mode":!0,class:"h-full"},{default:H(()=>[(c(!0),d(Q,null,K(t(E).GetFavContacts,(a,b)=>B((c(),T(t(Se),{onClick:R=>ne(a.target_phone),key:b,initial:{opacity:0,scale:.5,y:20},enter:{opacity:1,scale:1,y:0,transition:{delay:b*100,duration:400,type:"spring",stiffness:200,damping:15}},class:"!w-[50em] first:ml-[13em] mt-[4em] !overflow-visible"},{default:H(()=>[e("div",L1,[e("div",j1,[e("img",{src:t(u).GetPlayerPhotoByNumber(a.target_phone),class:"h-full object-cover w-full object-top rounded-[10em]",alt:""},null,8,D1)]),e("div",A1,[e("span",P1,_(a.name),1)])])]),_:2},1032,["onClick","enter"])),[[v]])),128))]),_:1})])])):A("",!0),e("div",{class:$([t(E).GetFavContacts.length>0?"h-[447em]":"h-[568em]","w-full flex items-end justify-center pt-[8em]"])},[e("div",M1,[e("div",N1,[e("span",T1,_(t(m)("call.recents")),1)]),e("div",{class:$(["w-full h-[calc(100%-25px)] px-[13em] overflow-auto no-scrollbar",[i.value==="top"?"mask-bottom":"",i.value==="middle"?"mask-both":"",i.value==="bottom"?"mask-top":""]]),ref_key:"scrollContainer",ref:n},[o[9]||(o[9]=e("div",{class:"w-full h-[5em]"},null,-1)),(c(!0),d(Q,null,K(re.value,(a,b)=>(c(),d("div",{onClick:R=>a.channel_type!=="group"?ne(a.contact.phone,a.caller_phone,a.hide_number):g(a.call_id),key:a.id,class:"w-full h-[55em] flex relative cursor-pointer anim-hover-1 first:mt-0 mt-[8em]"},[o[8]||(o[8]=e("div",{class:"w-[80%] h-[1em] absolute bottom-0 bg-black/5 dark:bg-white/5 right-[1em]"},null,-1)),e("div",R1,[a.channel_type!=="group"?(c(),d("img",{key:0,src:t(u).GetPlayerPhotoByNumber(a.hide_number?a.caller_phone==t(l).phone_number?a.contact.phone:"-1-1-1":a.contact.phone),class:"h-[70%] aspect-square object-cover object-center rounded-full",alt:""},null,8,B1)):(c(),d("img",{key:1,src:t(D)["call/groupcall.svg"],class:"h-[70%] aspect-square object-cover object-center rounded-full",alt:""},null,8,Z1))]),e("div",H1,[e("div",G1,[e("div",V1,[a.channel_type!=="group"?(c(),d("span",q1,_(a.hide_number?a.caller_phone==t(l).phone_number?a.contact.name:t(m)("call.privateNumber"):a.contact.name),1)):(c(),d("span",I1,_(U(a.participants)),1)),e("span",z1,_(ue(a.created_at)),1)]),e("div",Q1,[a.is_outgoing==1&&a.answer_status==1||a.answer_status==3?(c(),d("svg",K1,o[5]||(o[5]=[e("path",{d:"M3.19874 9.25778C3.80863 9.86568 4.45006 10.4145 5.12303 10.9042C5.79601 11.394 6.46899 11.7823 7.14197 12.0694C7.81495 12.3565 8.45218 12.5 9.05365 12.5C9.46162 12.5 9.84225 12.4261 10.1956 12.2784C10.5489 12.1306 10.8686 11.8984 11.1546 11.5818C11.3186 11.396 11.4501 11.1966 11.5489 10.9834C11.6478 10.7702 11.6972 10.5559 11.6972 10.3406C11.6972 10.1802 11.6646 10.0272 11.5994 9.88152C11.5342 9.73588 11.4259 9.6103 11.2745 9.50478L9.34386 8.12424C9.19665 8.02295 9.05994 7.94698 8.93375 7.89631C8.80759 7.84565 8.68773 7.82032 8.57415 7.82032C8.43116 7.82032 8.29236 7.85937 8.15777 7.93749C8.02317 8.01556 7.88436 8.12638 7.74132 8.26995L7.29341 8.71316C7.22609 8.78073 7.14617 8.81451 7.05366 8.81451C7.00318 8.81451 6.95584 8.80606 6.91165 8.78916C6.8675 8.7723 6.82861 8.75753 6.79497 8.74487C6.6015 8.6393 6.35123 8.4567 6.04417 8.19706C5.73713 7.93747 5.42798 7.65146 5.11672 7.33904C4.80968 7.02662 4.52577 6.71633 4.26499 6.40818C4.00421 6.1 3.82335 5.84881 3.7224 5.65461C3.70558 5.62084 3.68981 5.58179 3.67508 5.53747C3.66036 5.49314 3.653 5.44775 3.653 5.40131C3.653 5.30844 3.68455 5.23034 3.74764 5.16702L4.18928 4.70475C4.33229 4.56121 4.4427 4.4219 4.52051 4.28681C4.59832 4.15172 4.63723 4.0124 4.63723 3.86886C4.63723 3.75488 4.61199 3.63456 4.56152 3.50791C4.51105 3.38126 4.43323 3.24406 4.32808 3.09631L2.97161 1.17757C2.86225 1.02559 2.73186 0.914775 2.58044 0.845119C2.42903 0.775462 2.26919 0.740633 2.10095 0.740633C1.66351 0.740633 1.25763 0.924273 0.883283 1.29155C0.576237 1.58707 0.352261 1.91319 0.211356 2.26992C0.0704521 2.62665 0 3.00765 0 3.41293C0 4.02084 0.139853 4.65937 0.419559 5.32849C0.699265 5.99762 1.08097 6.6678 1.56467 7.33904C2.04837 8.01027 2.59306 8.64985 3.19874 9.25778ZM7.19243 5.80026C7.31862 5.80026 7.42798 5.75382 7.5205 5.66095L10.2334 2.92533L11.2051 1.87414L11.0978 3.72955V4.67309C11.0978 4.79551 11.1388 4.9 11.2209 4.98654C11.3029 5.07308 11.407 5.11847 11.5332 5.12269C11.6593 5.13113 11.7687 5.09103 11.8612 5.00237C11.9537 4.91372 12 4.80395 12 4.67309V1.0066C12 0.83773 11.959 0.711082 11.877 0.626649C11.795 0.542216 11.6698 0.5 11.5016 0.5H7.83597C7.70977 0.5 7.60147 0.546438 7.51106 0.639314C7.42062 0.73219 7.37959 0.844063 7.38799 0.974932C7.39221 1.09736 7.43743 1.19974 7.52366 1.28206C7.60989 1.36438 7.71399 1.40554 7.83597 1.40554H8.79497L10.6499 1.30422L9.58995 2.27309L6.87069 5.00871C6.76973 5.11002 6.71926 5.22612 6.71926 5.35699C6.71926 5.48364 6.76448 5.58918 6.85493 5.67361C6.94533 5.75805 7.05783 5.80026 7.19243 5.80026Z",fill:"#8A8A8A"},null,-1)]))):a.is_outgoing==0&&a.answer_status==1?(c(),d("svg",X1,o[6]||(o[6]=[e("path",{d:"M9.84619 4.28859C9.24636 3.67078 8.61401 3.11151 7.94916 2.61079C7.2843 2.11012 6.61778 1.71076 5.9496 1.41272C5.28142 1.11463 4.64663 0.960659 4.04523 0.950796C3.63733 0.944105 3.25553 1.01173 2.89985 1.15368C2.54412 1.29562 2.22069 1.52253 1.92954 1.83441C1.76246 2.01746 1.62776 2.21476 1.52543 2.42631C1.4231 2.63783 1.37017 2.85124 1.36664 3.06653C1.36401 3.22694 1.3941 3.38048 1.45691 3.52717C1.51972 3.67386 1.62595 3.8012 1.77559 3.9092L3.6833 5.32121C3.82884 5.42489 3.96428 5.5031 4.08963 5.55583C4.21493 5.60856 4.33437 5.63585 4.44793 5.63771C4.5909 5.64006 4.73032 5.60328 4.86618 5.52738C5.00204 5.45153 5.14265 5.343 5.28802 5.2018L5.74314 4.766C5.81156 4.69954 5.89202 4.66707 5.98453 4.66859C6.035 4.66942 6.08219 4.67864 6.12609 4.69627C6.16996 4.71385 6.2086 4.72925 6.24203 4.74247C6.43375 4.85119 6.68098 5.03787 6.98375 5.30251C7.28649 5.5671 7.59091 5.85814 7.897 6.17562C8.19888 6.49304 8.47767 6.80794 8.73336 7.12033C8.98905 7.43274 9.16576 7.68686 9.26351 7.88269C9.27978 7.91674 9.29491 7.95604 9.3089 8.0006C9.32289 8.04516 9.32951 8.09066 9.32875 8.1371C9.32722 8.22996 9.2944 8.30753 9.23028 8.36981L8.78112 8.82477C8.63577 8.96594 8.5231 9.10343 8.44308 9.23722C8.36306 9.37102 8.32188 9.50968 8.31952 9.6532C8.31765 9.76717 8.34091 9.88788 8.3893 10.0153C8.43769 10.1428 8.51324 10.2813 8.61596 10.4307L9.94078 12.3714C10.0476 12.5252 10.1762 12.6381 10.3264 12.7103C10.4767 12.7824 10.6359 12.8198 10.8042 12.8226C11.2415 12.8298 11.6504 12.6528 12.0307 12.2917C12.3425 12.0013 12.5718 11.6789 12.7186 11.3245C12.8653 10.9701 12.942 10.5903 12.9486 10.1851C12.9586 9.57729 12.8293 8.93656 12.5606 8.26293C12.2919 7.58931 11.9212 6.91295 11.4486 6.23387C10.9759 5.55481 10.4418 4.90638 9.84619 4.28859ZM5.79634 7.68016C5.67016 7.67809 5.56006 7.72272 5.46603 7.81407L2.70861 10.5048L1.71983 11.5399L1.85755 9.68654L1.87303 8.74313C1.87503 8.62072 1.83573 8.51558 1.75511 8.4277C1.67453 8.33983 1.57119 8.29274 1.44508 8.28645C1.31908 8.27594 1.20908 8.31425 1.11508 8.40137C1.02113 8.4885 0.973075 8.59749 0.970929 8.72834L0.9108 12.3943C0.908031 12.5632 0.946952 12.6905 1.02756 12.7762C1.10817 12.862 1.23261 12.9063 1.40086 12.909L5.06597 12.9692C5.19215 12.9712 5.30119 12.9266 5.39311 12.8352C5.48507 12.7438 5.52792 12.6326 5.52167 12.5016C5.51946 12.3791 5.47592 12.276 5.39105 12.1923C5.30619 12.1086 5.20278 12.0657 5.08082 12.0637L4.12194 12.048L2.26563 12.1189L3.3413 11.1675L6.10505 8.47688C6.20766 8.37723 6.26003 8.26198 6.26218 8.13112C6.26426 8.0045 6.22077 7.89823 6.13172 7.81232C6.04271 7.72642 5.93092 7.68236 5.79634 7.68016Z",fill:"#8A8A8A"},null,-1)]))):a.is_outgoing==0&&a.answer_status==2?(c(),d("svg",U1,o[7]||(o[7]=[e("path",{d:"M9.84619 4.28859C9.24636 3.67078 8.61401 3.11151 7.94916 2.61079C7.2843 2.11012 6.61778 1.71076 5.9496 1.41272C5.28142 1.11463 4.64663 0.960659 4.04523 0.950796C3.63733 0.944105 3.25553 1.01173 2.89985 1.15368C2.54412 1.29562 2.22069 1.52253 1.92954 1.83441C1.76246 2.01746 1.62776 2.21476 1.52543 2.42631C1.4231 2.63783 1.37017 2.85124 1.36664 3.06653C1.36401 3.22694 1.3941 3.38048 1.45691 3.52717C1.51972 3.67386 1.62595 3.8012 1.77559 3.9092L3.6833 5.32121C3.82884 5.42489 3.96428 5.5031 4.08963 5.55583C4.21493 5.60856 4.33437 5.63585 4.44793 5.63771C4.5909 5.64006 4.73032 5.60328 4.86618 5.52738C5.00204 5.45153 5.14265 5.343 5.28802 5.2018L5.74314 4.766C5.81156 4.69954 5.89202 4.66707 5.98453 4.66859C6.035 4.66942 6.08219 4.67864 6.12609 4.69627C6.16996 4.71385 6.2086 4.72925 6.24203 4.74247C6.43375 4.85119 6.68098 5.03787 6.98375 5.30251C7.28649 5.5671 7.59091 5.85814 7.897 6.17562C8.19888 6.49304 8.47767 6.80794 8.73336 7.12033C8.98905 7.43274 9.16576 7.68686 9.26351 7.88269C9.27978 7.91674 9.29491 7.95604 9.3089 8.0006C9.32289 8.04516 9.32951 8.09066 9.32875 8.1371C9.32722 8.22996 9.2944 8.30753 9.23028 8.36981L8.78112 8.82477C8.63577 8.96594 8.5231 9.10343 8.44308 9.23722C8.36306 9.37102 8.32188 9.50968 8.31952 9.6532C8.31765 9.76717 8.34091 9.88788 8.3893 10.0153C8.43769 10.1428 8.51324 10.2813 8.61596 10.4307L9.94078 12.3714C10.0476 12.5252 10.1762 12.6381 10.3264 12.7103C10.4767 12.7824 10.6359 12.8198 10.8042 12.8226C11.2415 12.8298 11.6504 12.6528 12.0307 12.2917C12.3425 12.0013 12.5718 11.6789 12.7186 11.3245C12.8653 10.9701 12.942 10.5903 12.9486 10.1851C12.9586 9.57729 12.8293 8.93656 12.5606 8.26293C12.2919 7.58931 11.9212 6.91295 11.4486 6.23387C10.9759 5.55481 10.4418 4.90638 9.84619 4.28859ZM5.79634 7.68016C5.67016 7.67809 5.56006 7.72272 5.46603 7.81407L2.70861 10.5048L1.71983 11.5399L1.85755 9.68654L1.87303 8.74313C1.87503 8.62072 1.83573 8.51558 1.75511 8.4277C1.67453 8.33983 1.57119 8.29274 1.44508 8.28645C1.31908 8.27594 1.20908 8.31425 1.11508 8.40137C1.02113 8.4885 0.973075 8.59749 0.970929 8.72834L0.9108 12.3943C0.908031 12.5632 0.946952 12.6905 1.02756 12.7762C1.10817 12.862 1.23261 12.9063 1.40086 12.909L5.06597 12.9692C5.19215 12.9712 5.30119 12.9266 5.39311 12.8352C5.48507 12.7438 5.52792 12.6326 5.52167 12.5016C5.51946 12.3791 5.47592 12.276 5.39105 12.1923C5.30619 12.1086 5.20278 12.0657 5.08082 12.0637L4.12194 12.048L2.26563 12.1189L3.3413 11.1675L6.10505 8.47688C6.20766 8.37723 6.26003 8.26198 6.26218 8.13112C6.26426 8.0045 6.22077 7.89823 6.13172 7.81232C6.04271 7.72642 5.93092 7.68236 5.79634 7.68016Z",fill:"#8A8A8A"},null,-1)]))):(c(),d("img",{key:3,src:t(D)["call/missedcall.svg"],class:"h-[80%]",alt:""},null,8,Y1)),e("span",{class:$([a.answer_status==1||a.is_outgoing==0&&a.answer_status==2||a.is_outgoing==1&&a.answer_status==3?"text-[#8A8A8A]":"text-[#ED6A6A]","text-[11em] font-['SFPRO'] font-[400] text-center ml-[0.3em] leading-[100%]"])},_(t(m)("call.mobile")),3)])])]),e("div",W1,[e("div",J1,[r.value?(c(),d("img",{key:1,onClick:[R=>f(a.id),o[4]||(o[4]=I(()=>{},["stop"]))],src:t(D)["call/delete.svg"],class:"h-[40%]",alt:""},null,8,tt)):(c(),d("img",{key:0,src:t(D)["call/call.svg"],class:"h-[50%]",alt:""},null,8,et))])])],8,O1))),128)),o[10]||(o[10]=e("div",{class:"w-full h-[110em]"},null,-1))],2)])],2)],2),e("div",{class:$(["notifications-page-wrapper",{active:L.value=="details"}])},[L.value==="details"&&k.value?(c(),T(De,{key:0,details:k.value,onBack:ce},null,8,["details"])):A("",!0)],2)])}}},st=ee(lt,[["__scopeId","data-v-b0c9abf1"]]),at={class:"w-full h-full bg-[#F2F2F7] dark:bg-black"},nt={class:"w-full h-[140em] flex items-center justify-center"},ot={class:"w-full h-[338em] flex items-end justify-center"},it={class:"w-[80%] h-[90%] flex justify-between flex-wrap gap-x-[15px] gap-y-[15px]"},ct=["onClick"],rt={key:0,class:"w-full h-[37em] flex items-end justify-center pointer-events-none"},ut={class:"text-[20em] font-['SFPRO'] text-black dark:text-white font-[700] leading-[1]"},dt={class:"w-full h-[18em] flex items-center justify-center pointer-events-none"},ft={class:"text-[9em] font-['SFPRO'] font-[500] leading-[1] dark:text-white"},mt={class:"w-full h-[79em] flex items-end justify-center"},ht={class:"w-full h-[65em] flex items-center justify-center relative"},pt=["src"],vt=["src"],Ct=["src"],_t={__name:"Keypad",props:{isActive:{type:Boolean,default:!1}},setup(F){const C=se(),n=te(),{t:S}=le(),{DarkMode:i}=z(n),u=p(!1),P=F;J(()=>{i.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const l=p(""),k=r=>{const h=r.target.value.replace(/\D/g,"");l.value=h},E=p([{number:1},{number:2,letter:"A B C"},{number:3,letter:"D E F"},{number:4,letter:"G H I"},{number:5,letter:"J K L"},{number:6,letter:"M N O"},{number:7,letter:"P Q R S"},{number:8,letter:"T U V"},{number:9,letter:"W X Y Z"},{number:"*"},{number:0,letter:"+"},{number:"#"}]),m=r=>{l.value.length<15&&(l.value+=r)},N=()=>{l.value=l.value.slice(0,-1)},x=()=>{l.value=""},L=r=>M(this,null,function*(){if(!P.isActive||u.value)return;const h=r.key;h>="0"&&h<="9"?(r.preventDefault(),r.stopPropagation(),m(h)):h==="Backspace"?(r.preventDefault(),r.stopPropagation(),N()):h==="Delete"?(r.preventDefault(),r.stopPropagation(),x()):h==="Enter"&&(r.preventDefault(),r.stopPropagation(),j())}),j=()=>M(this,null,function*(){if(l.value.length<=0)return;let r=yield q("CALL_PLAYER",{phoneNumber:l.value});r&&r.success?n.StartCall(r.data):n.TriggerNotification({appname:"call",header:S("call.title"),message:S(r.message)||r.message||S("call.errors.unableToCall")})});de(()=>{window.addEventListener("keydown",L)}),fe(()=>{window.removeEventListener("keydown",L)});const w=()=>{!u.value&&l.value.length<=0||(u.value=!u.value)},f=r=>M(this,null,function*(){let h=yield q("ADD_NEW_CONTACT",r);h&&(C.AddContact(h),u.value=!1)});return(r,h)=>(c(),d("div",at,[u.value?(c(),T(he,{key:0,onBack:w,onAdd:f,header:t(S)("call.addNewContact"),label:t(S)("call.fillDetailsToAdd"),fields:{name:{placeholder:t(S)("call.contactName"),value:""},phone:{placeholder:"0000000",value:l.value,readonly:!0}},buttons:{cancel:t(S)("general.cancel"),submit:t(S)("general.add")}},null,8,["header","label","fields","buttons"])):A("",!0),e("div",nt,[B(e("input",{"onUpdate:modelValue":h[0]||(h[0]=y=>l.value=y),type:"tel",placeholder:"",class:"text-[25em] mt-[2em] font-['SFPRO'] text-black dark:text-white font-[700] leading-[1] bg-transparent text-center outline-none w-[80%]",maxlength:15,onInput:k},null,544),[[Ee,l.value]])]),e("div",ot,[e("div",it,[(c(!0),d(Q,null,K(E.value,y=>(c(),d("div",{key:y.number,onClick:O=>m(y.number),style:Le({visibility:y.number==="*"||y.number==="#"?"hidden":"visible"}),class:"h-[63em] rounded-full w-[63em] overflow-hidden bg-white dark:bg-[#FFFFFF26] cursor-pointer anim-hover-1"},[y.number!=="*"&&y.number!=="#"?(c(),d("div",rt,[e("span",ut,_(y.number),1)])):A("",!0),e("div",dt,[e("span",ft,_(y.letter),1)])],12,ct))),128))])]),e("div",mt,[e("div",ht,[e("div",{class:"w-[25em] h-full absolute left-[47em] flex items-center justify-center cursor-pointer hover:opacity-70",onClick:w},[e("img",{src:t(D)["call/addcontact.svg"],class:"h-[50%]",alt:"Kişi Ekle"},null,8,pt)]),e("div",{class:"w-[25em] h-full absolute right-[47em] flex items-center justify-center cursor-pointer hover:opacity-70",onClick:N,onContextmenu:I(x,["right","prevent"])},[e("img",{src:t(D)["call/deletekeypad.svg"],class:$(["h-[50%]",t(i)?"svgwhite":""]),alt:"Sil"},null,10,vt)],32),e("div",{onClick:j,class:"h-[95%] aspect-square rounded-full bg-[#34C759] flex items-center justify-center cursor-pointer hover:bg-[#2FB24E] active:bg-[#28A043] transition-colors"},[e("img",{src:t(D)["call/callwhite.svg"],class:"h-[45%]",alt:"Ara"},null,8,Ct)])])])]))}},gt=ee(_t,[["__scopeId","data-v-39ea6247"]]),bt={class:"w-full h-full bg-[#F2F2F7] dark:bg-black relative"},xt={class:"w-full h-[70em] px-[4em] mt-[4em] flex items-end justify-center"},wt={class:"w-[90%] h-[41%] flex items-center justify-between relative"},kt={class:"w-full h-full flex items-center justify-center absolute"},yt={class:"text-[12em] font-['SFPRO'] text-black dark:text-white font-[400] text-center leading-[100%] mt-[1px]"},$t={class:"text-[10em] font-['SFPRO'] text-black dark:text-white font-[500] text-center leading-[100%]"},St=["src"],Ft={key:0,class:"w-full h-[117em] flex items-end justify-end"},Et={class:"w-[100%] h-[85%] px-[4em]"},Lt={class:"w-full h-full"},jt={class:"w-full h-[80%] anim-hover-1",style:{cursor:"pointer"}},Dt=["src"],At={class:"w-full h-[15%] flex items-end justify-center"},Pt={class:"text-[9em] font-['SFPRO'] text-black dark:text-white font-[500] text-center leading-[100%] truncate w-full"},Mt={class:"w-full h-full"},Nt={class:"w-full h-[25em] px-[17em] flex items-end"},Tt={class:"text-[14.5em] font-['SFPRO'] text-black dark:text-white font-[400] text-center leading-[100%] mt-[1px]"},Ot=["onClick"],Rt={class:"w-[42em] h-full flex items-center justify-start"},Bt=["src"],Zt={class:"w-[150em] h-full flex items-center justify-end"},Ht={class:"w-[94%] h-[50%] flex flex-col justify-between"},Gt={class:"w-full h-[40%] flex items-center justify-between"},Vt={class:"text-[11em] font-['SFPRO'] text-black dark:text-white font-[400] text-center leading-[100%] mt-[1px] ml-[1px]"},qt={class:"w-full h-[40%] flex items-center"},It={class:"text-[11em] font-['SFPRO'] text-black/50 dark:text-white/50 font-[500] text-center leading-[100%] mt-[1px] ml-[1px]"},zt={class:"w-[44em] h-full flex items-center justify-end"},Qt=["onClick"],Kt={class:"w-[44em] h-full flex items-center justify-end"},Xt=["onClick"],Ut=["src"],Yt=["onClick"],Wt=["src"],Jt={__name:"Contacts",props:{searchQuery:{type:String,default:""}},setup(F){const C=te(),n=se(),{DarkMode:S}=z(C),i=p("contacts"),{t:u}=le();J(()=>{S.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const P=p(!1),l=[je],k=p(!1),E=()=>{k.value=!k.value};p(null);const m=p(null),N=p(0),x=p("top"),L=ke.debounce(()=>{if(!m.value)return;const g=m.value,s=g.scrollTop,o=g.scrollHeight,v=g.clientHeight,a=o-v;if(N.value=a>0?s/a:0,s<=5?x.value="top":s>=a-5?x.value="bottom":x.value="middle",s+v>=o-300){if(f.searchQuery)return;n.LoadContactsMore("contacts")}},5);de(()=>{P.value=!0,m.value&&(m.value.addEventListener("scroll",L),setTimeout(()=>M(this,null,function*(){yield ye(),L()}),100))}),fe(()=>{var g;P.value=!1,m.value&&m.value.removeEventListener("scroll",L),(g=L.cancel)==null||g.call(L)});const j=p(null),w=g=>M(this,null,function*(){if(!g)return;let s=yield n.GetContactDetails(g);s&&s.success&&(j.value=s,i.value="details")}),f=F,r=$e(()=>n.FilteredContacts),h=p(!1),y=()=>{h.value=!1},O=p(!1),ie=ke.debounce(g=>M(this,null,function*(){g.length>=2?(O.value=!0,yield n.searchContacts(g),O.value=!1):g===""&&(yield n.clearSearch("contacts"))}),300);Re(()=>f.searchQuery,(g,s)=>{ie(g)},{immediate:!1});const ae=()=>M(this,null,function*(){if(h.value.target_phone){let g=yield q("DELETE_CONTACT",{target_phone:h.value.target_phone});g.success?(n.DeleteContact(h.value.target_phone),h.value=!1):C.TriggerNotification({appname:"message",header:u("message.title"),message:u(g.message)||g.message||u("contacts.errors.deleteFailed")})}}),Z=p(!1),ne=()=>{Z.value=!1},ce=()=>{Z.value=!0},X=()=>{i.value="contacts"},re=g=>M(this,null,function*(){let s=yield q("CALL_PLAYER",{phoneNumber:g});s&&s.success?C.StartCall(s.data):C.TriggerNotification({appname:"call",header:u("call.title"),message:u(s.message)||s.message||u("call.errors.unableToCall")})}),ue=g=>M(this,null,function*(){let s=yield q("ADD_NEW_CONTACT",g);s&&s.success&&(Z.value=!1,n.AddContact({id:s.id,name:g.name,target_phone:g.phone,fav:s.fav,block:s.block}))}),U=p(!1),G=p({name:"",target_phone:""});return(g,s)=>{const o=me("motion");return c(),d("div",bt,[V(He,{show:U.value,onCancel:s[0]||(s[0]=v=>U.value=!1),recipientData:G.value},null,8,["show","recipientData"]),Z.value?(c(),T(he,{key:0,onBack:ne,onAdd:ue,header:t(u)("contacts.addNewContact"),label:t(u)("contacts.fillDetails"),fields:{name:{placeholder:t(u)("contacts.name"),value:""},phone:{placeholder:"0000000",value:"",type:"number"}},buttons:{cancel:t(u)("general.cancel"),submit:t(u)("general.add")}},null,8,["header","label","fields","buttons"])):A("",!0),e("div",{class:$(["main-call-page",{"slide-left":i.value=="details"}])},[e("div",xt,[e("div",wt,[e("div",kt,[e("span",yt,_(t(u)("contacts.title")),1)]),e("div",{onClick:E,class:"inline-flex h-full relative z-[5] px-[10em] items-center justify-center bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.10)] rounded-full cursor-pointer anim-hover-1"},[e("span",$t,_(k.value?t(u)("general.done"):t(u)("general.edit")),1)]),e("div",{onClick:ce,class:"h-full relative aspect-square rounded-full bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.10)] flex items-center anim-hover-1 justify-center cursor-pointer"},[e("img",{src:t(D)["call/+.svg"],class:$(["h-[30%]"]),alt:""},null,8,St)])])]),t(n).GetFavContacts.length>0?(c(),d("div",Ft,[e("div",Et,[V(t(Fe),{modules:l,"slides-per-view":"auto","space-between":5,"free-mode":!0,class:"h-full"},{default:H(()=>[(c(!0),d(Q,null,K(t(n).GetFavContacts,(v,a)=>B((c(),T(t(Se),{onClick:b=>w(v.target_phone),key:a,initial:{opacity:0,scale:.5,y:20},enter:{opacity:1,scale:1,y:0,transition:{delay:a*100,duration:400,type:"spring",stiffness:200,damping:15}},class:"!w-[50em] first:ml-[13em] mt-[4em] !overflow-visible"},{default:H(()=>[e("div",Lt,[e("div",jt,[e("img",{src:t(C).GetPlayerPhotoByNumber(v.target_phone),class:"h-full object-cover w-full object-top rounded-[10em]",alt:""},null,8,Dt)]),e("div",At,[e("span",Pt,_(v.name),1)])])]),_:2},1032,["onClick","enter"])),[[o]])),128))]),_:1})])])):A("",!0),e("div",{class:$([t(n).GetFavContacts.length>0?"h-[447em]":"h-[568em]","w-full flex items-end justify-center pt-[8em]"])},[e("div",Mt,[e("div",Nt,[e("span",Tt,_(t(u)("contacts.title")),1)]),e("div",{class:$(["w-full h-[calc(100%-25em)] px-[16em] overflow-auto no-scrollbar",[x.value==="top"?"mask-bottom":"",x.value==="middle"?"mask-both":"",x.value==="bottom"?"mask-top":""]]),ref_key:"scrollContainer",ref:m,"data-phone-scroll-container":""},[s[6]||(s[6]=e("div",{class:"w-full h-[5em]"},null,-1)),(c(!0),d(Q,null,K(r.value,v=>(c(),d("div",{onClick:a=>w(v.target_phone),key:v.target_phone,class:"w-full h-[55em] anim-hover-1 mt-[4em] flex relative cursor-pointer"},[s[5]||(s[5]=e("div",{class:"w-[80%] h-[1em] absolute bottom-0 bg-black/5 dark:bg-white/5 right-[4em]"},null,-1)),e("div",Rt,[e("img",{src:t(C).GetPlayerPhotoByNumber(v.target_phone),class:"h-[70%] object-cover aspect-square rounded-full",alt:"",st:""},null,8,Bt)]),e("div",Zt,[e("div",Ht,[e("div",Gt,[e("span",Vt,_(v.name),1)]),e("div",qt,[e("span",It,_(t(u)("contacts.mobile")),1)])])]),e("div",zt,[k.value?A("",!0):(c(),d("div",{key:0,onClick:[s[1]||(s[1]=I(()=>{},["stop"])),a=>{G.value={name:v.name,target_phone:v.target_phone},U.value=!0}],class:"h-[60%] aspect-square cursor-pointer anim-hover-1 rounded-full bg-white dark:bg-[#1E1E1E] flex items-center justify-center"},s[4]||(s[4]=[e("svg",{class:"h-[45%]",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M4.20988 20C4.64316 20 5.20254 19.8727 5.88801 19.6182C6.5735 19.3635 7.29455 19.0326 8.05116 18.6253C8.80778 18.2179 9.51267 17.782 10.1658 17.3174C11.5174 17.3556 12.7913 17.241 13.9876 16.9738C15.184 16.7064 16.2721 16.3134 17.2518 15.7947C18.2316 15.276 19.0755 14.6539 19.7836 13.9283C20.4916 13.2029 21.0381 12.3962 21.4229 11.5084C21.8076 10.6206 22 9.67703 22 8.6778C22 7.47493 21.7171 6.34844 21.1512 5.29832C20.5854 4.2482 19.7997 3.32696 18.7941 2.5346C17.7885 1.74224 16.6196 1.12172 15.2875 0.673031C13.9553 0.224344 12.5262 0 11 0C9.47385 0 8.04469 0.224344 6.71253 0.673031C5.38037 1.12172 4.2115 1.74224 3.20591 2.5346C2.20032 3.32696 1.41461 4.2482 0.848767 5.29832C0.282922 6.34844 0 7.47493 0 8.6778C0 9.72154 0.211787 10.7112 0.635362 11.6468C1.05894 12.5823 1.65388 13.4224 2.42019 14.1671C3.18651 14.9117 4.08055 15.5163 5.1023 15.9809C4.95357 16.2609 4.77573 16.56 4.56879 16.8782C4.36185 17.1965 4.15492 17.5004 3.94798 17.7899C3.74104 18.0795 3.5632 18.3166 3.41447 18.5012C3.24633 18.724 3.16549 18.9515 3.17196 19.1837C3.17843 19.4161 3.26896 19.6102 3.44357 19.7661C3.61817 19.922 3.87361 20 4.20988 20ZM5.2284 18.4153C5.1896 18.428 5.16374 18.4232 5.15081 18.4009C5.13787 18.3787 5.14434 18.3516 5.1702 18.3198C5.44181 17.9888 5.74251 17.6054 6.07232 17.1695C6.40213 16.7335 6.6511 16.3627 6.81923 16.0573C6.95504 15.8091 6.99707 15.5799 6.94534 15.37C6.8936 15.1599 6.71253 14.9817 6.40213 14.8353C5.38684 14.3707 4.52191 13.8218 3.80733 13.1885C3.09275 12.5553 2.54792 11.8568 2.17284 11.0931C1.79777 10.3294 1.61023 9.52427 1.61023 8.6778C1.61023 7.69769 1.85112 6.77963 2.33289 5.92362C2.81467 5.06762 3.48399 4.31344 4.34084 3.6611C5.19769 3.00875 6.19519 2.49801 7.33334 2.12887C8.4715 1.75974 9.69372 1.57518 11 1.57518C12.3063 1.57518 13.5285 1.75974 14.6667 2.12887C15.8049 2.49801 16.8024 3.00875 17.6592 3.6611C18.5161 4.31344 19.187 5.06762 19.672 5.92362C20.157 6.77963 20.3995 7.69769 20.3995 8.6778C20.3995 9.65155 20.157 10.568 19.672 11.4272C19.187 12.2864 18.5161 13.0406 17.6592 13.6897C16.8024 14.3389 15.8049 14.848 14.6667 15.2172C13.5285 15.5863 12.3063 15.7709 11 15.7709C10.903 15.7709 10.7801 15.7693 10.6314 15.7661C10.4827 15.7629 10.3113 15.7581 10.1173 15.7518C9.91681 15.7518 9.73091 15.7852 9.55954 15.852C9.38817 15.9189 9.21195 16.0223 9.03088 16.1623C8.6364 16.4423 8.19989 16.7335 7.72136 17.0358C7.24281 17.3381 6.78043 17.6133 6.33422 17.8616C5.88801 18.1097 5.51941 18.2943 5.2284 18.4153Z",fill:"#0088FE"}),e("path",{d:"M5.2284 18.4153C5.1896 18.428 5.16374 18.4232 5.15081 18.4009C5.13787 18.3787 5.14434 18.3516 5.1702 18.3198C5.44181 17.9888 5.74251 17.6054 6.07232 17.1695C6.40213 16.7335 6.6511 16.3627 6.81923 16.0573C6.95504 15.8091 6.99707 15.5799 6.94534 15.37C6.8936 15.1599 6.71253 14.9817 6.40213 14.8353C5.38684 14.3707 4.52191 13.8218 3.80733 13.1885C3.09275 12.5553 2.54792 11.8568 2.17284 11.0931C1.79777 10.3294 1.61023 9.52427 1.61023 8.6778C1.61023 7.69769 1.85112 6.77963 2.33289 5.92362C2.81467 5.06762 3.48399 4.31344 4.34084 3.6611C5.19769 3.00875 6.19519 2.49801 7.33334 2.12887C8.4715 1.75974 9.69372 1.57518 11 1.57518C12.3063 1.57518 13.5285 1.75974 14.6667 2.12887C15.8049 2.49801 16.8024 3.00875 17.6592 3.6611C18.5161 4.31344 19.187 5.06762 19.672 5.92362C20.157 6.77963 20.3995 7.69769 20.3995 8.6778C20.3995 9.65155 20.157 10.568 19.672 11.4272C19.187 12.2864 18.5161 13.0406 17.6592 13.6897C16.8024 14.3389 15.8049 14.848 14.6667 15.2172C13.5285 15.5863 12.3063 15.7709 11 15.7709C10.903 15.7709 10.7801 15.7693 10.6314 15.7661C10.4827 15.7629 10.3113 15.7581 10.1173 15.7518C9.91681 15.7518 9.73091 15.7852 9.55954 15.852C9.38817 15.9189 9.21195 16.0223 9.03088 16.1623C8.6364 16.4423 8.19989 16.7335 7.72136 17.0358C7.24281 17.3381 6.78043 17.6133 6.33422 17.8616C5.88801 18.1097 5.51941 18.2943 5.2284 18.4153Z",fill:"#0088FE"})],-1)]),8,Qt))]),e("div",Kt,[k.value?(c(),d("div",{key:1,onClick:[s[3]||(s[3]=I(()=>{},["stop"])),a=>h.value=v],class:"h-[60%] aspect-square cursor-pointer anim-hover-1 rounded-full bg-white dark:bg-[#1E1E1E] flex items-center justify-center"},[e("img",{src:t(D)["call/delete.svg"],class:"h-[40%]",alt:""},null,8,Wt)],8,Yt)):(c(),d("div",{key:0,onClick:[s[2]||(s[2]=I(()=>{},["stop"])),a=>re(v.target_phone)],class:"h-[60%] aspect-square cursor-pointer anim-hover-1 rounded-full bg-white dark:bg-[#1E1E1E] flex items-center justify-center"},[e("img",{src:t(D)["call/call.svg"],class:"h-[50%]",alt:""},null,8,Ut)],8,Xt))])],8,Ot))),128)),s[7]||(s[7]=e("div",{class:"w-full h-[110em]"},null,-1))],2)])],2)],2),e("div",{class:$(["notifications-page-wrapper",{active:i.value=="details"}])},[i.value==="details"&&j.value?(c(),T(De,{key:0,details:j.value,onBack:X},null,8,["details"])):A("",!0)],2),h.value?(c(),T(Ze,{key:1,onCancel:y,onSubmit:ae,header:t(u)("general.areYouSure"),label:t(u)("contacts.deleteConfirmation",{name:h.value.name}),buttons:{cancel:t(u)("general.cancel"),submit:t(u)("general.delete")}},null,8,["header","label","buttons"])):A("",!0)])}}},el=ee(Jt,[["__scopeId","data-v-795a5c6d"]]),tl={class:"w-full rounded-[44em] h-full bg-[#f2f2f7] dark:bg-black overflow-hidden relative"},ll={class:"w-full h-[50em] absolute bottom-[12em] flex items-center z-[20] justify-center"},sl={class:"w-[90%] h-full rounded-full flex justify-between overflow-hidden relative"},al={class:"absolute inset-0 py-[5em] px-[5px] pointer-events-none"},nl={class:"w-full h-full flex flex-col items-center justify-center rounded-full"},ol={xmlns:"http://www.w3.org/2000/svg",class:"h-[40%]",viewBox:"0 0 20 20",fill:"none"},il=["fill"],cl={class:"w-full h-full flex flex-col items-center justify-center rounded-full"},rl={xmlns:"http://www.w3.org/2000/svg",class:"h-[40%]",viewBox:"0 0 22 22",fill:"none"},ul=["fill"],dl={class:"w-full h-full flex flex-col items-center justify-center rounded-full"},fl={xmlns:"http://www.w3.org/2000/svg",class:"h-[40%]",viewBox:"0 0 22 20",fill:"none"},ml=["fill"],hl=["fill"],pl=["fill"],vl=["fill"],Cl=["fill"],_l=["fill"],gl=["fill"],bl=["fill"],xl=["fill"],wl={class:"flex-1 flex items-center pl-[12em] pr-[12em]"},kl={class:"w-[20em] h-full flex items-center justify-center"},yl=["src"],$l=["src"],Sl=["placeholder"],Fl=["src"],El=["src"],Ll=["src"],jl={__name:"CallApp",setup(F){const C=te();se();const{DarkMode:n}=z(C),{t:S}=le(),i=p(!1),u=p(""),P=p(null),l=p("calls"),k=p([{key:"calls"},{key:"contacts"},{key:"keypad"}]),E=()=>{!i.value&&l.value==="keypad"&&(l.value="contacts"),i.value=!i.value,i.value?setTimeout(()=>{var N;(N=P.value)==null||N.focus()},300):u.value=""},m=()=>{i.value=!1,u.value=""};return J(()=>{n.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}),(N,x)=>{const L=me("motion");return c(),d("div",tl,[V(Ge,{"current-key":l.value,items:k.value,duration:300,easing:"ease-in-out"},{calls:H(()=>[l.value==="calls"?(c(),T(st,{key:0,"search-query":u.value},null,8,["search-query"])):A("",!0)]),contacts:H(()=>[l.value=="contacts"?(c(),T(el,{key:0,"search-query":u.value},null,8,["search-query"])):A("",!0)]),keypad:H(()=>[V(gt,{"is-active":l.value==="keypad"},null,8,["is-active"])]),_:1},8,["current-key","items"]),e("div",ll,[e("div",sl,[e("div",{class:$(["h-full rounded-full bg-white dark:bg-[#1E1E1E] flex transition-all duration-300 relative",i.value?"w-0 opacity-0":"w-[78%] opacity-100"])},[e("div",al,[e("div",{class:$([l.value==="calls"||l.value==="keypad"?"w-[30%]":"w-[33%]","h-full bg-black/5 dark:bg-white/5 rounded-full transition-transform duration-250 ease-in-out"]),style:Le({transform:l.value==="calls"?"translateX(3%)":l.value==="contacts"?"translateX(100%)":l.value==="keypad"?"translateX(228%)":"translateX(0%)"})},null,6)]),e("div",{class:"w-[33%] h-full flex py-[5em] px-[5em] cursor-pointer relative z-10",onClick:x[0]||(x[0]=j=>l.value="calls")},[e("div",nl,[(c(),d("svg",ol,[e("path",{d:"M4.87255 11.0588C4.67647 11.0588 4.51307 10.9934 4.38234 10.8627C4.25163 10.732 4.18627 10.5686 4.18627 10.3725C4.18627 10.183 4.25163 10.0228 4.38234 9.89215C4.51307 9.76143 4.67647 9.69606 4.87255 9.69606H9.31371V3.7647C9.31371 3.57516 9.37907 3.41503 9.5098 3.28431C9.64051 3.15359 9.80064 3.08823 9.99018 3.08823C10.1862 3.08823 10.3496 3.15359 10.4804 3.28431C10.6111 3.41503 10.6765 3.57516 10.6765 3.7647V10.3725C10.6765 10.5686 10.6111 10.732 10.4804 10.8627C10.3496 10.9934 10.1862 11.0588 9.99018 11.0588H4.87255ZM9.99999 20C11.366 20 12.652 19.7385 13.8578 19.2156C15.0637 18.6928 16.1274 17.9706 17.049 17.049C17.9706 16.1274 18.6928 15.0637 19.2156 13.8578C19.7385 12.652 20 11.366 20 9.99999C20 8.63398 19.7385 7.34803 19.2156 6.14214C18.6928 4.93627 17.9706 3.87255 17.049 2.95097C16.1274 2.02941 15.0621 1.30719 13.8529 0.784313C12.6438 0.261438 11.3562 0 9.99018 0C8.62417 0 7.33823 0.261438 6.13235 0.784313C4.92646 1.30719 3.86437 2.02941 2.94607 2.95097C2.02778 3.87255 1.30719 4.93627 0.784313 6.14214C0.261438 7.34803 0 8.63398 0 9.99999C0 11.366 0.261438 12.652 0.784313 13.8578C1.30719 15.0637 2.02941 16.1274 2.95097 17.049C3.87255 17.9706 4.93627 18.6928 6.14214 19.2156C7.34803 19.7385 8.63398 20 9.99999 20Z",fill:t(n)?l.value=="calls"?"#0d71f0":"#bbbbbb":l.value=="calls"?"#0d71f0":"#4d4d4d"},null,8,il)])),e("p",{class:$([l.value=="calls"?"!text-[#2e85f7]":"","text-[7.5em] font-['SFPRO'] text-black/70 dark:text-white/70 font-[400] leading-[100%] mt-[0.8em] fixtext"])},_(t(S)("call.calls")),3)])]),e("div",{class:"w-[33%] h-full flex py-[5em] px-[5em] cursor-pointer relative z-10",onClick:x[1]||(x[1]=j=>l.value="contacts")},[e("div",cl,[(c(),d("svg",rl,[e("path",{d:"M11 0.25C16.9371 0.25 21.75 5.06294 21.75 11C21.75 16.9371 16.9371 21.75 11 21.75C5.06294 21.75 0.25 16.9371 0.25 11C0.25 5.06294 5.06294 0.25 11 0.25ZM9.40137 13C7.33797 13 5.43292 13.1059 4.40918 14.8975L3.38965 16.8428C5.33569 18.7931 8.0271 20 11 20C13.9726 19.9999 16.6635 18.7931 18.6094 16.8428L17.5898 14.8975C16.5661 13.1059 14.6611 13 12.5977 13H9.40137ZM11 5C9.067 5 7.5 6.567 7.5 8.5C7.5 10.433 9.067 12 11 12C12.933 12 14.5 10.433 14.5 8.5C14.5 6.567 12.933 5 11 5Z",fill:t(n)?l.value=="contacts"?"#0d71f0":"#bbbbbb":l.value=="contacts"?"#0d71f0":"#4d4d4d"},null,8,ul)])),e("p",{class:$([l.value=="contacts"?"!text-[#2e85f7]":"","text-[7.5em] font-['SFPRO'] text-black/70 dark:text-white/70 font-[400] leading-[100%] mt-[0.8em] fixtext"])},_(t(S)("call.contacts")),3)])]),e("div",{class:"w-[33%] h-full flex py-[5em] px-[5em] cursor-pointer relative z-10",onClick:x[2]||(x[2]=j=>l.value="keypad")},[e("div",dl,[(c(),d("svg",fl,[e("path",{d:"M6 3C6 4.65685 4.65685 6 3 6C1.34315 6 0 4.65685 0 3C0 1.34315 1.34315 0 3 0C4.65685 0 6 1.34315 6 3Z",fill:t(n)?l.value=="keypad"?"#0d71f0":"#bbbbbb":l.value=="keypad"?"#0d71f0":"#4d4d4d"},null,8,ml),e("path",{d:"M13.6667 3C13.6667 4.65685 12.3235 6 10.6667 6C9.00981 6 7.66667 4.65685 7.66667 3C7.66667 1.34315 9.00981 0 10.6667 0C12.3235 0 13.6667 1.34315 13.6667 3Z",fill:t(n)?l.value=="keypad"?"#0d71f0":"#bbbbbb":l.value=="keypad"?"#0d71f0":"#4d4d4d"},null,8,hl),e("path",{d:"M21.3333 3C21.3333 4.65685 19.9902 6 18.3333 6C16.6765 6 15.3333 4.65685 15.3333 3C15.3333 1.34315 16.6765 0 18.3333 0C19.9902 0 21.3333 1.34315 21.3333 3Z",fill:t(n)?l.value=="keypad"?"#0d71f0":"#bbbbbb":l.value=="keypad"?"#0d71f0":"#4d4d4d"},null,8,pl),e("path",{d:"M6 10C6 11.6569 4.65685 13 3 13C1.34315 13 0 11.6569 0 10C0 8.34315 1.34315 7 3 7C4.65685 7 6 8.34315 6 10Z",fill:t(n)?l.value=="keypad"?"#0d71f0":"#bbbbbb":l.value=="keypad"?"#0d71f0":"#4d4d4d"},null,8,vl),e("path",{d:"M13.6667 10C13.6667 11.6569 12.3235 13 10.6667 13C9.00981 13 7.66667 11.6569 7.66667 10C7.66667 8.34315 9.00981 7 10.6667 7C12.3235 7 13.6667 8.34315 13.6667 10Z",fill:t(n)?l.value=="keypad"?"#0d71f0":"#bbbbbb":l.value=="keypad"?"#0d71f0":"#4d4d4d"},null,8,Cl),e("path",{d:"M21.3333 10C21.3333 11.6569 19.9902 13 18.3333 13C16.6765 13 15.3333 11.6569 15.3333 10C15.3333 8.34315 16.6765 7 18.3333 7C19.9902 7 21.3333 8.34315 21.3333 10Z",fill:t(n)?l.value=="keypad"?"#0d71f0":"#bbbbbb":l.value=="keypad"?"#0d71f0":"#4d4d4d"},null,8,_l),e("path",{d:"M6 17C6 18.6569 4.65685 20 3 20C1.34315 20 0 18.6569 0 17C0 15.3431 1.34315 14 3 14C4.65685 14 6 15.3431 6 17Z",fill:t(n)?l.value=="keypad"?"#0d71f0":"#bbbbbb":l.value=="keypad"?"#0d71f0":"#4d4d4d"},null,8,gl),e("path",{d:"M13.6667 17C13.6667 18.6569 12.3235 20 10.6667 20C9.00981 20 7.66667 18.6569 7.66667 17C7.66667 15.3431 9.00981 14 10.6667 14C12.3235 14 13.6667 15.3431 13.6667 17Z",fill:t(n)?l.value=="keypad"?"#0d71f0":"#bbbbbb":l.value=="keypad"?"#0d71f0":"#4d4d4d"},null,8,bl),e("path",{d:"M21.3333 17C21.3333 18.6569 19.9902 20 18.3333 20C16.6765 20 15.3333 18.6569 15.3333 17C15.3333 15.3431 16.6765 14 18.3333 14C19.9902 14 21.3333 15.3431 21.3333 17Z",fill:t(n)?l.value=="keypad"?"#0d71f0":"#bbbbbb":l.value=="keypad"?"#0d71f0":"#4d4d4d"},null,8,xl)])),e("p",{class:$([l.value=="keypad"?"!text-[#2e85f7]":"","text-[7.5em] font-['SFPRO'] text-black/70 dark:text-white/70 font-[400] leading-[100%] mt-[0.8em] fixtext"])},_(t(S)("call.keypad")),3)])])],2),B((c(),d("div",{class:$(["h-full rounded-full bg-white dark:bg-[#1E1E1E] flex items-center justify-between cursor-pointer transition-all duration-300 ease-out absolute right-0",i.value?"w-full":"w-[50em]"]),initial:{opacity:0},enter:{opacity:1,transition:{delay:200,duration:300}}},[B(e("div",wl,[e("div",kl,[t(n)?(c(),d("img",{key:0,src:t(D)["call/search.svg"],class:"h-[35%] transition-opacity duration-300 absolute",alt:"Search"},null,8,yl)):(c(),d("img",{key:1,src:t(D)["call/searchwhite.svg"],class:"h-[35%] transition-opacity duration-300 absolute",alt:"Search"},null,8,$l))]),B(e("input",{ref_key:"searchInput",ref:P,"onUpdate:modelValue":x[3]||(x[3]=j=>u.value=j),type:"text",placeholder:t(S)("call.searchContacts"),class:"w-full h-full border-none outline-none bg-transparent text-[11.5em] font-[400] text-black dark:text-white ml-[12px] mt-[-1px] placeholder:text-black/50 dark:placeholder:text-white/50",onKeyup:Be(m,["escape"]),style:{"line-height":"normal","letter-spacing":"-0.23px"}},null,40,Sl),[[Ee,u.value]])],512),[[oe,i.value]]),e("div",{class:"min-w-[50em] w-[50em] h-full rounded-full flex items-center justify-center relative",onClick:E},[B(e("img",{src:t(D)["call/search.svg"],class:"h-[32%] transition-opacity duration-300 absolute",alt:"Search"},null,8,Fl),[[oe,!i.value&&t(n)]]),B(e("img",{src:t(D)["call/searchwhite.svg"],class:"h-[32%] transition-opacity duration-300 absolute",alt:"Search"},null,8,El),[[oe,!i.value&&!t(n)]]),B(e("img",{src:t(D)["call/closewhite.svg"],class:"h-[32%]",alt:""},null,8,Ll),[[oe,i.value]])])],2)),[[L]])])])])}}},Zl=ee(jl,[["__scopeId","data-v-97c03337"]]);export{Zl as default};
|