https://zara99.xyz/assets/RankingView-95a664a5.js

1import{_ as xe}from"./arrow-right-icon-b4a74c5f.js";import{o as n,c as r,a as t,d as Ce,g as z,F as y,h as R,t as d,j as k,u as Qe,B as je,a0 as Ie,p as Pe,R as Se,W as Ve,f as We,r as m,e as Oe,w as _e,s as Je,i as N,Y as V,v as W,k as c,A as be,n as D,m as Ae,N as Ue}from"./index-0c2fc791.js";import{_ as He}from"./ShowRules.vue_vue_type_script_setup_true_lang-73cab9ac.js";import{u as Xe}from"./rankingTreasure-50ad3b64.js";import{L as Ke}from"./LoadingComponent-f00ffbe6.js";import{N as Ye,P as Ge,S as Ze,A as qe,a as $e,b as Me,c as Ee}from"./scrollbar-2541f423.js";import{a as O}from"./addComma-15651ca2.js";import{C as et,a as tt}from"./commission-e171b79a.js";import{p as H}from"./percentBenefitRanking-b813a9aa.js";import"./rules-2d0add82.js";import"./InformationCircleIcon-933d8683.js";function Re(J,p){return n(),r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[t("path",{"fill-rule":"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z","clip-rule":"evenodd"})])}const at="data:image/png;base64,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",Be="/assets/coin-rank-fd74102d.png",st="/assets/credit-28fe31d2.png",nt="/assets/point-78e1936f.png",rt="/assets/ticket-ec1fac6e.png",lt={id:"show-ranking-reward"},ot={key:0,class:"flex"},it=["src"],ct={key:0,class:"mt-2"},ut={key:1,class:"mt-2"},dt={key:1,class:"flex-caption-rank w-[100%] flex items-center justify-start"},vt={key:1,class:"flex"},mt={class:"flex-caption-rank w-[100%] flex items-center justify-start"},ft={class:"mt-2"},gt=Ce({__name:"ShowMultiReward",props:{reward:{},isMultiReward:{type:Boolean},multiReward:{}},setup(J){const p=J,T={credit:st,point:nt,ticket:rt},b=z(()=>{var A;return((A=p.multiReward)==null?void 0:A.filter(M=>M.enable))||[]});return(A,M)=>{var B;return n(),r("div",lt,[p.isMultiReward?(n(),r("div",ot,[b.value.length?(n(!0),r(y,{key:0},R(b.value,(o,E)=>{var f,h,C;return n(),r("div",{key:E,class:"flex-caption-rank flex w-[30%] items-center justify-start"},[o.enable?(n(),r(y,{key:0},[t("img",{loading:"lazy",src:T[o.type],alt:""},null,8,it),o.type==="ticket"?(n(),r("h5",ct,d(((h=(f=o.ticket_reward)==null?void 0:f[0])==null?void 0:h.amount)||0),1)):(n(),r("h5",ut,d(((C=o.reward)==null?void 0:C[0])||0),1))],64)):k("",!0)])}),128)):(n(),r("div",dt,[...M[0]||(M[0]=[t("img",{loading:"lazy",src:Be,alt:""},null,-1),t("h5",{class:"mt-2"},"0",-1)])]))])):(n(),r("div",vt,[t("div",mt,[M[1]||(M[1]=t("img",{loading:"lazy",src:Be,alt:""},null,-1)),t("h5",ft,d(((B=p.reward)==null?void 0:B[0])||0),1)])]))])}}});const kt={key:0,class:"layout-ranking w-[100%] flex md:grid md:grid-cols-[300px_1fr] justify-between gap-3 !h-[60vh]"},pt={class:"w-full"},wt={key:0,class:"r-ranking-banner-mobile"},yt=["src","alt"],ht={class:"l-layout-ranking"},xt={class:"l-detail-ranking"},_t=["src"],bt={key:0,class:"cashback-commission-detail flex flex-row sm:flex-col justify-center items-center gap-1 sm:gap-3"},At={key:0,class:"font-bold text-default--responsive"},Mt={class:"progress-ranking-bar"},Et={class:"progress-line-bg"},Rt={class:"r-layout-ranking !md:w-full overflow-auto"},Bt={key:0,class:"r-ranking-banner"},Ct=["src","alt"],Dt={class:"r-top-ranking order-1"},Tt=["id"],zt=["id","onClick"],Ft={class:"caption-rank-inner flex flex-col justify-between w-full"},Lt={class:"logorank-title-wrapper flex justify-between"},Nt={class:"logo-rank-inner"},Qt=["src"],jt={class:"ranking-reward-wrapper mb-2 ml-1"},It={key:0,class:"pagination-dots-container flex justify-center mt-4"},Pt={class:"pagination-dots-wrapper flex"},St=["onClick"],Vt={class:"inner-detail-rank-bottom w-[100%] flex flex-wrap items-center justify-between"},Wt={class:"next-rank-inner"},Ot={key:0,class:"title-rank-next"},Jt=["src"],Ut={class:"flex flex-col sm:gap-2"},Ht={class:"next-rank-blog-title w-[100%] flex items-center justify-center"},Xt={key:0,loading:"lazy",src:at,alt:""},Kt={class:"rank-reward"},Yt={class:"text-sm"},Gt={class:"text-[#e9b033] font-semibold"},Zt={key:1,style:{"font-size":"0.8rem"}},qt={class:"next-rank-point"},$t={key:0,class:"cashback-commission-wrapper mt-2 sm:pl-3"},ea={key:0,class:"cashback-commission-inner flex"},ta=["src","alt"],aa={class:"cashback-commission-item-detail"},sa={class:"text-default--responsive"},ka=Ce({__name:"RankingView",setup(J){const{t:p}=Qe(),T=je(),b=Ie(),A=Pe(),{setRankingTreasureData:M}=Xe(),B=Se("(max-width: 425px)");Ve(()=>{T.setWidth("1000px"),T.setTitle("Ranking")}),We(()=>{T.setTitle(""),T.widthReset()});const o=m(),E=m([]),f=m(),h=m(),C=m([]),Q=m([]),j=m([]),x=m(),I=m(),U=m(!1);m([]);const P=m(!1),S=m([]),X=m([]),K=m([Ye,Ge,Ze,qe,$e]),Y=z(()=>{var e;return((e=A.data)==null?void 0:e.cashback.ar_belonings_ranking)??!1}),G=z(()=>{var e;return((e=A.data)==null?void 0:e.crovision.ar_belonings_ranking)??!1}),Z=z(()=>{var e;return((e=A.data)==null?void 0:e.cashback.config_game)??null}),q=z(()=>{var e;return((e=A.data)==null?void 0:e.crovision.config_game)??null});Oe(async()=>{U.value=!0,C.value=[{title:"ยอดฝากสะสมตลอดชีพ",key:"depositionlifetime",type:"deposition",code:"life_time",order:1,current:0,next:0,status:!1},{title:"ยอดเล่นสะสมตลอดชีพ",key:"omsattninglifetime",type:"omsattning",code:"life_time",order:2,current:0,next:0,status:!1},{title:"ฝากสะสม 1 เดือน",key:"depositionmonth",type:"deposition",code:"month",order:3,current:0,next:0,status:!1},{title:"ยอดเล่นสะสม 1 เดือน",key:"omsattningmonth",type:"omsattning",code:"month",order:4,current:0,next:0,status:!1}],await Te(),await De(),U.value=!1});const De=async()=>{const s=[{isReward:Y.value,image:et,text:"cashbackRecived",type:"cashback"},{isReward:G.value,image:tt,text:"commissionRecived",type:"commission"}].map(i=>({...i,type:i.type,percentCashback:H(I.value,"next",i.type,Z.value),percentCommission:H(I.value,"next",i.type,q.value)})).filter(i=>i.isReward);P.value=s.some(i=>i.isReward);const l=[{type:"cashback",label:"Cashback",isReward:Y.value||!1},{type:"commission",label:"Commission",isReward:G.value||!1}];X.value=l.filter(i=>i.isReward)||[],S.value=s||[]},$=e=>{const s=new IntersectionObserver(([l])=>{l.isIntersecting&&(e.autoplay.start(),s.disconnect())},{threshold:0});s.observe(e.el)},ee=()=>{};async function Te(){try{const e=await _e.getRankingInfo();if(e.code!==200&&e.error_code!==0)Je.error(e.message);else{o.value=e.payload,f.value=o.value.current_rank,I.value=o.value.next_rank,Q.value=o.value.banner||[],j.value=o.value.banner_mobile||[],E.value=o.value.rank_info.sort((l,i)=>l.ranking-i.ranking),h.value=e.payload.current_value,C.value=C.value.map(l=>{var i,v,_,w,F,L;return{...l,current:(i=h.value)!=null&&i.current_value[l.type][l.code]?(v=h.value)==null?void 0:v.current_value[l.type][l.code]:0,next:(_=h.value)!=null&&_.next_rank[l.type][l.code]?(w=h.value)==null?void 0:w.next_rank[l.type][l.code]:0,status:(F=h.value)!=null&&F.next_rank[l.type][`${l.code}_status`]?(L=h.value)==null?void 0:L.next_rank[l.type][`${l.code}_status`]:!1}});const s=E.value.map((l,i)=>{var v,_,w;return i==((v=o.value)==null?void 0:v.current_rank.ranking)?{...l,active:!0,subactive:!1,prevactive:!1}:(_=o.value)!=null&&_.current_rank.ranking&&i<((w=o.value)==null?void 0:w.current_rank.ranking)?{...l,active:!1,subactive:!1,prevactive:!0}:{...l,active:!1,subactive:!1,prevactive:!1}});E.value=s,E.value.length>4&&setTimeout(()=>{Ne()},500),e.payload.can_up_niva&&_e.upLevelRanking()}}catch(e){console.log(e)}}const g=m(0);function ze(e,s){g.value=s}function Fe(){if(g.value!==E.value.length-1)g.value=g.value+1,x==null||x.value.forEach((e,s)=>{s===g.value&&e.scrollIntoView({behavior:"smooth",block:"center"})});else return}function Le(){var e;g.value!==0&&(g.value=g.value-1,(e=x==null?void 0:x.value)==null||e.forEach((s,l)=>{l===g.value&&s.scrollIntoView({behavior:"smooth",block:"center"})}))}function Ne(){console.log("ste");const e=document.getElementById("cardRankMain");let s=!1,l,i;e&&(e.addEventListener("mousedown",v=>{s=!0,l=v.pageX-e.offsetLeft,i=e.scrollLeft}),e.addEventListener("touchstart",v=>{s=!0,l=v.touches[0].pageX-e.offsetLeft,i=e.scrollLeft}),e.addEventListener("mouseleave",()=>{s=!1}),e.addEventListener("mouseup",()=>{s=!1}),e.addEventListener("touchend",()=>{s=!1}),e.addEventListener("mousemove",v=>

1{if(!s)return;v.preventDefault();const w=(v.pageX-e.offsetLeft-l)*1;e.scrollLeft=i-w}),e.addEventListener("touchmove",v=>{if(!s)return;v.preventDefault();const w=(v.touches[0].pageX-e.offsetLeft-l)*1;e.scrollLeft=i-w}))}function te(e){switch(e){case 0:setTimeout(()=>{b.setTitle("CurrentBenefitsTreasure"),b.setCompo("RankingTreasureView"),b.setStyle("ModalDefaultSecondary"),M({data:f.value,rank:"current"})},200);break;case 1:setTimeout(()=>{b.setTitle("NextBenefitTreasure"),b.setCompo("RankingTreasureView"),b.setStyle("ModalDefaultSecondary"),M({data:I.value,rank:"next"})},200);break}}const ae=m(1);m(5);const se=z(()=>Math.ceil(E.value.length)),ne=e=>{var s;e>=1&&e<=se.value&&(ae.value=e,g.value=e-1,(s=x==null?void 0:x.value)==null||s.forEach((l,i)=>{i===g.value&&l.scrollIntoView({behavior:"smooth",block:"center"})}))};return(e,s)=>{var l,i,v,_,w,F,L,re,le,oe,ie,ce,ue,de,ve,me,fe,ge,ke,pe,we,ye,he;return U.value?(n(),W(Ke,{key:1})):(n(),r("div",kt,[t("div",pt,[j.value&&j.value.length>0?(n(),r("div",wt,[N(c(Ee),{modules:K.value,"slides-per-view":1,"space-between":50,onSwiper:$,onSlideChange:ee},{default:V(()=>[(n(!0),r(y,null,R(j.value,(a,u)=>(n(),W(c(Me),{key:u},{default:V(()=>[t("img",{src:a,alt:a},null,8,yt)]),_:2},1024))),128))]),_:1},8,["modules"])])):k("",!0),t("div",ht,[P.value?(n(),W(c(Re),{key:0,class:"w-6 h-6 text-[#FFD438] absolute right-5 cursor-pointer",onClick:s[0]||(s[0]=()=>te(0))})):k("",!0),t("div",xt,[t("img",{loading:"lazy",src:(l=f.value)!=null&&l.img_url?(i=f.value)==null?void 0:i.img_url:c(be)("rank-icon-demo.png"),alt:""},null,8,_t),t("h2",{class:D(["title-rank-primary",`-rank${(v=f.value)==null?void 0:v.ranking}`])},d((_=f.value)==null?void 0:_.title),3),P.value?(n(),r("div",bt,[(n(!0),r(y,null,R(X.value,(a,u)=>(n(),r("div",{key:u,class:D(["cashback-commission-detail-inner w-auto py-1 px-2 md:px-3 rounded-full",{"secondary-bg":a.type==="cashback","primary-bg":a.type==="commission"}])},[f.value?(n(),r("p",At,d(a.label)+": "+d(c(H)(f.value,"current",a.type,a.type==="cashback"?Z.value:q.value)),1)):k("",!0)],2))),128))])):k("",!0)]),t("div",Mt,[t("p",null,d((w=o.value)!=null&&w.procent?(F=o.value)==null?void 0:F.procent:0)+"/100",1),t("div",Et,[t("div",{class:"progress-line",style:Ae(`width: ${(L=o.value)!=null&&L.procent?(re=o.value)==null?void 0:re.procent:0}%`)},null,4)])]),(n(!0),r(y,null,R(C.value,(a,u)=>(n(),r("div",{class:"detail-point-rank w-[100%] flex items-center justify-between",style:{"padding-left":"0"},key:u},[t("p",null,d(c(p)(`ranking.${a.key}`)),1),t("p",null,d(`${a.status?`${a.current?c(O)(a.current||0):0}`:"-"}`),1)]))),128)),N(He,{"rules-data":((le=c(A).data)==null?void 0:le.ranking.beskrivning)||""},null,8,["rules-data"])])]),t("div",Rt,[Q.value&&Q.value.length>0?(n(),r("div",Bt,[N(c(Ee),{modules:K.value,"slides-per-view":1,"space-between":50,onSwiper:$,onSlideChange:ee},{default:V(()=>[(n(!0),r(y,null,R(Q.value,(a,u)=>(n(),W(c(Me),{key:u},{default:V(()=>[t("img",{src:a,alt:a},null,8,Ct)]),_:2},1024))),128))]),_:1},8,["modules"])])):k("",!0),t("div",Dt,[t("div",{class:D(["card-ranking-main",{"cursor-none":c(B)}]),id:c(B)?"":"cardRankMain"},[(n(!0),r(y,null,R(E.value,(a,u)=>(n(),r("div",{ref_for:!0,ref_key:"cardContainer",ref:x,class:D(["card-rank-inner flex gap-2 md:gap-4 justify-between",[{"zindex-on":g.value===u},{" !w-[30rem]":c(B)}]]),key:u,style:Ae({"z-index":u<g.value?900+u:""}),id:`cardID${u}`,onClick:na=>c(B)?ne(u+1):ze(a,u)},[t("div",Ft,[t("div",Lt,[t("h3",{class:D(`title-rank-primary -rank${u} title-rank-card mb-2 mt-1 sm:mb-3`)},d(a.title?a.title:"-"),3),t("div",Nt,[t("img",{loading:"lazy",src:a.img_url?a.img_url:c(be)("rank-icon-demo.png"),alt:" "},null,8,Qt)])]),t("div",jt,[t("p",null,d(c(p)("ranking.reward")),1),N(gt,{"is-multi-reward":a.is_multi_reward,"multi-reward":a.multi_reward,reward:a.pris.pris},null,8,["is-multi-reward","multi-reward","reward"])])]),s[4]||(s[4]=t("div",{class:"light-eff-rank"},null,-1)),s[5]||(s[5]=t("div",{class:"star-eff-rank"},null,-1))],14,zt))),128))],10,Tt),c(B)?(n(),r("div",It,[t("div",Pt,[(n(!0),r(y,null,R(se.value,a=>(n(),r("span",{key:a,onClick:u=>ne(a),class:D(["pagination-dot cursor-pointer w-2.5 h-2.5 mx-1 rounded-full",a===ae.value?"bg-linear w-5":"bg-gray-300"])},null,10,St))),128))])])):(n(),r(y,{key:1},[t("div",{class:"arrow-right-rank",onClick:s[1]||(s[1]=a=>Fe())},[...s[6]||(s[6]=[t("img",{loading:"lazy",src:xe,alt:""},null,-1)])]),t("div",{class:"arrow-left-rank",onClick:s[2]||(s[2]=a=>Le())},[...s[7]||(s[7]=[t("img",{loading:"lazy",src:xe,alt:""},null,-1)])])],64))]),t("div",{class:D(["r-bottom-ranking order-2",[((oe=o.value)==null?void 0:oe.max_niva)&&"!mt-0"]])},[t("div",Vt,[t("div",Wt,[(ie=o.value)!=null&&ie.max_niva?k("",!0):(n(),r("h2",Ot,d(c(p)("ranking.nextRank")),1)),t("img",{loading:"lazy",class:"logo-rank-next-main",src:(ce=o.value)!=null&&ce.max_niva?(ue=o.value)==null?void 0:ue.current_rank.img_url:(de=o.value)==null?void 0:de.next_rank.img_url,alt:""},null,8,Jt),t("div",Ut,[t("div",Ht,[(ve=o.value)!=null&&ve.max_niva?k("",!0):(n(),r("img",Xt)),f.value?(n(),r("h2",{key:1,class:D(["title-rank-primary",`-rank${((me=f.value)==null?void 0:me.ranking)+1}`])},d((fe=o.value)!=null&&fe.max_niva?(ge=o.value)==null?void 0:ge.current_rank.title:(ke=o.value)==null?void 0:ke.next_rank.title),3)):k("",!0)]),t("div",Kt,[t("p",Yt,d(c(p)("ranking.promotionAward")),1),t("p",Gt,d((pe=o.value)!=null&&pe.current_rank.pris?c(O)(((we=o.value)==null?void 0:we.current_rank.pris.pris[0])||0):0),1)])]),(ye=o.value)!=null&&ye.max_niva?(n(),r("p",Zt,d(c(p)("ranking.maxLevel")),1)):k("",!0)]),t("div",qt,[P.value&&!((he=o.value)!=null&&he.max_niva)?(n(),r("div",$t,[S.value&&S.value.length>0?(n(),r("div",ea,[(n(!0),r(y,null,R(S.value,(a,u)=>(n(),r("div",{key:u,class:"cashback-commission-item flex flex-col sm:flex-row items-center justify-center sm:justify-normal flex-1 gap-2"},[a.isReward?(n(),r(y,{key:0},[t("img",{src:a.image,alt:a.image,class:"w-9 h-9 sm:w-10 sm:h-10 md:w-14 md:h-14"}

1,null,8,ta),t("div",aa,[t("p",sa,d(c(p)(a.text)),1),t("p",{class:"text-default--responsive flex gap-1 text-[#FFD438]",onClick:s[3]||(s[3]=()=>te(1))},[Ue(d(a.type==="cashback"?a.percentCashback:a.percentCommission)+" ",1),N(c(Re),{class:"w-5 h-4 sm:w-5 sm:h-5 text-[#FFD438] cursor-pointer"})])])],64)):k("",!0)]))),128))])):k("",!0),s[8]||(s[8]=t("div",{class:"h-[2px] w-full sm:w-[96%] mx-auto sm:ml-auto bg-[#FFFFFF40] my-1"},null,-1))])):k("",!0),(n(!0),r(y,null,R(C.value,(a,u)=>(n(),r("div",{class:"detail-point-rank w-[100%] flex items-center justify-between",key:u},[t("p",null,d(c(p)(`ranking.${a.key}`)),1),t("p",null,d(`${a.status?`${a.current?c(O)(a.current||0):0} / ${a.next?c(O)(a.next||0):0}`:"-"}`),1)]))),128))])])],2)])]))}}});export{ka as default};