2 lines
39 KiB
JavaScript
2 lines
39 KiB
JavaScript
var ye=Object.defineProperty,we=Object.defineProperties;var be=Object.getOwnPropertyDescriptors;var ie=Object.getOwnPropertySymbols;var ke=Object.prototype.hasOwnProperty,$e=Object.prototype.propertyIsEnumerable;var re=(j,g,r)=>g in j?ye(j,g,{enumerable:!0,configurable:!0,writable:!0,value:r}):j[g]=r,ce=(j,g)=>{for(var r in g||(g={}))ke.call(g,r)&&re(j,r,g[r]);if(ie)for(var r of ie(g))$e.call(g,r)&&re(j,r,g[r]);return j},ue=(j,g)=>we(j,be(g));var A=(j,g,r)=>new Promise((s,a)=>{var u=w=>{try{l(r.next(w))}catch(C){a(C)}},$=w=>{try{l(r.throw(w))}catch(C){a(C)}},l=w=>w.done?s(w.value):Promise.resolve(w.value).then(u,$);l((r=r.apply(j,g)).next())});import{dA as q,u as G,a as J,i as f,A as me,f as V,_ as fe}from"./index.CjrDwa0W.js";import{s as z,b as F,r as k,n as Z,o as ee,V as te,f as c,h as o,A as B,i as e,k as t,t as m,v as L,x as D,F as U,m as Y,j as O,Y as Se,w as de,q as E,g as T,l as I,J as K,X as he,Q as se,C as H,U as le,e as pe,W as Ce}from"./vendor-vue.CmaRnji1.js";import{aC as ge}from"./vendor.DSdF8huI.js";import{U as ne}from"./UploadPhoto.DgxGHiME.js";import{N as oe,P as ae}from"./swiper.tg5sgs8j.js";import{C as ve}from"./CrossFade.B9Ap6pL9.js";import{_ as je}from"./NoInternet.dMK-ez9k.js";import"./UploadPhoto.Bqd-ApD8.js";const Pe={class:"w-full h-full"},Me={class:"w-full h-[120em] flex flex-col items-center justify-end",initial:{opacity:0},enter:{opacity:1,transition:{delay:100,duration:400}}},Ne=["src"],Te={style:{"letter-spacing":"-0.09em"},class:"font-Spartan-Bold text-[20em] text-black/60 font-[500]"},Ae={class:"w-full h-[480em] flex items-center"},De=["onClick","data-index"],Re={class:"w-[40em] ml-[4em] h-full flex items-center justify-center"},Ee=["src"],Be={class:"w-[calc(100%-63em)] h-full ml-[4em] flex flex-col justify-center"},Ie={style:{"letter-spacing":"-0.01em"},class:"font-['SFPRO'] text-[11em] text-black font-[500]"},Le={style:{"letter-spacing":"-0.01em"},class:"font-['SFPRO'] text-[11em] text-[#8A8A8A] font-[400] leading-[110%] w-full truncate"},Fe={__name:"MessageList",emits:["ChangePage"],setup(j,{emit:g}){const r=q(),s=G(),{t:a}=J(),{ScrollPage:u}=z(r),$=F(()=>[...u.value.chatlist.loadedData].sort((i,p)=>{const S=N=>N?typeof N=="number"?N:typeof N=="string"?new Date(N).getTime():0:0,n=S(i.last_message_time)||S(i.created_at);return(S(p.last_message_time)||S(p.created_at))-n})),l=i=>{i.style.opacity=0,i.style.transform="translateY(15px)"},w=(i,p)=>{const n=(parseInt(i.dataset.index)||0)*50;setTimeout(()=>{i.style.transition="opacity 0.3s ease, transform 0.3s ease",i.style.opacity=1,i.style.transform="translateY(0)",setTimeout(p,300)},n)},C=i=>{i.style.transition=null,i.style.opacity=null,i.style.transform=null},P=g,M=i=>A(this,null,function*(){let p=yield r.OpenChatroom(i);p.success?P("ChangePage","messagedetails"):s.TriggerNotification({appname:"thunder",header:a("thunder.title"),message:a(p==null?void 0:p.message)||(p==null?void 0:p.message)||a("thunder.messageList.chatOpenFailed")})}),h=k(!1),v=k(null),_=ge(()=>{if(!v.value)return;const i=v.value;if(i.scrollHeight-i.clientHeight-i.scrollTop<=150){if(h.value)return;h.value=!0,r.loadMoreChatList(),Z(()=>{h.value=!1})}},100);return ee(()=>{v.value&&v.value.addEventListener("scroll",_)}),(i,p)=>{const S=te("motion");return o(),c("div",Pe,[B((o(),c("div",Me,[e("img",{src:t(f)["thunder/message.svg"],class:"h-[35%]",alt:""},null,8,Ne),e("p",Te,m(t(a)("thunder.messageList.title")),1)])),[[S]]),e("div",Ae,[e("div",{class:"w-full h-full px-[16em] overflow-auto no-scrollbar",ref_key:"scrollContainer",ref:v},[L(Se,{appear:"",onBeforeEnter:l,onEnter:w,onAfterEnter:C,css:!1},{default:D(()=>[(o(!0),c(U,null,Y($.value,(n,b)=>(o(),c("div",{onClick:N=>M(n.id),key:n.id,"data-index":b,class:"w-full h-[50em] flex first:mt-[11em] mt-[8em] rounded-[18em] cursor-pointer anim-hover-1",style:O([{border:"2em solid #fff"},{boxShadow:n.last_read_id<n.last_message_id?"0 2em 0 0 rgba(168,172,220,1.00)":"0 2em 0 0 #a8acdc",background:n.last_read_id<n.last_message_id?"#F0CDF9":"#fff"}])},[e("div",Re,[e("img",{src:n.match_user.photo,class:"h-[70%] aspect-square rounded-full object-cover object-center",alt:""},null,8,Ee)]),e("div",Be,[e("p",Ie,m(n.match_user.username),1),e("p",Le,m(n.last_message?n.last_message:t(a)("thunder.messageList.noMessages")),1)])],12,De))),128))]),_:1}),p[0]||(p[0]=e("div",{class:"w-full h-[65em]"},null,-1))],512)])])}}},Ue={class:"w-full h-full"},ze={class:"w-full h-[78em] px-[16em] flex items-end justify-center"},Oe={class:"w-full h-[27em] flex justify-between"},Ve=["src"],He={style:{"letter-spacing":"-0.09em"},class:"font-Spartan-Bold text-[21em] text-black font-[500]"},Ye=["src"],qe={class:"w-full h-[478em] px-[11em] pt-[10em]"},Ge=["src","alt","onClick"],Je={key:1,class:"w-[140em] h-[180em] rounded-[10em] overflow-hidden relative"},Qe=["onClick","src"],Ke={class:"absolute inset-0 flex items-center justify-center pointer-events-none"},We={class:"w-[35em] h-[35em] rounded-full flex items-center justify-center group-hover:scale-110 transition-transform duration-200"},Xe=["src"],Ze={class:"w-full h-[30em] flex items-center"},et=["src"],tt={class:"text-[10em] font-['SFPRO'] text-white font-[500] ml-[5em]"},st={class:"w-full h-[50em] flex items-end justify-center"},lt={class:"text-[10em] font-['SFPRO'] text-white font-[500] fixtext"},nt={class:"w-full h-[32em] flex items-center justify-center"},ot=["onClick"],at={class:"text-[10em] font-['SFPRO'] text-white font-[500] fixtext"},it={key:3,class:"rajdhani-regular text-[11em] overflow-hidden break-words leading-[1.3]"},rt={class:"w-[99%] h-[62em] flex items-center absolute bottom-0"},ct=["src"],ut={class:"w-full h-[35%] flex justify-between px-[20em] relative z-[1]"},dt=["src"],mt={class:"w-[21em] h-full flex items-center justify-center"},ft=["src"],ht={class:"w-[170em] h-full flex items-center"},pt=["placeholder"],gt=["src"],vt={__name:"MessageDetails",emits:["ChangePage"],setup(j,{emit:g}){const r=G(),s=q(),{t:a}=J(),{SelectedChannel:u,Messages:$,ScrollPage:l}=z(s),{PhoneData:w}=z(r),C=F(()=>$.value[u.value].loadedData||[]);de(u,()=>A(this,null,function*(){if(u.value==null){_("ChangePage","messagelist");return}}));const P=F(()=>{const x=l.value.chatlist.loadedData.find(y=>y.id===u.value);return x?x.match_user.username:"Unknown Chat"}),M=F(()=>{const x=l.value.chatlist.loadedData.find(y=>y.id===u.value);return x?x.match_user.phone_number:null}),h=k(!1),v=x=>{h.value=!1,p("media",x)},_=g,i=k(""),p=(x,y)=>A(this,null,function*(){if(u.value)if(x=="text"&&i.value&&i.value!==""){const d=yield V("SEND_THUNDER_MESSAGE",{channel_id:u.value,message:i.value,type:"text"});d&&d.success?i.value="":r.TriggerNotification({appname:"thunder",header:a("thunder.title"),message:a(d==null?void 0:d.message)||(d==null?void 0:d.message)||a("thunder.messageDetails.sendMessageFailed")})}else{const d=yield V("SEND_THUNDER_MESSAGE",{channel_id:u.value,message:y,type:x});d&&!d.success&&r.TriggerNotification({appname:"thunder",header:a("thunder.title"),message:a(d==null?void 0:d.message)||(d==null?void 0:d.message)||a("thunder.messageDetails.sendMessageFailed")})}}),S=k(!1),n=k(null),b=ge(()=>{if(!n.value)return;const x=n.value;if(x.scrollTop===0){const y=s.Messages[s.SelectedChannel];y&&!y.IsLoadingMore&&y.hasMore&&(x.scrollTop=1,S.value=!0,s.LoadMoreMessagesChannel(),setTimeout(()=>{S.value=!1},200))}},300);ee(()=>{n.value&&(n.value.addEventListener("scroll",b),setTimeout(()=>A(this,null,function*(){yield Z(),N()}),100))});const N=()=>{n.value&&(n.value.scrollTop=n.value.scrollHeight)};de(C,()=>{Z(()=>{n.value&&(S.value||N())})},{deep:!0});const R=x=>{try{return typeof x=="string"?JSON.parse(x):x}catch(y){console.log("Contact data parse error:",y)}},W=x=>{const y=r.isVideo(x);r.setPhotoViewerData({image:x,type:y?"video":"image"})},Q=k(!1),_e=()=>{Q.value=!1},xe=()=>A(this,null,function*(){Q.value=!1;const x=yield V("UNMATCH_THUNDER_CHANNEL",{channel_id:u.value,target_phonenumber:M.value});x&&x.success?_("ChangePage","messagelist"):r.TriggerNotification({appname:"thunder",header:a("thunder.title"),message:a(x==null?void 0:x.message)||(x==null?void 0:x.message)||a("thunder.messageDetails.unmatchFailed")})});return(x,y)=>(o(),c("div",Ue,[Q.value?(o(),E(me,{key:0,onCancel:_e,onSubmit:xe,header:t(a)("thunder.messageDetails.unmatchConfirm.header"),label:t(a)("thunder.messageDetails.unmatchConfirm.label"),buttons:{cancel:t(a)("general.cancel"),submit:t(a)("thunder.messageDetails.unmatchConfirm.submit")}},null,8,["header","label","buttons"])):T("",!0),L(ne,{show:h.value,onSelectPhoto:v,onCancel:y[0]||(y[0]=d=>h.value=!1),multiselect:!1},null,8,["show"]),e("div",ze,[e("div",Oe,[e("img",{onClick:y[1]||(y[1]=d=>_("ChangePage","messagelist")),src:t(f)["thunder/back.svg"],class:"h-full aspect-square rounded-full shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.25)] cursor-pointer anim-hover-1",alt:""},null,8,Ve),e("p",He,m(P.value),1),e("img",{onClick:y[2]||(y[2]=d=>Q.value=!0),src:t(f)["thunder/close.svg"],class:"h-full shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.25)] aspect-square cursor-pointer anim-hover-1 rounded-full",alt:""},null,8,Ye)])]),e("div",qe,[e("div",{ref_key:"scrollContainer",ref:n,class:"w-full h-full overflow-auto no-scrollbar flex flex-col pb-[10em]"},[(o(!0),c(U,null,Y(C.value,d=>(o(),c("div",{key:d.id,class:I(["flex flex-col w-full mt-[7em]",d.sender_phone==t(w).phone_number?"items-end":"items-start"])},[e("div",{class:I(["inline-flex max-w-[75%] overflow-hidden",d.sender_phone==t(w).phone_number?"mr-[5em] ":"ml-[5em] ",d.type==="media"||d.type==="location"?"":d.sender_phone==t(w).phone_number?"bg-[#B27CFE] px-[12em] py-[6em] text-white rounded-[10em]":"bg-[#0000001A] px-[12em] py-[6em] text-black rounded-[10em]"])},[d.type==="media"&&!t(r).isVideo(d.content)?(o(),c("img",{key:0,src:d.content,alt:"Photo from "+d.sender,class:"max-w-[200em] max-h-[200em] w-auto h-auto object-cover cursor-pointer hover:opacity-90 transition-opacity rounded-[10em]",onClick:X=>W(d.content),onError:y[3]||(y[3]=(...X)=>x.handleImageError&&x.handleImageError(...X))},null,40,Ge)):d.type=="media"&&t(r).isVideo(d.content)?(o(),c("div",Je,[e("video",{onClick:X=>W(d.content),class:"w-full h-full object-cover",src:d.content,preload:"metadata",muted:""}," Your browser does not support the video tag. ",8,Qe),e("div",Ke,[e("div",We,[e("img",{src:t(f)["photos/play.svg"],class:"h-[80%]",alt:""},null,8,Xe)])])])):d.type=="location"?(o(),c("div",{key:2,class:"w-[200em] h-[115em] flex-col",style:O({backgroundImage:`url(${t(f)["message/location.png"]})`,backgroundSize:"100% 100%"})},[e("div",Ze,[e("img",{src:t(f)["message/banana.svg"],class:"h-[60%] ml-[10em]",alt:""},null,8,et),e("span",tt,m(t(a)("thunder.messageDetails.maps")),1)]),e("div",st,[e("span",lt,m(R(d.content).streetname),1)]),e("div",nt,[e("div",{onClick:X=>t(V)("MARK_LOCATION",{coords:R(d.content).coords}),class:"w-[96%] h-[80%] rounded-[10em] bg-[#0088FE] flex items-center justify-center mt-[4em] cursor-pointer"},[e("span",at,m(t(a)("thunder.messageDetails.markLocation")),1)],8,ot)])],4)):(o(),c("span",it,m(d.content),1))],2)],2))),128))],512)]),e("div",rt,[e("img",{src:t(f)["thunder/messagebottom.png"],class:"w-full h-full rounded-[25em] shadow-[10px_0px_32.400001525878906px_0px_rgba(0,0,0,0.25)] absolute z-[0]",alt:""},null,8,ct),e("div",ut,[e("div",{onClick:y[4]||(y[4]=d=>h.value=!0),class:"w-[21em] h-full flex items-center justify-center"},[e("img",{src:t(f)["thunder/photos.png"],class:"h-full cursor-pointer anim-hover-1",alt:""},null,8,dt)]),e("div",mt,[e("img",{onClick:y[5]||(y[5]=d=>p("location")),src:t(f)["thunder/location.png"],class:"h-full cursor-pointer anim-hover-1",alt:""},null,8,ft)]),e("div",ht,[B(e("input",{type:"text",maxlength:400,"onUpdate:modelValue":y[6]||(y[6]=d=>i.value=d),onKeydown:y[7]||(y[7]=he(d=>p("text"),["enter"])),class:"w-full h-full bg-transparent text-start text-black outline-none text-[12em] font-[500] font-['SFPRO'] placeholder:text-[#0000009960]",placeholder:t(a)("thunder.messageDetails.messagePlaceholder")},null,40,pt),[[K,i.value]])]),e("div",{onClick:y[8]||(y[8]=d=>p("text")),class:"w-[21em] h-full flex items-center justify-center"},[e("img",{src:t(f)["thunder/send.png"],class:"h-full cursor-pointer anim-hover-1",alt:""},null,8,gt)])])])]))}},_t={class:"w-full h-full thunder-profile-component"},xt={class:"w-full h-[130em] flex items-center justify-end flex-col relative",initial:{opacity:0},enter:{opacity:1,transition:{delay:100,duration:400}}},yt=["src"],wt=["src"],bt={style:{"letter-spacing":"-0.1em"},class:"font-Spartan-Bold text-[20em] text-black/60 font-[500]"},kt=["src"],$t={style:{"letter-spacing":"-1px"},class:"font-Spartan-Regular text-[11em] text-black/30 font-[400] leading-[110%] mt-[20px]"},St={key:1,class:"w-full h-[240em] relative"},Ct=["onClick","src"],jt=["src"],Pt=["src"],Mt=["src"],Nt={class:"w-full h-[55em] relative flex pagination-bar"},Tt={class:"w-[80%] h-[93%] flex flex-col items-start px-[15em] justify-center gap-[2.4em]"},At={style:{"letter-spacing":"-0.04em"},class:"font-Spartan-Bold w-full truncate text-[14em] text-black/60 font-[500]"},Dt={style:{"letter-spacing":"-0.05em"},class:"font-Spartan-Medium text-[10em] text-black/30 fixtext leading-[100%]"},Rt={class:"w-full h-[68em] flex items-end justify-center"},Et={style:{"letter-spacing":"-0em"},class:"font-['SFPRO'] text-[15em] mt-[.14em] text-black/60 font-[400]"},Bt={__name:"Profile",emits:["ChangePage"],setup(j,{emit:g}){const r=G(),s=q(),{t:a}=J(),{MyProfile:u}=z(s),$=[oe,ae],l=k(null),w=n=>{l.value=n},C=()=>{l.value&&l.value.slidePrev()},P=()=>{l.value&&l.value.slideNext()},M=k(!1),h=k(!1);k([]);const v=n=>{console.log("Selected photo:",n)},_=n=>A(this,null,function*(){M.value&&(yield s.deleteProfilePhoto(n))}),i=k(!1),p=g,S=()=>A(this,null,function*(){i.value=!1;let n=yield V("DELETE_THUNDER_PROFILE",{});!n&&!n.success?r.TriggerNotification({appname:"thunder",header:a("thunder.title"),message:a(n==null?void 0:n.message)||(n==null?void 0:n.message)||a("thunder.profile.deleteProfileFailed")}):(s.ClearMyProfile(),p("ChangePage","login"))});return(n,b)=>{const N=te("motion");return o(),c(U,null,[i.value?(o(),E(me,{key:0,onCancel:b[0]||(b[0]=R=>i.value=!1),onSubmit:S,header:t(a)("thunder.profile.deleteConfirm.header"),label:t(a)("thunder.profile.deleteConfirm.label"),buttons:{cancel:t(a)("general.cancel"),submit:t(a)("thunder.profile.deleteConfirm.submit")}},null,8,["header","label","buttons"])):T("",!0),L(ne,{show:h.value,onSelectPhoto:v,multiselect:!0,onCancel:b[1]||(b[1]=R=>h.value=!1),onlyphoto:!0},null,8,["show"]),e("div",_t,[B((o(),c("div",xt,[e("img",{src:t(f)["thunder/close.png"],onClick:b[2]||(b[2]=R=>i.value=!0),class:"h-[35%] right-[19em] top-[50em] absolute cursor-pointer anim-hover-1",alt:"",style:{}},null,8,yt),e("img",{src:t(f)["thunder/profile.png"],class:"h-[30%] mb-[5em]",alt:"",style:{}},null,8,wt),e("p",bt,m(t(a)("thunder.profile.title")),1)])),[[N]]),e("div",{class:"w-full h-[315em] flex items-end justify-center",onClick:b[7]||(b[7]=R=>M.value?h.value=!0:null)},[B((o(),c("div",{class:"w-[86%] h-[93%] rounded-[20em] overflow-hidden swiper-container-wrapper shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.25)]",style:O({backgroundImage:`url(${t(f)["thunder/uploadphotobg.png"]})`,backgroundSize:"100% 100%"}),initial:{opacity:0,scale:.95},enter:{opacity:1,scale:1,transition:{delay:150,duration:400,type:"spring",stiffness:200,damping:20}}},[t(u).photos.length<1?(o(),c("div",{key:0,onClick:b[3]||(b[3]=R=>{M.value=!0,h.value=!0}),class:"w-full h-[242em] cursor-pointer anim-hover-1 flex flex-col items-center justify-center"},[e("img",{src:t(f)["thunder/clicktoupload.svg"],class:"h-[20%]",alt:""},null,8,kt),e("p",$t,m(t(a)("thunder.profile.clickToUpload")),1)])):(o(),c("div",St,[L(t(le),{modules:$,"slides-per-view":1,"space-between":0,loop:!0,pagination:{el:".thunder-profile-component .custom-pagination",clickable:!0,bulletClass:"swiper-pagination-bullet custom-bullet",bulletActiveClass:"swiper-pagination-bullet-active custom-bullet-active"},onSwiper:w,class:"w-full h-full flex items-center justify-center"},{default:D(()=>[(o(!0),c(U,null,Y(t(u).photos,(R,W)=>(o(),E(t(se),{key:W},{default:D(()=>[M.value?(o(),c("img",{key:0,onClick:[b[4]||(b[4]=H(()=>{},["stop"])),Q=>_(R)],src:t(f)["thunder/deletephoto.png"],class:"absolute h-[25%] left-[38%] top-[38%] cursor-pointer anim-hover-1",alt:""},null,8,Ct)):T("",!0),e("img",{src:R,class:"h-full w-full object-cover object-center",alt:""},null,8,jt)]),_:2},1024))),128))]),_:1}),e("div",{onClick:[b[5]||(b[5]=H(()=>{},["stop"])),C],class:"w-[28em] h-full flex items-center cursor-pointer anim-hover-1 justify-center absolute left-2 top-0 z-10"},[e("img",{src:t(f)["thunder/arrow.svg"],style:{transform:"rotate(180deg)"},class:"h-[7%]",alt:""},null,8,Pt)]),e("div",{onClick:[b[6]||(b[6]=H(()=>{},["stop"])),P],class:"w-[28em] h-full flex items-center justify-center cursor-pointer anim-hover-1 absolute right-2 top-0 z-10"},[e("img",{src:t(f)["thunder/arrow.svg"],class:"h-[7%]",alt:""},null,8,Mt)])])),e("div",Nt,[e("div",Tt,[e("p",At,m(t(u).name)+", "+m(t(u).age),1),e("p",Dt,m(t(u).job),1)]),b[9]||(b[9]=e("div",{class:"w-[50%] h-full flex items-center justify-end relative"},[e("div",{class:"custom-pagination"})],-1))])],4)),[[N]])]),e("div",Rt,[B((o(),c("div",{onClick:b[8]||(b[8]=R=>M.value=!M.value),class:"w-[90%] h-[65%] flex items-center justify-center cursor-pointer anim-hover-1",style:O({backgroundImage:`url(${t(f)["thunder/saveprofile.png"]})`,backgroundSize:"100% 100%"}),initial:{opacity:0,scale:.9},enter:{opacity:1,scale:1,transition:{delay:200,duration:400,type:"spring",stiffness:200,damping:15}}},[e("p",Et,m(M.value?t(a)("thunder.profile.saveProfile"):t(a)("thunder.profile.editProfile")),1)],4)),[[N]])])])],64)}}},It=fe(Bt,[["__scopeId","data-v-096dd2aa"]]),Lt={class:"w-full h-full"},Ft={class:"w-full h-[135em] flex items-end justify-center"},Ut={style:{"letter-spacing":"-0.11em"},class:"font-Spartan-Bold text-[19em] text-black/60 font-[500] leading-[1]"},zt={class:"w-full h-[16em] flex items-end justify-center"},Ot={style:{"letter-spacing":"-0.09em"},class:"font-Spartan-Regular text-[11em] text-black/60 font-[400] leading-[1]"},Vt={class:"w-full h-[25em] flex items-center justify-center"},Ht={style:{"letter-spacing":"-0.09em"},class:"font-Spartan-Regular text-[11em] text-black/60 font-[400] leading-[110%]"},Yt={class:"w-full h-[45em] flex items-center justify-center"},qt={style:{"letter-spacing":"-0.09em"},class:"font-Spartan-Regular text-[10em] font-[500] leading-[1] mt-[0.2em]"},Gt={style:{"letter-spacing":"-0.09em"},class:"font-Spartan-Regular text-[11em] font-[500] leading-[1] mt-[0.2em]"},Jt={class:"w-full h-[30em] flex items-center justify-center"},Qt={style:{"letter-spacing":"-0.09em"},class:"font-Spartan-Regular text-[10em] text-black/60 font-[400] leading-[110%]"},Kt={class:"w-full h-[38em] flex items-center justify-center"},Wt={class:"w-[85%] h-[80%] bg-[#0000001A] rounded-[9em]"},Xt=["placeholder"],Zt={class:"w-full h-[30em] flex items-center justify-center"},es={style:{"letter-spacing":"-0.09em"},class:"font-Spartan-Regular text-[10em] text-black/60 font-[400] leading-[110%]"},ts={class:"w-full h-[38em] flex items-center justify-center"},ss={class:"w-[85%] h-[80%] bg-[#0000001A] rounded-[9em]"},ls=["placeholder"],ns={class:"w-full h-[30em] flex items-center justify-center"},os={style:{"letter-spacing":"-0.09em"},class:"font-Spartan-Regular text-[10em] text-black/60 font-[400] leading-[110%]"},as={class:"w-full h-[38em] flex items-center justify-center"},is={class:"w-[85%] h-[80%] bg-[#0000001A] rounded-[9em]"},rs=["placeholder"],cs={class:"w-full h-[30em] flex items-center justify-center"},us={style:{"letter-spacing":"-0.07em"},class:"font-Spartan-Regular text-[10em] text-black/60 font-[400] leading-[110%]"},ds={class:"w-full h-[45em] flex items-center justify-center"},ms={class:"w-[85%] h-full flex items-center justify-between"},fs={style:{"letter-spacing":"-0.04em"},class:"font-Spartan-Regular text-[11em] font-[500] leading-[1] mt-[0.3em]"},hs={style:{"letter-spacing":"-0.04em"},class:"font-Spartan-Regular text-[11em] font-[500] leading-[1] mt-[0.3em]"},ps={style:{"letter-spacing":"-0.04em"},class:"font-Spartan-Regular text-[11em] font-[500] leading-[1] mt-[0.3em]"},gs={class:"w-full h-[65em] mt-[30em] flex items-end justify-center"},vs=["src"],_s={style:{"letter-spacing":"-0.04em"},class:"font-Spartan-Medium text-[#000000A6] text-[14em] font-[500] leading-[1] mt-[0.2em] z-[2]"},xs={__name:"Step1",emits:["nextStep"],setup(j,{emit:g}){const r=G(),{t:s}=J(),a=k("male"),u=k(""),$=k(""),l=k(""),w=k("male"),C=g,P=()=>{if(u.value.trim()===""||$.value.trim()===""||l.value.trim()===""){r.TriggerNotification({appname:"thunder",header:s("thunder.title"),message:s("thunder.step1.fillAllFields")});return}if(isNaN($.value)||parseInt($.value)<=0){r.TriggerNotification({appname:"thunder",header:s("thunder.title"),message:s("thunder.step1.invalidAge")});return}if(l.value.length>30){r.TriggerNotification({appname:"thunder",header:s("thunder.title"),message:s("thunder.step1.jobTooLong")});return}if(l.value.trim()===""){r.TriggerNotification({appname:"thunder",header:s("thunder.title"),message:s("thunder.step1.enterJob")});return}C("nextStep",{Gender:a.value,YourName:u.value,YourAge:$.value,YourJob:l.value,InterestedIn:w.value})};return(M,h)=>(o(),c("div",Lt,[e("div",Ft,[e("p",Ut,m(t(s)("thunder.title")),1)]),e("div",zt,[e("p",Ot,m(t(s)("thunder.tagline")),1)]),h[9]||(h[9]=e("div",{class:"w-full h-[25em]"},null,-1)),e("div",Vt,[e("p",Ht,m(t(s)("thunder.step1.genderQuestion")),1)]),e("div",Yt,[e("div",{onClick:h[0]||(h[0]=v=>a.value="male"),class:I([a.value=="male"?"bg-white text-black/60":"bg-[#0000001A] text-black/30","inline-flex cursor-pointer anim-hover-1 h-[64%] items-center justify-center px-[25em] rounded-[6em]"])},[e("p",qt,m(t(s)("thunder.step1.male")),1)],2),e("div",{onClick:h[1]||(h[1]=v=>a.value="female"),class:I([a.value=="female"?"bg-white text-black/60":"bg-[#0000001A] text-black/30","inline-flex cursor-pointer anim-hover-1 h-[64%] items-center justify-center px-[25em] rounded-[6em] ml-[9em]"])},[e("p",Gt,m(t(s)("thunder.step1.female")),1)],2)]),e("div",Jt,[e("p",Qt,m(t(s)("thunder.step1.nameQuestion")),1)]),e("div",Kt,[e("div",Wt,[B(e("input",{style:{"letter-spacing":"-0.09em"},type:"text",maxlength:20,"onUpdate:modelValue":h[2]||(h[2]=v=>u.value=v),placeholder:t(s)("thunder.step1.namePlaceholder"),class:"w-full h-full bg-transparent mt-[.1em] text-center outline-none font-Spartan-Regular text-[11em] text-black/60 font-[500] leading-[1]"},null,8,Xt),[[K,u.value]])])]),e("div",Zt,[e("p",es,m(t(s)("thunder.step1.ageQuestion")),1)]),e("div",ts,[e("div",ss,[B(e("input",{style:{"letter-spacing":"-0.09em"},type:"tel",maxlength:2,minlength:2,"onUpdate:modelValue":h[3]||(h[3]=v=>$.value=v),onInput:h[4]||(h[4]=v=>$.value=$.value.replace(/[^0-9]/g,"")),placeholder:t(s)("thunder.step1.agePlaceholder"),class:"w-full h-full bg-transparent mt-[.1em] text-center outline-none font-Spartan-Regular text-[11em] text-black/60 font-[500] leading-[1]"},null,40,ls),[[K,$.value]])])]),e("div",ns,[e("p",os,m(t(s)("thunder.step1.jobQuestion")),1)]),e("div",as,[e("div",is,[B(e("input",{style:{"letter-spacing":"-0.09em"},type:"text",maxlength:30,"onUpdate:modelValue":h[5]||(h[5]=v=>l.value=v),placeholder:t(s)("thunder.step1.jobPlaceholder"),class:"w-full h-full bg-transparent mt-[.2em] text-center outline-none font-Spartan-Regular text-[11em] text-black/60 font-[500]"},null,8,rs),[[K,l.value]])])]),e("div",cs,[e("p",us,m(t(s)("thunder.step1.interestedQuestion")),1)]),e("div",ds,[e("div",ms,[e("div",{onClick:h[6]||(h[6]=v=>w.value="male"),class:I([w.value=="male"?"bg-white text-black/60":"bg-[#0000001A] text-black/30","w-[32%] cursor-pointer anim-hover-1 h-[64%] flex items-center justify-center rounded-[6em]"])},[e("p",fs,m(t(s)("thunder.step1.male")),1)],2),e("div",{onClick:h[7]||(h[7]=v=>w.value="female"),class:I([w.value=="female"?"bg-white text-black/60":"bg-[#0000001A] text-black/30","w-[32%] cursor-pointer anim-hover-1 h-[64%] flex items-center justify-center rounded-[6em]"])},[e("p",hs,m(t(s)("thunder.step1.female")),1)],2),e("div",{onClick:h[8]||(h[8]=v=>w.value="both"),class:I([w.value=="both"?"bg-white text-black/60":"bg-[#0000001A] text-black/30","w-[32%] cursor-pointer anim-hover-1 h-[64%] flex items-center justify-center rounded-[6em]"])},[e("p",ps,m(t(s)("thunder.step1.both")),1)],2)])]),e("div",gs,[e("div",{onClick:P,class:"w-[90%] h-[85%] relative flex items-center justify-center cursor-pointer anim-hover-1"},[e("img",{src:t(f)["thunder/saveprofile.png"],class:"w-full h-full absolute",alt:""},null,8,vs),e("p",_s,m(t(s)("thunder.step1.next")),1)])])]))}},ys={class:"w-full h-full"},ws={class:"w-full h-[150em] flex items-end justify-center"},bs={style:{"letter-spacing":"-0.1em"},class:"font-Spartan-Bold text-[20em] text-black/60 font-[500] leading-[1]"},ks={class:"w-full h-[30em] flex items-center justify-center"},$s={style:{"letter-spacing":"-0.08em"},class:"font-Spartan-Regular text-[10em] text-black/50 font-[400] leading-[110%]"},Ss={class:"w-full h-[16em] flex items-center justify-center"},Cs={class:"w-[64%] h-[55%] flex justify-between"},js={class:"w-[24%] h-full rounded-full overflow-hidden"},Ps={class:"w-full h-[330em] flex items-center justify-center"},Ms={key:0,class:"w-full h-full flex flex-col items-center justify-center"},Ns=["src"],Ts={style:{"letter-spacing":"-0.04em"},class:"font-Spartan-Regular text-[9em] text-black/30 font-[400] leading-[110%] mt-[2em]"},As={key:1,class:"w-full h-full relative"},Ds=["onClick","src"],Rs=["src"],Es=["src"],Bs=["src"],Is={class:"w-full h-[18%] px-[14em] relative"},Ls={class:"w-full h-full flex flex-col justify-center"},Fs={style:{"letter-spacing":"-0.05em"},class:"font-Spartan-Bold text-[12em] text-black/60 font-[500] fixtext leading-[100%]"},Us={style:{"letter-spacing":"-0.05em"},class:"font-Spartan-Medium text-[10em] text-black/30 fixtext leading-[100%] mt-[.4em]"},zs=["src"],Os={style:{"letter-spacing":"-0.5px"},class:"font-Spartan-Medium text-[#000000] text-[13em] font-[500] leading-[1] mt-[.2em] z-[2]"},Vs={__name:"Step2",props:{logindata:{type:Object,required:!0}},emits:["startMatching"],setup(j,{emit:g}){const{t:r}=J(),s=k(!1),a=k([]),u=v=>{a.value=v,s.value=!1},$=[oe,ae],l=k(null),w=v=>{l.value=v},C=()=>{l.value&&l.value.slidePrev()},P=()=>{l.value&&l.value.slideNext()},M=v=>{a.value.splice(v,1)},h=g;return(v,_)=>(o(),c("div",ys,[L(ne,{show:s.value,onSelectPhoto:u,multiselect:!0,onCancel:_[0]||(_[0]=i=>s.value=!1),minLength:a.value.length<3?3-a.value.length:0,onlyphoto:!0},null,8,["show","minLength"]),e("div",ws,[e("p",bs,m(t(r)("thunder.step2.title")),1)]),e("div",ks,[e("p",$s,m(t(r)("thunder.step2.subtitle")),1)]),e("div",Ss,[e("div",Cs,[(o(),c(U,null,Y(3,i=>e("div",js,[e("div",{class:I([a.value.length>=i?"bg-white":"bg-[#0000001A]","w-full h-full"])},null,2)])),64))])]),e("div",Ps,[e("div",{class:"w-[85%] h-[94%] rounded-[24em] overflow-hidden shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.15)]",style:O({backgroundImage:`url(${t(f)["thunder/uploadphotobg.png"]})`,backgroundSize:"100% 100%"})},[e("div",{class:"w-full cursor-pointer h-[82%]",onClick:_[4]||(_[4]=i=>s.value=!0)},[a.value.length<1?(o(),c("div",Ms,[e("img",{src:t(f)["thunder/clicktoupload.svg"],class:"h-[30%]",alt:""},null,8,Ns),e("p",Ts,m(t(r)("thunder.step2.clickToUpload")),1)])):(o(),c("div",As,[L(t(le),{modules:$,"slides-per-view":1,"space-between":0,loop:!0,pagination:{el:".thunder-profile-component .custom-pagination",clickable:!0,bulletClass:"swiper-pagination-bullet custom-bullet",bulletActiveClass:"swiper-pagination-bullet-active custom-bullet-active"},onSwiper:w,class:"w-full h-full flex items-center justify-center"},{default:D(()=>[(o(!0),c(U,null,Y(a.value,(i,p)=>(o(),E(t(se),{key:p},{default:D(()=>[e("img",{onClick:[_[1]||(_[1]=H(()=>{},["stop"])),S=>M(p)],src:t(f)["thunder/deletephoto.png"],class:"absolute h-[25%] left-[38%] top-[38%] cursor-pointer anim-hover-1",alt:""},null,8,Ds),e("img",{src:i,class:"h-full w-full object-cover object-center",alt:""},null,8,Rs)]),_:2},1024))),128))]),_:1}),e("div",{onClick:_[2]||(_[2]=H(()=>{},["stop"])),class:"w-[30em] h-full flex items-center justify-center absolute left-0 top-0 z-10"},[e("img",{src:t(f)["thunder/arrow.svg"],style:{transform:"rotate(180deg)"},class:"h-[7%] cursor-pointer anim-hover-1",onClick:C,alt:""},null,8,Es)]),e("div",{onClick:_[3]||(_[3]=H(()=>{},["stop"])),class:"w-[30em] h-full flex items-center justify-center absolute right-0 top-0 z-10"},[e("img",{src:t(f)["thunder/arrow.svg"],class:"h-[7%] cursor-pointer anim-hover-1",onClick:P,alt:""},null,8,Bs)])]))]),e("div",Is,[e("div",Ls,[e("p",Fs,m(j.logindata.YourName)+", "+m(j.logindata.YourAge),1),e("p",Us,m(j.logindata.YourJob),1)])])],4)]),e("div",{class:I([a.value.length<3?"opacity-50 cursor-not-allowed":"","w-full h-[80em] flex items-end justify-center"])},[e("div",{onClick:_[5]||(_[5]=i=>h("startMatching",a.value)),class:"w-[90%] h-[72%] relative flex items-center justify-center cursor-pointer anim-hover-1"},[e("img",{src:t(f)["thunder/saveprofile.png"],class:"w-full h-full absolute",alt:""},null,8,zs),e("p",Os,m(t(r)("thunder.step2.startMatching")),1)])],2)]))}},Hs={class:"w-full h-full"},Ys={__name:"Login",emits:["ChangePage","StepPage"],setup(j,{emit:g}){const r=q(),s=k("Step1"),a=k([{key:"Step1"},{key:"Step2"}]),u=k({}),$=C=>{u.value=C,s.value="Step2",l("StepPage","Step2")};pe(()=>{s.value="Step1",l("StepPage","Step1"),u.value={}});const l=g,w=C=>A(this,null,function*(){const P=ue(ce({},u.value),{Photos:C});(yield r.startProfile(P))&&l("ChangePage","profile")});return(C,P)=>(o(),c("div",Hs,[L(ve,{"current-key":s.value,items:a.value,duration:300,easing:"ease-in-out"},{Step1:D(()=>[s.value=="Step1"?(o(),E(xs,{key:0,onNextStep:$})):T("",!0)]),Step2:D(()=>[s.value=="Step2"?(o(),E(Vs,{key:0,logindata:u.value,onStartMatching:w},null,8,["logindata"])):T("",!0)]),_:1},8,["current-key","items"])]))}},qs={class:"w-full h-full thunder-profile-component"},Gs={class:"w-full h-[100em] flex items-end justify-center",initial:{opacity:0},enter:{opacity:1,transition:{delay:100,duration:400}}},Js={style:{"letter-spacing":"-0.1em"},class:"font-Spartan-Bold text-[20em] text-black/60 font-[500] leading-[100%]"},Qs={key:0,class:"w-full inline-flex flex-col"},Ks={class:"w-full h-[323em] flex items-end justify-center relative"},Ws=["src"],Xs={class:"w-full h-[242em] relative"},Zs={key:0,style:{"letter-spacing":"-0.06em","-webkit-text-stroke-width":"0.01em","-webkit-text-stroke-color":"rgba(255, 255, 255, 0.26)"},class:"absolute bottom-[1em] text-center w-full font-Spartan-Bold rotate-[-10deg] text-[40em] text-transparent font-[400] leading-[100%]"},el={key:1,style:{"letter-spacing":"-0.07em"},class:"absolute bottom-[1.5em] text-center w-full font-Spartan-Bold text-white rotate-[-10deg] text-[30em] font-[400] leading-[100%]"},tl=["src"],sl=["src"],ll=["src"],nl=["src"],ol={class:"w-full h-[55em] relative flex pagination-bar"},al={class:"w-[50%] h-full flex items-start px-[6%] flex-col justify-center gap-[5em]"},il={style:{"letter-spacing":"-2px"},class:"font-Spartan-Bold text-[14em] text-black/60 font-[500] fixtext leading-[100%]"},rl={style:{"letter-spacing":"-1.5px"},class:"font-Spartan-Medium text-[10em] text-black/30 font-[500] fixtext leading-[100%]"},cl={class:"w-full h-[89em] relative"},ul={key:0,class:"w-full h-full"},dl={class:"h-[67em] absolute bottom-0 left-[12em] anim-hover-1",initial:{opacity:0,scale:.8,x:-20},enter:{opacity:1,scale:1,x:0,transition:{delay:250,duration:400,type:"spring",stiffness:200,damping:15}}},ml={style:{"letter-spacing":"-1px"},class:"font-Spartan-Bold text-[15em] rotate-[-10deg] top-[1.2em] left-[4.5em] text-black/60 font-[500] leading-[100%] absolute"},fl=["src"],hl={class:"h-[67em] absolute bottom-[8em] anim-hover-1 right-[12em]",initial:{opacity:0,scale:.8,x:20},enter:{opacity:1,scale:1,x:0,transition:{delay:300,duration:400,type:"spring",stiffness:200,damping:15}}},pl={style:{"letter-spacing":"-1px"},class:"font-Spartan-Bold text-[15em] rotate-[-10deg] top-[2.4em] right-[4.5em] text-black/60 font-[500] leading-[100%] absolute"},gl=["src"],vl={key:1,class:"w-full h-full relative flex items-center justify-center"},_l={class:"w-[85%] h-[45%] flex rounded-[12em]",style:{border:"1px solid rgba(0, 0, 0, 0.24)",background:"#fff","box-shadow":"0 2px 0 0 #babde4"}},xl=["placeholder"],yl=["src"],wl={style:{"letter-spacing":"-1px"},class:"font-Spartan-Bold absolute bottom-0 w-full text-[10em] text-center text-black/60 font-[500] fixtext leading-[100%]"},bl={class:"w-full h-[400em] flex flex-col items-center justify-center"},kl=["src"],$l={style:{"letter-spacing":"-1px"},class:"font-Spartan-Bold text-[13em] text-black/60 font-[500] text-center leading-[100%] px-[1em] w-full"},Sl={__name:"Match",setup(j){const g=G(),r=q(),{currentProfile:s,hasMoreProfiles:a}=z(r),{t:u}=J(),$=[oe,ae],l=k(null),w=F(()=>{var S;return((S=s.value)==null?void 0:S.photos)||[f["thunder/match2.png"]]}),C=F(()=>s.value?{name:s.value.name,age:s.value.age,job:s.value.job}:{name:"",age:"",job:""}),P=S=>{l.value=S},M=()=>{l.value&&l.value.slidePrev()},h=()=>{l.value&&l.value.slideNext()},v=()=>A(this,null,function*(){yield r.likeProfile(),l.value&&l.value.slideTo(0)}),_=()=>A(this,null,function*(){yield r.dislikeProfile(),l.value&&l.value.slideTo(0)}),i=k(""),p=S=>A(this,null,function*(){{const n=yield V("SEND_THUNDER_MESSAGE_CHANNEL",{message:i.value,type:"text",profileId:s.value.id});n&&n.success?(i.value="",g.TriggerNotification({appname:"thunder",header:u("thunder.title"),message:u("thunder.match.messageSent")}),yield r.nextProfile()):g.TriggerNotification({appname:"thunder",header:u("thunder.title"),message:u(n==null?void 0:n.message)||(n==null?void 0:n.message)})}});return(S,n)=>{const b=te("motion");return o(),c("div",qs,[B((o(),c("div",Gs,[e("p",Js,m(t(u)("thunder.title")),1)])),[[b]]),t(s)?(o(),c("div",Qs,[e("div",Ks,[t(s).matched?(o(),c("img",{key:0,src:t(f)["thunder/match.png"],class:"absolute z-[2] bottom-[-17em] right-[4em] h-[25%]",alt:""},null,8,Ws)):T("",!0),B((o(),c("div",{class:"w-[86%] h-[91.5%] rounded-[24em] overflow-hidden swiper-container-wrapper shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.25)]",style:O({backgroundImage:`url(${t(f)["thunder/uploadphotobg.png"]})`,backgroundSize:"100% 100%"}),initial:{opacity:0,scale:.95},enter:{opacity:1,scale:1,transition:{delay:150,duration:400,type:"spring",stiffness:200,damping:20}}},[e("div",Xs,[L(t(le),{modules:$,"slides-per-view":1,"space-between":0,loop:!1,pagination:{el:".thunder-profile-component .custom-pagination",clickable:!0,bulletClass:"swiper-pagination-bullet custom-bullet",bulletActiveClass:"swiper-pagination-bullet-active custom-bullet-active"},onSwiper:P,class:"w-full h-full flex items-center justify-center"},{default:D(()=>[(o(!0),c(U,null,Y(w.value,(N,R)=>(o(),E(t(se),{key:R},{default:D(()=>[t(s).matched?(o(),c("p",Zs,m(t(u)("thunder.match.itsAMatch")),1)):T("",!0),t(s).matched?(o(),c("p",el,m(t(u)("thunder.match.itsAMatch")),1)):T("",!0),t(s).matched?(o(),c("img",{key:3,src:t(f)["thunder/match2.png"],class:"h-full w-full object-cover object-top",alt:""},null,8,sl)):(o(),c("img",{key:2,src:N,class:"h-full w-full object-cover object-top",alt:""},null,8,tl))]),_:2},1024))),128))]),_:1}),t(s).matched?T("",!0):(o(),c("div",{key:0,class:"w-[30em] h-full flex items-center cursor-pointer justify-center absolute left-0 top-0 z-10",onClick:M},[e("img",{src:t(f)["thunder/arrow.svg"],style:{transform:"rotate(180deg)"},class:"h-[6.5%] anim-hover-1",alt:""},null,8,ll)])),t(s).matched?T("",!0):(o(),c("div",{key:1,class:"w-[30em] h-full flex items-center justify-center cursor-pointer absolute right-0 top-0 z-10",onClick:h},[e("img",{src:t(f)["thunder/arrow.svg"],class:"h-[6.5%] anim-hover-1",alt:""},null,8,nl)]))]),e("div",ol,[e("div",al,[e("p",il,m(t(s).name)+", "+m(t(s).age),1),e("p",rl,m(C.value.job),1)]),n[3]||(n[3]=e("div",{class:"w-[50%] h-full flex items-center justify-end relative"},[e("div",{class:"custom-pagination"})],-1))])],4)),[[b]])]),n[4]||(n[4]=Ce(" --> ")),e("div",cl,[t(s).matched?(o(),c("div",vl,[e("div",_l,[B(e("input",{type:"text","onUpdate:modelValue":n[0]||(n[0]=N=>i.value=N),onKeydown:n[1]||(n[1]=he(N=>p(),["enter"])),maxlength:400,placeholder:t(u)("thunder.match.sendMessagePlaceholder"),class:"w-[80%] h-full bg-transparent outline-none mt-[.17em] font-['SpartanMedium'] ml-[1em] tracking-[-.06em] text-[12em] text-black/60 font-[400] leading-[100%]"},null,40,xl),[[K,i.value]]),e("div",{onClick:n[2]||(n[2]=N=>p()),class:"w-[20%] h-full flex items-center justify-center"},[e("img",{src:t(f)["thunder/send2.png"],class:"h-[90%] cursor-pointer anim-hover-1",alt:""},null,8,yl)])]),e("p",wl,m(t(u)("thunder.match.keepSwiping")),1)])):(o(),c("div",ul,[B((o(),c("div",dl,[e("p",ml,m(t(u)("thunder.match.dislike")),1),e("img",{src:t(f)["thunder/dislike.png"],onClick:_,class:"h-full cursor-pointer",alt:""},null,8,fl)])),[[b]]),B((o(),c("div",hl,[e("p",pl,m(t(u)("thunder.match.like")),1),e("img",{src:t(f)["thunder/like.png"],onClick:v,class:"h-full cursor-pointer",alt:""},null,8,gl)])),[[b]])]))])])):T("",!0),e("div",bl,[e("img",{src:t(f)["thunder/cloudy.png"],class:"h-[20%]",alt:""},null,8,kl),e("p",$l,m(t(u)("thunder.match.noMatches")),1)])])}}},Cl=fe(Sl,[["__scopeId","data-v-396c2d60"]]),jl={key:0,class:"w-full h-[100em] absolute bottom-0 left-0 flex z-[20]"},Pl=["src"],Ml={class:"w-[33.3%] h-full"},Nl={class:"w-full h-[39.5%] flex items-end justify-center"},Tl={key:0,class:"w-[50%] h-[7em] bg-[#B7D7F9] rounded-bl-[10em] rounded-br-[10em]"},Al={class:"w-[33.3%] h-full flex items-start justify-center"},Dl={class:"w-[33.3%] h-full mr-[5em]"},Rl={class:"w-full h-[39.5%] flex items-end justify-center"},El={key:0,class:"w-[50%] h-[7em] bg-[#CFB7F9] rounded-bl-[10em] rounded-br-[10em]"},Yl={__name:"ThunderApp",setup(j){const g=q(),r=G(),{currentProfile:s,SelectedChannel:a}=z(g),{networkSignal:u,appConfig:$}=z(r),l=k("login"),w=k([{key:"messagelist"},{key:"messagedetails"},{key:"profile"},{key:"match"},{key:"login"}]),C=F(()=>{var i,p,S;const _=((S=(p=(i=$.value)==null?void 0:i.TowerConfig)==null?void 0:p.AppRequirements)==null?void 0:S.thunder)||2;return u.value>=_}),P=_=>A(this,null,function*(){_==="match"&&l.value==="match"&&s.value&&s.value.matched&&(yield g.nextProfile()),_=="messagelist"&&(a.value=null),l.value=_});ee(()=>A(this,null,function*(){(yield g.fetchMyProfile())?l.value="match":l.value="login"}));const M=k("Step1"),h=_=>{M.value=_},v=F(()=>{if(l.value==="login")return M.value==="Step1"?f["thunder/login1.png"]:f["thunder/login2.png"];if(l.value==="match")return f["thunder/notmatch.png"];if(l.value==="profile")return f["thunder/profilebg.png"];if(l.value==="messagelist"||l.value==="messagedetails")return f["thunder/messagebg.png"]});return pe(()=>{a.value=null}),(_,i)=>(o(),c("div",{class:"w-full rounded-[44em] overflow-hidden h-full relative",style:O({backgroundImage:`url(${v.value})`,backgroundSize:"100% 100%"})},[C.value?(o(),c(U,{key:1},[L(ve,{"current-key":l.value,items:w.value,duration:300,easing:"ease-in-out"},{messagelist:D(()=>[l.value=="messagelist"?(o(),E(Fe,{key:0,onChangePage:P})):T("",!0)]),messagedetails:D(()=>[l.value=="messagedetails"?(o(),E(vt,{key:0,onChangePage:P})):T("",!0)]),profile:D(()=>[l.value=="profile"?(o(),E(It,{key:0,onChangePage:P})):T("",!0)]),match:D(()=>[l.value=="match"?(o(),E(Cl,{key:0})):T("",!0)]),login:D(()=>[l.value=="login"?(o(),E(Ys,{key:0,onChangePage:P,onStepPage:h})):T("",!0)]),_:1},8,["current-key","items"]),l.value!=="login"&&l.value!=="messagedetails"?(o(),c("div",jl,[e("img",{src:t(f)["thunder/navbar.png"],class:"h-full absolute z-[-1]",alt:""},null,8,Pl),e("div",Ml,[e("div",Nl,[l.value==="profile"?(o(),c("div",Tl)):T("",!0)]),e("div",{onClick:i[0]||(i[0]=p=>P("profile")),class:"w-full h-[50%] cursor-pointer"})]),e("div",Al,[e("div",{onClick:i[1]||(i[1]=p=>P("match")),class:"w-[50%] h-[60%] cursor-pointer"})]),e("div",Dl,[e("div",Rl,[l.value==="messagelist"?(o(),c("div",El)):T("",!0)]),e("div",{onClick:i[2]||(i[2]=p=>P("messagelist")),class:"w-full h-[50%] cursor-pointer"})])])):T("",!0)],64)):(o(),E(je,{key:0}))],4))}};export{Yl as default};
|