https://www.idn.app/_next/static/chunks/8136.6b3c2275f8ea162e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8136,1672],{44265:function(e,t){t.Z={src:"/_next/static/media/illustration_server_error.251f1443.svg",height:148,width:263}},35187:function(e,t,i){var a=i(5152),n=i.n(a);t.Z=n()(i.e(1271).then(i.bind(i,31271)),{loadableGenerated:{webpack:()=>[31271]},ssr:!1})},78136:function(e,t,i){i.r(t),i.d(t,{default:function(){return S}});var a=i(14288),n=i(67294),r=i(70917),l=i(60188),o=i(69558);let d=e=>(0,r.iv)({position:"relative",display:"flex",height:"100%",flexDirection:"column",".list-gifter":{flex:1,padding:"".concat(o.PG,"px ").concat(o.PG,"px"),display:"flex",flexDirection:"column",overflowY:"auto"},".sticky-bottom-section":{position:"sticky",bottom:0},".last-update":{fontSize:10,color:o.a,textAlign:"center",marginTop:o.fh,marginBottom:o.fh},".tab-time":{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",marginBottom:o.fh,".tab-time-item":{flex:1,fontSize:o.yN,marginLeft:o.$Q,marginRight:o.$Q,color:e===l.Q2.DARK?o.Ro:o.a,background:"transparent",borderRadius:20,height:32,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"thin solid ".concat(e===l.Q2.DARK?o.ay:o.KN),"&[data-active=true]":{background:o.Gd,color:o.rk}}},".top-cards":{marginBottom:o.PG,marginTop:o.PG},".top-1-card":{background:"linear-gradient(360deg, rgba(255, 224, 64, 0) 3.37%, rgba(255, 224, 64, 0.9) 35.58%, #FF8C21 100%)",borderRadius:16,padding:"16px",display:"flex",alignItems:"center",gap:12,position:"relative",overflow:"visible",marginBottom:o.bH,height:131,boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.25)",".rank-number":{position:"absolute",top:-8,left:8,fontSize:137,fontWeight:900,color:o.LM,lineHeight:1},".avatar-wrapper":{position:"relative",flexShrink:0,zIndex:1,marginTop:50,marginLeft:15,".crown":{position:"absolute",top:-14,left:"50%",transform:"translateX(-50%)",zIndex:2}},".info":{flex:1,minWidth:0,zIndex:1,marginTop:30,marginLeft:20,".name-row":{display:"flex",alignItems:"center",gap:6,marginBottom:6,flexWrap:"wrap",".name":{fontSize:18,fontWeight:o.wM,color:"#000000",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},".verified":{flexShrink:0}}},".points-badge":{position:"absolute",top:-10,right:12,background:"linear-gradient(90deg, #B8E2FB 0.61%, #F2EFE8 34.17%, #F9DCDD 55.14%, #E1C1E5 73.78%, #BDAFE3 100.61%)",borderRadius:20,padding:"4px 14px",fontSize:12,fontWeight:700,color:"#1A1A1A"}},".top-2-3-row":{display:"flex",gap:o.fh,marginBottom:o.PG},".top-2-3-card":{flex:1,maxWidth:"calc(50% - 4px)",borderRadius:12,padding:"12px",position:"relative",overflow:"visible",height:92,boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.25)",'&[data-rank="2"]':{background:"linear-gradient(180deg, #A18CD1 0%, #FBC2EB 64.27%, rgba(251, 194, 235, 0) 97.5

17%)"},'&[data-rank="3"]':{background:"linear-gradient(0deg, rgba(243, 243, 243, 0) 3.16%, rgba(243, 243, 243, 0.8) 12.47%, #FAD0C4 35.28%)"},".rank-number":{position:"absolute",bottom:-10,left:6,fontSize:100,fontWeight:900,color:o.LM,lineHeight:1},".points-badge":{borderRadius:20,padding:"3px 10px",fontSize:10,fontWeight:700,color:"#1A1A1A",display:"inline-block",marginBottom:8,position:"absolute",top:-10,left:"50%",transform:"translateX(-50%)",width:"fit-content",whiteSpace:"nowrap"},'&[data-rank="2"] .points-badge':{background:"linear-gradient(90deg, #B3ABA5 5.29%, #FFFFFF 36.06%, #DAD1CC 64.42%, #9E9690 99.04%)"},'&[data-rank="3"] .points-badge':{background:"linear-gradient(90deg, #EAB872 14.9%, #FFEAC2 57.21%, #AE824E 100%)"},".card-content":{display:"flex",alignItems:"center",gap:20,position:"relative",zIndex:1,marginTop:20,marginLeft:20,".avatar-23":{flexShrink:0,"& img.frame":{width:"74px !important",height:"74px !important",left:-16},"& img.picture":{width:"42px !important",height:"42px !important"}},".name-row":{display:"flex",alignItems:"center",gap:4,minWidth:0,marginBottom:4,".name":{fontSize:10,fontWeight:o.wM,color:o.af,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},".verified":{flexShrink:0}}}},".top-1-card-shimmer":{background:e===l.Q2.DARK?o.ay:o.KN,borderRadius:16,height:110,marginBottom:o.fh},".top-2-3-shimmer":{flex:1,background:e===l.Q2.DARK?o.ay:o.KN,borderRadius:12,height:90},".top-rest":{flex:1},".my-rank":{position:"sticky",bottom:0},".empty":{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",flex:1,p:{fontSize:o.bG,fontWeight:o.wM,color:e===l.Q2.DARK?o.LM:o.af,marginTop:o.bH,textAlign:"center"}},".login-state":{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",flex:1,textAlign:"center",img:{maxWidth:"100%",height:"auto"},".login-title":{fontSize:o.bG,fontWeight:o.wM,color:e===l.Q2.DARK?o.LM:o.af,marginTop:o.bH,textAlign:"center"}},".login-cta-wrapper":{padding:o.PG,background:e===l.Q2.DARK?o.VP:o.OI,["@media (max-width: ".concat(o.Ei,"px)")]:{background:e===l.Q2.DARK?o.X2:o.Cb},".btn-login":{width:"100%",padding:"14px 24px",background:o.rk,color:o.LM,fontSize:o.yB,fontWeight:o.wM,border:"none",borderRadius:12,cursor:"pointer"}},".error-state":{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",flex:1,padding:"40px 24px",textAlign:"center",".error-title":{fontSize:o.bG,fontWeight:o.wM,color:e===l.Q2.DARK?o.LM:o.af,marginTop:o.bH},".error-subtitle":{fontSize:o.yN,color:o.Ro,marginTop:o.$Q},".btn-reload":{marginTop:o.PG,padding:"12px 48px",background:o.rk,color:o.LM,fontSize:o.yB,fontWeight:o.wM,border:"none",borderRadius:24,cursor:"pointer",width:"100%",maxWidth:300}},["@media (max-width: ".concat(o.Ei,"px)")]:{".list-gifter":{padding:16,paddingTop:0},".my-rank":{padding:16}}});var s=i(3560),c=i(75710),m=i(34316),p=i(25675),g=i.n(p),h={src:"/_next/static/media/ic_empty.f9cab6ad.svg",height:148,width:263},u=i(44265),v=i(57582),f=i(45005),b=i(17563),x=i(35187),N=i(5152),w=i.n(N)()(i.e(5635).then(i.bind(i,45635)),{loadableGenerated:{webpack:()=>[45635]},ssr:!1}),k=i(95030),y=i(51037),Z=i(87327),_=i(51672),B=i(77513);let A=e=>{let{onSendGift:t,viewAt:r,show:o=!1,...p}=e,{theme:N}=(0,l.Fg)(),{livestream:A,streamerProfile:S,doneAuthentication:D,authenticated:I}=(0,s.k)(),{user:z,isLoading:M}=(0,c.a)(),[R,E]=(0,n.useState)([]),[X,G]=(0,n.useState)([]),[L,T]=(0,n.use

1State)(!1),[C,W]=(0,n.useState)(!0),[F,P]=(0,n.useState)(!1),U=(e,t)=>{if(A&&S){let a=(0,k.FS)(A.status===m.Gv.SCHEDULED?A.scheduled_at:A.live_at);!function(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];i.e(4688).then(i.bind(i,14688)).then(e=>e.pushEvent(...t))}(e,{content_type:"livestream",content_title:A.title,content_id:A.slug,content_publisher:"idnlive",content_category:A.category.slug,content_subcategory:null,content_price:0,content_published_date:(0,B.p6)(a),content_creator_id:A.creator.uuid,content_creator_username:S.username,content_creator_fullname:S.name,content_creator_role:"streamer"},{section:"top_gifter",section_name:"Top Gifter",position:"",destination:"",duration_since_content_start:A.status===m.Gv.LIVE?(0,k.ag)(a,new Date):0,duration_since_event_start:(0,k.ag)(new Date(r),new Date),...t})}},K=async()=>{try{W(!0),T(!1),P(!1);let e=await v.$.get((null==A?void 0:A.slug)?"/api/v1/gift/livestream/".concat(A.slug,"/top-gifter"):"/api/v1/gift/livestream/top-gifter/all?".concat(b.stringify({type:"daily",uuid_streamer:null==S?void 0:S.uuid}))),{data:t}=e;0===t.length?(T(!0),E([]),G([])):(E(t.slice(0,3)),G(t.slice(3))),W(!1)}catch(i){W(!1),P(!0)}};(0,n.useEffect)(()=>{S&&K()},[S,z]),(0,n.useEffect)(()=>{o&&(K(),z&&U("click_tab",{item_name:"Hari Ini"}))},[o]);let O=D&&!I&&!M&&!z,Q=()=>{U("click_login",{item_name:"Top Gifter"}),(0,f.zB)()};return(0,a.BX)("div",{css:d(N),...p,children:[(0,a.tZ)("section",{className:"list-gifter",children:O?(0,a.BX)("div",{className:"login-state",children:[(0,a.tZ)(g(),{src:h.src,width:263,height:148,alt:"login to see leaderboard"}),(0,a.tZ)("p",{className:"login-title",children:"Masuk untuk lihat siapa top gifter di sesi ini."})]}):F?(0,a.BX)("div",{className:"error-state",children:[(0,a.tZ)(g(),{src:u.Z.src,width:263,height:200,alt:"error"}),(0,a.tZ)("p",{className:"error-title",children:"Ups, ada sedikit masalah, nih."}),(0,a.tZ)("p",{className:"error-subtitle",children:"Klik tombol di bawah untuk memuat ulang halaman ini."}),(0,a.tZ)("button",{className:"btn-reload",onClick:K,children:"Muat Ulang"})]}):L?(0,a.BX)("div",{className:"empty",children:[(0,a.tZ)(g(),{src:h.src,width:263,height:148,alt:"empty top gifter"}),(0,a.BX)("p",{children:["Yuk kirim virtual gift",(0,a.tZ)("br",{}),"untuk melihat nama-mu di sini!"]})]}):(0,a.BX)(a.HY,{children:[C?(0,a.BX)("div",{className:"top-cards",children:[(0,a.tZ)("div",{className:"top-1-card-shimmer"}),(0,a.BX)("div",{className:"top-2-3-row",children:[(0,a.tZ)("div",{className:"top-2-3-shimmer"}),(0,a.tZ)("div",{className:"top-2-3-shimmer"})]})]}):(()=>{var e,t,i,n,r,l,o,d;let s=R[0],c=R[1]||null,m=R[2]||null;return(0,a.BX)("div",{className:"top-cards",children:[s&&(0,a.BX)("div",{className:"top-1-card",children:[(0,a.tZ)("span",{className:"rank-number",children:"1"}),(0,a.BX)("div",{className:"points-badge",children:[(0,k.lb)(s.total_gold)," IDN Gold"]}),(0,a.tZ)("div",{className:"avatar-wrapper",children:(0,a.tZ)(Z.Z,{levelTier:s.level_tier,avatarUrl:s.image_url,alwaysShowAvatar:!0,size:_.UserTierPictureProfileSize.MEDIUM,style:{zIndex:1}})}),(0,a.BX)("div",{className:"info",children:[(0,a.tZ)("div",{className:"name-row",children:(0,a.tZ)("span",{className:"name",children:(0,k.OW)(s.name,20)})}),(0,a.tZ)("div",{style:{width:"fit-content"},children:(0,a.tZ)(y.Z,{levelTier:Number(null===(e=s.tiers)||void 0===e?void 0:null===(t=e.user)||void 0===t?void 0:t.level),streamerLevelTier:null===(i=s.tiers)||void 0===i?void 0:null===(n=i.streamer)||void 0===n?void 0:n.level,smallIcon:!0})})]})]}),(0,a.BX)("div",{className:"top-2-3-row",children:[c?(0,a.BX)("div",{className:"top-2-3-card","data-rank":"2",children:[(0,a.tZ)("span",{className:"rank-number",children:"2"}),(0,a.BX)("div",{className:"points-badge",children:[(0,k.lb)(c.total_gold)," IDN Gold"]}),(0,a.BX)("div",{className:"card-content",children:[(0,a.tZ)("div",{className:"avatar-23",children:(0,a.tZ)(Z.Z,{levelTier:c.level_tier,avatarUrl:c.image_url,alwaysShowAvatar:!0,size:_.UserTierPictureProfileSize.MEDIUM,style:{zIndex:1}})}),(0,a.BX)("div",{children:[(0,a.tZ)("div",{className:"name-row",children:(0,a.tZ)("span",{className:"name",children:(0,k.OW)(c.name,10)})}),(0,a.tZ)(y.Z,{levelTier:Number(null===(r=c.tiers)||void 0===r?void 0:null===(l=r.user)||void 0===l?void 0:l.level),streamerLevelTier:null===(o=c.tiers)||void 0===o?void 0:null===(d=o.streamer)||void 0===d?void 0:d.level,smallIcon:!0})]})]})]}):(0,a.BX)("div",{className:"top-2-3-card top-2-3-empty","data-rank":"2",children:[(0,a.tZ)("span",{className:"rank-number",children:"2"}),(0,a.tZ)("div",{className:"points-badge",children:"0 IDN Gold"}),(0,a.tZ)("div",{className:"card-content",children:(0,a.tZ)("div",{className:"avatar-23",children:(0,a.tZ)("div",{className:"empty-avatar"})})})]}),m?(0,a.BX)("div",{className:"top-2-3-card","data-rank":"3",children:[(0,a.tZ)("span",{className:"rank-number",children:"3"}),(0,a.BX)("div",{className:"points-badge",children:[(0,k.lb)(m.total_gold)," IDN Gold"]}),(0,a.BX)("div",{className:"card-content",children:[(0,a.tZ)("div",{className:"avatar-23",children:(0,a.tZ)(Z.Z,{levelTier:m.level_tier,avatarUrl:m.image_url,alwaysShowAvatar:!0,size:_.UserTierPictureProfileSize.MEDIUM,style:{zIndex:1}})}),(0,a.tZ)("div",{children:(0,a.tZ)("div",{className:"name-row",children:(0,a.tZ)("span",{className:"name",children:(0,k.OW)(m.name,10)})})})]})]}):(0,a.BX)("div",{className:"top-2-3-card top-2-3-empty","data-rank":"3",children:[(0,a.tZ)("span",{className:"rank-number",children:"3"}),(0,a.tZ)("div",{className:"points-badge",children:"0 IDN Gold"}),(0,a.tZ)("div",{className:"card-content",children:(0,a.tZ)("div",{className:"avatar-23",children:(0,a.tZ)("div",{className:"empty-avatar"})})})]})]})]})})(),(0,a.tZ)("div",{className:"top-rest",children:(C?[void 0,void 0,void 0,void 0,void 0]:X).map((e,t)=>(0,a.tZ)(x.Z,{isLoading:C,gifter:e,showCup:!0},"user-item-".concat(t)))})]})}),O?(0,a.tZ)("div",{className:"sticky-bottom-section",children:(0,a.tZ)("div",{className:"login-cta-wrapper",children:(0,a.tZ)("button",{className:"btn-login",onClick:Q,children:"Login"})})}):o&&t&&(0,a.tZ)("div",{className:"sticky-bottom-section",children:(0,a.tZ)(w,{slug:(null==A?void 0:A.slug)||"",className:"my-rank",onSendGift:e=>t(e),viewAt:r})})]})};var S=A},51037:function(e,t,i){var a=i(5152),n=i.n(a);t.Z=n()(i.e(986).then(i.bind(i,60986)),{loadableGenerated:{webpack:()=>[60986]},ssr:!1})},87327:function(e,t,i){var a=i(5152),n=i.n(a);t.Z=n()(i.e(1672).then(i.bind(i,51672)),{loadableGenerated:{webpack:()=>[51672]},ssr:!1})},51672:function(e,t,i){i.r(t),i.d(t,{UserTierPictureProfileSize:function(){return n},default:function(){return g}});var a,n,r=i(14288),l=i(25675),o=i.n(l),d=i(70917);let s=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n.NORMAL;return(0,d.iv)({position:"relative",display:"flex",alignItems:"center",justifyContent:"center",".frame":{zIndex:2,width:"".concat(t===n.NORMAL?32:120,"px !important"),height:"".concat(t===n.NORMAL?32:120,"px !important"),position:"absolute",left:5===e?t===n.NORMAL?-8:-22:"unset"},".picture":{zIndex:1,borderRadius:"50%",objectFit:"cover",width:"".concat(c(e,t)," !important"),height:"".concat(c(e,t)," !important"),position:"relative"}}

1)},c=(e,t)=>"".concat(t===n.NORMAL?5===e?18:19:72,"px");var m=i(1918);(a=n||(n={})).NORMAL="normal",a.MEDIUM="medium";let p=e=>{let{avatarUrl:t,levelTier:i,alwaysShowAvatar:a=!1,size:l,...d}=e,{getTier:c}=(0,m.J)(),p=c(i),g=l===n.NORMAL?24:72;return(a||i>=4)&&t?(0,r.tZ)("div",{style:{display:"flex"},children:(0,r.BX)("div",{css:s(i,l),...d,children:[p&&p.avatar_frame&&(0,r.tZ)(o(),{src:p.avatar_frame,className:"frame",width:g,height:g,alt:"frame tier"}),(0,r.tZ)(o(),{src:t,className:"picture",width:g,height:g,alt:"picure profile"})]})}):null};var g=p}}]);