https://www.idn.app/_next/static/chunks/pages/streamer-recommendation-9dd76266eb6b75f1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8931,6445],{16533:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/streamer-recommendation",function(){return r(4520)}])},6257:function(e,t,r){"use strict";var n=r(5152),a=r.n(n);t.Z=a()(Promise.all([r.e(2962),r.e(5763)]).then(r.bind(r,15763)),{loadableGenerated:{webpack:()=>[15763]},ssr:!0})},57680:function(e,t,r){"use strict";var n=r(5152),a=r.n(n);t.Z=a()(Promise.all([r.e(5675),r.e(1664),r.e(1801)]).then(r.bind(r,61801)),{loadableGenerated:{webpack:()=>[61801]},ssr:!1})},55146:function(e,t,r){"use strict";var n=r(5152),a=r.n(n);t.Z=a()(Promise.all([r.e(5675),r.e(1664),r.e(9437)]).then(r.bind(r,9437)),{loadableGenerated:{webpack:()=>[9437]},ssr:!1})},36445:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return p}});var n=r(14288),a=r(5152),i=r.n(a)()(Promise.all([r.e(5675),r.e(8389)]).then(r.bind(r,8389)),{loadableGenerated:{webpack:()=>[8389]},ssr:!1}),c=r(70917),s=r(60188),o=r(69558);let l=e=>{let t={};return t["@media (max-width: ".concat(o.sX,"px)")]={".streamer-swiper":{".swiper-slide":{width:"calc(100%/6)"}},".list-container":{".streamer-item":{width:"calc(100%/6)"}}},t["@media (max-width: ".concat(o.k4,"px)")]={".streamer-swiper":{".swiper-slide":{width:"calc(100%/4)"}},".list-container":{".streamer-item":{width:"calc(100%/4)"}}},t["@media (max-width: ".concat(o.Ei,"px)")]={".header":{".title":{fontSize:18}},".list-container":{".streamer-item":{width:"calc(100%/4)"}}},t["@media (max-width: ".concat(o.Il,"px)")]={".streamer-swiper":{".swiper-slide":{width:"calc(100%/2.5)"}},".list-container":{paddingTop:o.PG,".streamer-item":{width:"calc(100%/3)"}}},t["@media (max-width: ".concat(o.Qn,"px)")]={".list-container":{paddingTop:o.PG,".streamer-item":{width:"calc(100%/2)","> a":{width:"100%",paddingLeft:o.iR,paddingRight:o.iR,".card":{width:"100%",minWidth:"unset"}}}}},(0,c.iv)({position:"relative",".header":{display:"flex",justifyContent:"space-between",alignItems:"center",color:e===s.Q2.DARK?o.LM:o.af,".title":{fontSize:o.TU,fontWeight:o.wM}},".streamer-swiper":{position:"relative",width:"100%",marginBottom:o.bH,".swiper-slide":{width:"calc(100%/8)"}},".list-container":{display:"flex",flexWrap:"wrap",a:{width:"96%"},".streamer-item":{width:"calc(100%/8)",display:"flex",justifyContent:"center",marginBottom:o.fh}},...t})};var d=r(41664),m=r.n(d),u=r(30719),h=r(67294);let f=e=>{let{className:t="",data:a,title:c,rightAddon:o,asIndex:d=!1}=e,{theme:f}=(0,s.Fg)(),p=(0,h.useRef)(null),w=()=>{if(p.current){let e=document.querySelectorAll("[data-streamer-card]");for(let t of e){let{entered:r}=t.dataset;"false"===r&&p.current.observe(t)}}},g=()=>{p.current||(p.current=new IntersectionObserver(e=>{e.forEach(e=>{let{entered:t,uuid:n,username:a,name:i,hasData:c,position:s}=e.target.dataset;e.isIntersecting&&"true"===c&&"false"===t&&(e.target.setAttribute("data-entered","true"),function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];r.e(4688).then(r.bind(r,14688)).then(e=>e.pushEvent(...t))}("Impression_profile",{content_type:"profile streamer",content_creator_id:n,content_creator_username:a,content_creator_fullname:i,content_creator_role:"streamer"},{section:"rekomendasi_streamer",section_name:"Rekomendasi Streamer",position:s}))})},{threshold:[.5]}))},_=(e,t)=>{!function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];r.e(4688).then(r.bind(r,14688)).then(e=>e.pushEvent(...t))}("click_user",{content_type:"profile streamer",content_creator_id:e.uuid,content_creator_username:e.username,content_creator_fullname:e.name,content_creator_role:"streamer"},{section:"rekomendasi_streamer",section_name:"Rekomendasi Streamer",position:t})};return(0,h.useEffect)(()=>{a&&(g(),setTimeout(w))},[a]),(0,n.tZ)("div",{className:d?"center-container":"fit-container",children:(0,n.BX)("section",{className:"".concat(t),css:l(f),children:[c&&(0,n.BX)("div",{className:"header",children:[(0,n.tZ)("h2",{className:"title",children:c}),o&&(0,n.tZ)("div",{className:"right-addon",children:o})]}),d?(0,n.tZ)("div",{className:"list-container",children:a?a.map((e,t)=>(0,n.tZ)("div",{className:"streamer-item",children:e?(0,n.tZ)(m(),{href:"/".concat(e.username),children:(0,n.tZ)(i,{profile:e,className:"card"})}):(0,n.tZ)("a",{children:(0,n.tZ)(i,{})})},"streamer-".concat(t))):[...Array(16)].map((e,t)=>(0,n.tZ)("a",{className:"streamer-item",children:(0,n.tZ)(i,{className:"card"})},"shimmer-".concat(t)))}):(0,n.tZ)(u.tq,{className:"streamer-swiper",spaceBetween:16,slidesPerView:"auto",children:a?a.map((e,t)=>(0,n.tZ)(u.o5,{children:(0,n.tZ)(m(),{href:"/".concat(e.username),onClick:()=>_(e,t+1),children:(0,n.tZ)(i,{profile:e,position:t+1})})},"streamer-".concat(t))):[...Array(8)].map((e,t)=>(0,n.tZ)(u.o5,{children:(0,n.tZ)(i,{})},"shimmer-".concat(t)))})]})})};var p=f},51940:function(e,t,r){"use strict";r.d(t,{l:function(){return s}});var n=r(7297),a=r(72133),i=r(45005);function c(){let e=(0,n.Z)(["\n      ","\n    "]);return c=function(){return e},e}let s=async function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],{gql:s,GraphQLClient:o}=await r.e(3222).then(r.t.bind(r,28687,23)).then(e=>e),l=new o(a.F$,(0,i.zg)({ssr:n,headers:{"Cache-Control":"no-cache"}},a.F$));return l.request(s(c(),e),t)}},4520:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return y},default:function(){return N}});var n=r(14288),a=r(36445),i=r(60188),c=r(70917),s=r(69558);let o=e=>{let t={};return t["@media (max-width: ".concat(s.Ei,"px)")]={".header":{".title":{display:"none"}}},(0,c.iv)({position:"relative",".footer":{textAlign:"center",marginTop:s.PG,marginBottom:s.Xr,".more":{display:"inline",margin:"0 auto",cursor:"pointer",color:e===i.Q2.DARK?s.LM:s.af,fontSize:s.bG,fontWeight:s.uY,img:{verticalAlign:"middle",marginLeft:s.iR}}},...t})};var l=r(45005),d=r(51940),m=r(67294),u=r(72133),h=r(85518),f=r(55146),p=r(6257),w=r(2962),g=r(11163),_=r(95030),v=r(57680);let Z="\n  query GetRecomendedStreamers($cursor: String, $limit: Int ) {\n    getRecommendedStreamers(cursor: $cursor, limit: $limit) {\n      data {\n        name\n        username\n        is_follow\n        follower_count\n        avatar\n        uuid\n      }\n      next_cursor\n    }\n  }\n",b=e=>{let{className:t="",data:r,nextCursor:c="",redirectTo:s}=e,{theme:l}=(0,i.Fg)(),[_,b]=(0,m.useState)([...r]),[N,y]=(0,m.useState)(!1),[k,x]=(0,m.useState)(c),{push:S}=(0,g.useRouter)(),R=(0,m.useCallback)(async()=>{try{y(!0);let e=await (0,d.l)(Z,{cursor:k,limit:16}),{data:t,next_cursor:r}=e.getRecommendedStreamers,n=[..._,...t];b(n),y(!1),x(t.length>0?r:"")}catch(a){console.log(a)}},[_]);return(0,m.useEffect)(()=>{s&&S(s)},[]),(0,n.BX)(n.HY,{children:[(0,n.tZ)(p.Z,{title:"Rekomendasi Streamer | IDN Live",description:"IDN Live adalah platform live streaming terbaik untuk generasi Millennial dan Gen Z. Tonton live streaming game PC, game mobile, dan esports di IDN Live."}),(0,n.tZ)(w.ns,{type:"NewsMediaOrganization",name:"IDN Live",url:u._O,logo:"".concat(u._O,"/img/logo-idnapp-100.png"),sameAs:[u.uy,u.iL,u.Ev,u._O,u.TJ]}),(0,n.tZ)("h1",{className:"hidden-keyword",children:"Public Profile | IDN Live"}),(0,n.BX)("section",{className:"".concat(t," main-container ").concat(l),css:o(l),children:[h.UA&&(0,n.tZ)(f.Z,{backTo:"/",title:"Rekomendasi Streamer \uD83D\uDD25",className:"simple-navbar"}),(0,n.tZ)(a.default,{title:"Rekomendasi Streamer \uD83D\uDD25",data:[..._,...N?Array(8):[]],asIndex:!0}),k&&(0,n.tZ)(v.Z,{moreUrl:"/streamer-recommendation?nextCursor=".concat(c),onMore:R})]})]})};(0,l.i5)(async e=>{let{query:t}=e;try{let r=await (0,d.l)(Z,{cursor:t.nextCursor,limit:16},!0),{data:n,next_cursor:a}=r.getRecommendedStreamers;return{props:{data:n,nextCursor:a}}}catch(i){return console.log(i),(0,_.ZB)("/")}});var N=b,y=!0},7297:function(e,t,r){"use strict";function n(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}r.d(t,{Z:function(){return n}})}},function(e){e.O(0,[1664,719,2962,9774,2888,179],function(){return e(e.s=16533)}),_N_E=e.O()}]);