https://www.idn.app/_next/static/chunks/9469.15ad1487b39784a3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9469],{59469:function(e,t,a){a.r(t),a.d(t,{default:function(){return ev}});var l=a(14288),r=a(67294),n=a(25675),i=a.n(n),s=a(4298),o=a.n(s),c=a(87134),u=a(87386),d=a(86309),m=a(85226),v=a(68517),h=a(35775),p=a(46213),g=a(36353),f=a(46246),w=a(61896),Z=a(83167),y=a(61087),b=a(84597),N=a(12031),_=a(77591),E=a(72133),k=a(34316),S=a(5152),C=a.n(S),L=a(61337),B=a(98618),I=a(7680),R=a(43238),T=a(19776),x=a(85518),D=a(91296),X=a.n(D),M=a(41664),F=a.n(M),G=a(51639),O=a(69558),A=a(23787),H=a(37816),V=a(3560),q=a(7973),P=a(1918),J=a(45782),$=a(57582),z=a(79661),W=a(75710),U=a(11163),j=a(14354),Y=a(2562),K=a(99661),Q=a(49884),ee=a(36636),et=a(8726),ea=a(61243),el=a(5900),er=a(66962),en=a(39116),ei=a(19139);let es=new Set(["CloudFront-Policy","CloudFront-Signature","CloudFront-Key-Pair-Id"]),eo=async(e,t)=>{try{let a=await (0,et.HO)(e),l=a.split(";").map(e=>e.trim()).filter(Boolean),r="idn.app"===window.location.hostname||window.location.hostname.endsWith(".idn.app"),n=r?"; Domain=".concat(".idn.app"):"",i=t&&Number.isFinite(t)?"; Expires=".concat(new Date(t).toUTCString()):"";r||console.warn("[CloudFrontCookies] current hostname is outside idn.app; signed cookies will be host-only"),l.forEach(e=>{let t=e.indexOf("=");if(-1===t)return;let a=e.substring(0,t).trim(),l=e.substring(t+1).trim();es.has(a)&&l&&(r&&(document.cookie="".concat(a,"=; Path=/; SameSite=None; Secure; Expires=").concat("Thu, 01 Jan 1970 00:00:00 GMT")),document.cookie="".concat(a,"=").concat(l,"; Path=/; SameSite=None; Secure").concat(n).concat(i))})}catch(s){console.warn("[CloudFrontCookies] failed to decrypt breadcrumb:",s)}},ec=()=>{let e=(0,r.useRef)(null),t=(0,r.useRef)(null),a=(0,r.useCallback)(()=>{e.current&&(clearTimeout(e.current),e.current=null),t.current=null},[]),l=(0,r.useCallback)((a,r)=>{let n=Math.max(r-Date.now()-6e4,3e4);e.current&&clearTimeout(e.current),e.current=setTimeout(async()=>{if(t.current===a)try{var r;let n=await $.$.get("/api/v1/gjls?slug=".concat(a)),i=(null===(r=n.data)||void 0===r?void 0:r.data)||n.data,{orange:s,breadcrumb:o}=i||{},c=s?Number(s):void 0;o&&await eo(o,c),c&&t.current===a&&l(a,c)}catch(u){t.current===a&&(e.current=setTimeout(()=>l(a,Date.now()+6e4+3e4),3e4))}},n)},[]),n=(0,r.useCallback)(async e=>{var r;a(),t.current=e;let n=await $.$.get("/api/v1/gjls?slug=".concat(e)),i=(null===(r=n.data)||void 0===r?void 0:r.data)||n.data,{orange:s,breadcrumb:o}=i||{},c=s?Number(s):void 0;o&&await eo(o,c),c?l(e,c):console.warn("[CloudFrontCookies] no orange (expire) field in response")},[a,l]);return{fetchCookies:n,stopRefresh:a}};var eu=a(42133);let ed=C()(()=>a.e(2994).then(a.bind(a,62994)),{loadableGenerated:{webpack:()=>[62994]},ssr:!1}),em=e=>{var t,n,s;let S,{livestream:C,profile:D,className:M="",playerOnly:es=!1,disableFullscreenMode:eo=!1,playerClassName:em="",autoplay:ev=!0,onInit:eh,playback_url:ep,slug:eg,onReload:ef,hideProfile:ew=!1,autoHideControls:eZ=!1,muted:ey=!1,embedded:eb=!1,isLoading:eN=!1,onStartPlaying:e_,showVolumeSlider:eE=!1}=e;(0,U.useRouter)();let{user:ek}=(0,W.a)(),{enableUserTier:eS}=(0,P.J)(),eC=(0,r.useRef)(null),eL=(0,r.useRef)(null),eB=(0,r.useRef)(!1),eI=ec(),eR=(0,r.useRef)(),eT=(0,r.useRef)(),ex=(0,r.useRef)(null),eD=(0,r.useRef)(null),eX=(0,r.useRef)(!1),{USERNAME_WATERMARK_TIME:eM,ENABLE_MQTT:eF,MQTT_URL:eG}=(0,ea.S)(),{getRemoteConfigValue:eO}=(0,eu.V)(),eA=(0,R.Z)(C),{sessionId:eH,setToast:eV,state:eq,setState:eP,authenticated:eJ,doneAuthentication:e$}=(0,V.k)(),[ez,eW]=(0,r.useState)(!1),[eU,ej]=(0,r.useState)(!1),[eY,eK]=(0,r.useState)((null==C?void 0:C.view_count)||0),[eQ,e0]=(0,r.useState)(ey),[e1,e3]=(0,r.useState)(!1),[e2,e6]=(0,r.useState)((null==C?void 0:C.status)===k.Gv.END),[e4,e9]=(0,r.useState)(!1),[e5,e8]=(0,r.useState)(!0),[e7,te]=(0,r.useState)(!1),[tt,ta]=(0,r.useState)(void 0),[tl,tr]=(0,r.useState)([]),[tn,ti]=(0,r.useState)(-1),[ts,to]=(0,z.OT)(!1),[tc,tu]=(0,z.OT)(!0),[td,tm]=(0,r.useState)(!1),[tv,th]=(0,r.useState)([]),tp=(0,r.useCallback)(async e=>{let t=eC.current;if(t||await new Promise(e=>{let a=setInterval(()=>{eC.current&&(t=eC.current,clearInterval(a),e())},100);setTimeout(()=>{clearInterval(a),e()},3e3)}),!t||!e)return;let l=t;try{var r,n,i;let s=await a.e(9412).then(a.bind(a,93041)),o=s.default;if(eL.current&&(eL.current.destroy(),eL.current=null),!o.isSupported()){if

1(l.canPlayType("application/vnd.apple.mpegurl")){l.crossOrigin="use-credentials",l.src=e,l.autoplay=ev,l.muted=ey,eh&&eh({play:()=>l.play(),pause:()=>l.pause(),setMuted(e){l.muted=e},setVolume(e){l.volume=e},isMuted:()=>l.muted,hls:null});return}eV({message:"Browser tidak mendukung HLS",show:!0,danger:!0,duration:3e3});return}let c=eO("media_live"),u=new o({enableWorker:!0,lowLatencyMode:!0,xhrSetup(e){e.withCredentials=!0},liveSyncDuration:6,liveMaxLatencyDuration:15,maxLiveSyncPlaybackRate:1.1,maxBufferLength:(null==c?void 0:c.max_buffer_ms)?c.max_buffer_ms/1e3:30,maxMaxBufferLength:(null==c?void 0:c.max_max_buffer_ms)?c.max_max_buffer_ms/1e3:600,maxBufferSize:null!==(r=null==c?void 0:c.target_buffer)&&void 0!==r?r:62914560,maxBufferHole:null!==(n=null==c?void 0:c.max_buffer_hole)&&void 0!==n?n:.5,backBufferLength:(null==c?void 0:c.back_buffer_ms)!=null?c.back_buffer_ms/1e3:1/0,liveBackBufferLength:(null==c?void 0:c.live_back_buffer_ms)!=null?c.live_back_buffer_ms/1e3:1/0,liveDurationInfinity:null===(i=null==c?void 0:c.live_duration_infinity)||void 0===i||i});eL.current=u,u.attachMedia(l),u.on(o.Events.MEDIA_ATTACHED,()=>{u.loadSource(e)}),u.on(o.Events.MANIFEST_PARSED,(e,t)=>{let a=t.levels.map((e,t)=>({index:t,height:e.height||0,name:e.height?"".concat(e.height,"p"):"Level ".concat(t),bitrate:e.bitrate||0}));tr(a),ev&&l.play().catch(e=>{console.warn("[HLS] autoplay blocked:",e.message,"— retrying muted"),l.muted=!0,l.play().catch(e=>console.warn("[HLS] autoplay muted also failed:",e))}),eh&&eh({play:()=>l.play(),pause:()=>l.pause(),setMuted(e){l.muted=e},setVolume(e){l.volume=e},isMuted:()=>l.muted,hls:u})}),u.on(o.Events.LEVEL_SWITCHED,(e,t)=>ti(t.level)),u.on(o.Events.FRAG_PARSING_METADATA,(e,t)=>{var a;null===(a=t.samples)||void 0===a||a.forEach(e=>{try{let t="string"==typeof e.data?e.data:new TextDecoder().decode(e.data),a=null;try{a=JSON.parse(t)}catch(r){try{a=JSON.parse(atob(t))}catch(l){}}let{type:n,value:i}=(null==a?void 0:a.system)||{};if(n)switch(n){case"mute-audio":eP("videoState","true"===i?"mute-audio":null);break;case"pause-video":case"love-letter":eP("videoState","true"===i?"pause-video":null)}}catch(s){}})}),u.on(o.Events.ERROR,(e,t)=>{t.fatal&&(t.type===o.ErrorTypes.NETWORK_ERROR?(u.startLoad(),setTimeout(()=>{l.paused&&l.play().catch(e=>console.warn("[HLS] retry play failed:",e))},2e3)):t.type===o.ErrorTypes.MEDIA_ERROR?u.recoverMediaError():eV({message:"Gagal memuat stream",show:!0,danger:!0,duration:3e3}))}),l.addEventListener("playing",()=>{ej(!0),e9(!1),te(!0),e0(l.muted)}),l.addEventListener("waiting",()=>{e9(!0)}),l.addEventListener("pause",()=>{ej(!1)}),l.addEventListener("ended",()=>{ej(!1)})}catch(d){console.error("[HLS] Init failed:",d)}},[ev,ey]),tg=(0,r.useCallback)(async()=>{var e,t,a,l,r,n;try{if(!C)return;if((null===(e=C.entity)||void 0===e?void 0:e.provider_slug)==="media-live"){await eI.fetchCookies(C.slug||"");let i=(null===(t=C.entity)||void 0===t?void 0:t.playback_url)||C.playback_url||ep||"";await tp(i);return}if("idnliveplus"!==C.live_type){let s=C.playback_url||ep||"";await tp(s)}else{let o=(null===(a=C.creator)||void 0===a?void 0:a.uuid)||"",c=await $.$.post("/api/v1/apt?streamer_uuid=".concat(o,"&slug=").concat(C.slug||""),{},{headers:{"session-id":eH}}),u=await (0,et.ZP)(c.data.galaktus);await tp(u||"")}}catch(d){d.response&&eV({message:(null===(l=d.response)||void 0===l?void 0:null===(r=l.data)||void 0===r?void 0:null===(n=r.error)||void 0===n?void 0:n.error_user_msg)||"Gagal memuat data",show:!0,duration:3e3,danger:!0})}},[C,eH,tp]),tf=(0,r.useCallback)(e=>{let{onLivestreamEvent:t,onAccessRoleEvent:a}=e.data;if(t){let{eventType:l}=t,r=JSON.parse(t.data);switch(l){case"room-statistic":ta(r.follow_count+1);break;case"room-viewer":eK(r.viewer_count);break;case"room-status":"end"===r.status?e6(!0):"live"===r.status&&(e3(!1),ef&&ef())}}a&&document.dispatchEvent(new CustomEvent("access-role-change",{detail:a}))},[ef]);(0,r.useEffect)(()=>{if(!eF||es||!(null==C?void 0:C.slug)||!e$)return;let e=!1;return(0,H.ZB)(C.slug,{onViewerCount:e=>eK(e),onError:e=>console.warn("[mqtt]",e.message)},{user:eJ?ek:void 0,mqttUrl:eG}).then(t=>{e?t():ex.current=t}).catch(e=>console.warn("[mqtt]",null==e?void 0:e.message)),()=>{e=!0,ex.current&&(ex.current(),ex.current=null)}},[null==C?void 0:C.slug,es,e$,eJ,null==ek?void 0:ek.uuid,eF,eG]);let tw=(0,r.useCallback)(()=>

1{if(!es&&!eT.current&&(null==C?void 0:C.room_identifier)){let e=(0,A.getWebsocketUrl)();eT.current=new WebSocket(e,["graphql-ws"]),eT.current.addEventListener("open",()=>{eT.current.send(JSON.stringify({type:"connection_init"}))}),eT.current.addEventListener("message",e=>{let t=JSON.parse(e.data);"connection_ack"===t.type?((0,A.startSubscription)(eT.current,"subscription LivestreamEvent($roomID: String!) { onLivestreamEvent(roomID: $roomID) { data eventType roomID } }",{roomID:C.room_identifier},(0,j.Z)()),(0,A.startSubscription)(eT.current,"subscription AccessRoleEvent($roomID: String!) { onAccessRoleEvent(roomID: $roomID) { data eventType roomID } }",{roomID:C.room_identifier},(0,j.Z)())):"data"===t.type&&tf(t.payload)})}},[es,null==C?void 0:C.room_identifier]),tZ=(0,r.useCallback)(()=>{!eR.current&&(null==C?void 0:C.room_identifier)&&(eR.current=window.io(E.t5),eR.current.emit("join-room",C.room_identifier),eR.current.on("room-ended",()=>e6(!0)),eR.current.on("room-statistic",e=>eK(JSON.parse(e).viewer_count)))},[null==C?void 0:C.room_identifier]);(0,r.useEffect)(()=>{if(C&&(!e1||C.slug!==(null==eA?void 0:eA.slug))){if(C.slug!==(null==eA?void 0:eA.slug)&&(eL.current&&(eL.current.destroy(),eL.current=null),eR.current=null,eT.current=null),eK(C.view_count),e6(C.status===k.Gv.END),C.status===k.Gv.LIVE&&tg(),!es&&!eF){if(E.Do)tw();else{let e=setInterval(()=>{window.io&&(tZ(),clearInterval(e))},500)}}eP("videoState",null==C?void 0:C.video_state),e3(!0)}return()=>{eL.current&&(eL.current.destroy(),eL.current=null),eI.stopRefresh()}},[C]),(0,r.useEffect)(()=>{let e=document.documentElement;ez?(document.body.style.overflow="hidden",eB.current=!0,e.requestFullscreen?e.requestFullscreen():e.webkitRequestFullscreen&&e.webkitRequestFullscreen()):(document.body.style.overflow="auto",eB.current=!1,document.exitFullscreen&&document.fullscreenElement&&document.exitFullscreen())},[ez]),(0,r.useEffect)(()=>{if((null==C?void 0:C.live_type)==="idnliveplus"){let e=String(eM).split("/");td?setTimeout(()=>{tm(!1);let{clientHeight:e,clientWidth:t}=eD.current;th([e/8+Math.random()*(e/2),Math.random()*((t||0)-200)])},1e3*Number(e[0])):setTimeout(()=>tm(!0),1e3*Number(e[1]))}},[td]),(0,r.useEffect)(()=>{let e;return eZ&&(x.tq?document.addEventListener("touchstart",()=>{e8(!0),X()(()=>e8(!1),3e3)()}):(e=()=>{eX.current&&(e8(!0),clearTimeout(S),S=setTimeout(()=>e8(!1),5e3))},window.addEventListener("mousemove",e)),e8(!0)),()=>{eZ&&!x.tq&&window.removeEventListener("mousemove",e)}},[]),(0,r.useEffect)(()=>{e7&&e_&&e_()},[e7]);let{currentSuggestion:ty,isVisible:tb,dismissSuggestion:tN,handleGiftSent:t_}=(0,en.P)({roomSlug:(null==C?void 0:C.slug)||eg||"",livestreamSlug:(null==C?void 0:C.slug)||eg||"",enabled:(null==C?void 0:C.status)===k.Gv.LIVE});(0,er.v)({roomId:(null==C?void 0:C.slug)||eg||"",enabled:(null==C?void 0:C.status)===k.Gv.LIVE&&!tb});let tE=()=>{let e=eC.current;e&&(e.paused?(e.play(),ej(!0),$.$.get("/api/v4/livestream/".concat(null==C?void 0:C.slug)).then(e=>{var t;return eP("videoState",null===(t=e.data)||void 0===t?void 0:t.video_state)})):(e.pause(),ej(!1)))},tk=()=>{let e=eC.current;e&&(e.muted=!e.muted,e0(e.muted))},tS=e=>{eC.current&&(eC.current.volume=e)},tC=e=>{eL.current&&(eL.current.currentLevel=e,ti(e))},tL=()=>{let e=document.getElementById("comp-navbar");eW(t=>{let a=!t;return e&&(e.style.zIndex=a?"100":"201"),window.zE&&window.zE("messenger",a?"hide":"show"),a})};return(0,l.BX)(l.HY,{children:[!E.Do&&(0,l.tZ)(o(),{src:"/socket.io/socket.io.js",strategy:"lazyOnload"}),(0,l.BX)("section",{css:(0,c.A)(ez,es),className:M,ref:eD,children:[(0,l.BX)("div",{className:"player ".concat(em),onMouseEnter:()=>eX.current=!0,onMouseLeave:()=>eX.current=!1,children:[(0,l.tZ)(Q.Z,{isFullscreen:ez}),(0,l.tZ)(ee.Z,{videoRef:eC,containerRef:eD,isFullscreen:ez,enabled:(null==C?void 0:C.live_type)==="idnliveplus"}),e4&&(0,l.tZ)(T.Z,{isFullscreen:ez}),es?(0,l.tZ)("video",{id:"video-player-hls-".concat((null==C?void 0:C.slug)||eg),playsInline:!0,ref:eC,className:ez?"fullscreen":"",poster:null==C?void 0:C.image_url,muted:eQ}):(0,l.BX)(l.HY,{children:[(0,l.tZ)(el.Z,{isFullscreen:ez,controlsVisible:e5,livestreamImageUrl:null==C?void 0:C.image_url,livestream:C}),eS&&(0,l.tZ)(q.Z,{style:ez?{zIndex:0,width:"100vw",height:"100vh",top:0,left:0,position:"fixed"}:void 0,showGift:tc}),(0,l.tZ)(ed,{isFullscreen:ez,showGift:tc}),(0,l.tZ)(ei.Z,{suggestion:ty,isVisible:tb,onDismiss:tN,onGiftSent:t_,livestreamSlug:(null==C?void 0:C.slug)||eg||"",isFullscreen:ez}),(null==C?void 0:C.status)===k.Gv.LIVE&&(eb?(0,l.BX)("div",{className:"header embed",children:[(0,l.tZ)("div",{className:"background"}),(0,l.tZ)("div",{className:"title-wrapper ".concat(e5?"show":"hide"),children:(0,l.tZ)("h3",{className:"title",children:C.title})}),(0,l.tZ)("div",{className:"badge-wrapper",children:(0,l.BX)("div",{className:"badge",children:[(0,l.tZ)(i(),{src:u.Z.src,alt:"",width:12,height:12}),(0,l.tZ)("span",{children:eY}),(0,l.tZ)("span",{className:"separator",children:"|"}),(0,l.tZ)("span",{className:"live",children:"Live"})]})}),(0,l.tZ)(i(),{src:m.Z.src,className:"fs",alt:"fullscreen",width:24,height:24,onClick:tL}),(0,l.tZ)(i(),{src:d.Z.src,className:"logo-idn-floating",width:98,height:32,alt:"logo"})]}):(0,l.BX)(l.HY,{children:[(0,l.BX)("div",{className:"header",children:[(0,l.tZ)("div",{className:"background"}),(0,l.BX)("div",{className:"title-wrapper ".concat(e5?"show":"hide"),children:[(0,l.tZ)("h3",{className:"title",children:C.title}),D&&(0,l.BX)("div",{className:"mobile-streamer-info",children:[(0,l.tZ)(i(),{src:D.avatar,alt:D.name,width:18,height:18}),(0,l.tZ)("p",{children:D.name})]})]}),(0,l.BX)("div",{className:"badge-wrapper",children:[(0,l.BX)("div",{className:"badge",children:[(0,l.tZ)(i(),{src:u.Z.src,alt:"",width:12,height:12}),(0,l.tZ)("span",{children:eY}),(0,l.tZ)("span",{className:"separator",children:"|"}),(0,l.tZ)("span",{className:"live",children:"Live"})]}),(0,l.tZ)(i(),{src:d.Z.src,alt:"logo",width:98,height:32,className:"logo"})]})]}),ek&&td&&(0,l.tZ)("div",{className:"username-watermark",style:{bottom:"".concat(tv[0],"px"),left:"".concat(tv[1],"px")},children:"".concat(ek.short_id||ek.username||ek.username_acc)})]})),C?C.status!==k.Gv.LIVE&&C.status!==k.Gv.RECONNECTING||e2?(0,l.BX)(l.HY,{children:[(e2||(null==C?void 0:C.status)===k.Gv.END)&&(0,l.BX)("div",{className:"livestream-info",children:[(0,l.BX)("div",{className:"streamer-info",children:[(0,l.tZ)(i(),{src:(null==C?void 0:null===(t=C.creator)||void 0===t?void 0:t.image_url)||"",alt:"",width:44,height:44}),(0,l.tZ)("p",{className:"name",children:(null==C?void 0:null===(n=C.creator)||void 0===n?void 0:n.name)||""})]}),(0,l.tZ)("p",{className:"copy-info",children:"streamer sedang offline"})]}),(0,l.tZ)(i(),{src:(null==C?void 0:C.image_url)||"",width:100,height:100,className:"thumbnail-image",alt:""})]}):(0,l.tZ)("video",{id:"video-player-hls-".concat(C.slug||eg),playsInl

1ine:!0,ref:eC,className:ez?"fullscreen":"",poster:C.image_url,muted:eQ}):eN?(0,l.tZ)(B.Z,{className:"shimmer"}):(0,l.BX)("div",{className:"livestream-info error",children:[(0,l.BX)("div",{className:"text-center",children:[(0,l.tZ)(i(),{src:_.Z.src,width:80,height:80,alt:"timmy-sad"}),(0,l.BX)("p",{className:"copy-info small",children:["Maaf livestream sedang",(0,l.tZ)("br",{}),"ada gangguan. Coba sesaat lagi."]}),(0,l.tZ)(G.Z,{className:"cta",onClick:ef,children:"Coba Lagi"})]}),(0,l.tZ)(i(),{src:d.Z.src,alt:"logo-idn",width:98,height:32,className:"logo"})]}),(null==C?void 0:C.status)===k.Gv.SCHEDULED&&(0,l.tZ)(L.Z,{endTime:C.scheduled_at,category:C.category.name,title:C.title}),"pause-video"===eq.videoState&&(0,l.tZ)(Y.Z,{backgroundImage:null==C?void 0:C.image_url,isFullScreen:ez}),"mute-audio"===eq.videoState&&(0,l.tZ)(K.Z,{isFullScreen:ez})]}),(0,l.BX)("div",{className:"controls ".concat(C&&e5?"show":"hide"),children:[(0,l.tZ)(i(),{id:"".concat(null==C?void 0:C.slug,"-playback"),className:"btn-control",src:eU||e4?p.Z.src:v.Z.src,alt:"play",width:35,height:35,onClick:tE}),(0,l.tZ)(i(),{className:"btn-control flex",src:eQ?g.Z.src:h.Z.src,alt:"mute",width:35,height:35,onClick:tk}),(null==C?void 0:C.live_type)==="idnliveplus"&&(0,l.tZ)(i(),{className:"btn-control",src:tc?b.Z:y.Z,width:29,height:29,onClick:tu,alt:"gift",style:{marginRight:24}}),eE&&(0,l.tZ)(J.Z,{onChange:tS}),(0,l.tZ)("div",{style:{flex:1}}),tl.length>0&&(0,l.BX)("div",{className:"video-quality",hidden:eo,children:[(0,l.tZ)(i(),{className:"btn-control",src:f.Z.src,width:35,height:35,alt:"quality",onClick:to}),(0,l.BX)("div",{className:"quality-options",hidden:!ts,children:[(0,l.BX)("div",{className:"nav",onClick:to,children:[(0,l.tZ)(i(),{src:w.Z.src,width:24,height:24,alt:"back"}),(0,l.tZ)("p",{children:"Resolution"})]}),(0,l.BX)("div",{className:"options",children:[(0,l.BX)("div",{className:"opt",onClick:()=>tC(-1),children:[(0,l.tZ)(i(),{src:Z.Z.src,width:24,height:24,alt:"","data-checked":-1===tn}),"Auto"]}),[...tl].sort((e,t)=>t.height-e.height).map(e=>(0,l.BX)("div",{className:"opt",onClick:()=>tC(e.index),children:[(0,l.tZ)(i(),{src:Z.Z.src,width:24,height:24,alt:"","data-checked":tn===e.index}),e.name]},e.index))]})]})]}),eb&&(0,l.BX)(F(),{href:"".concat(E._O,"/").concat(null==D?void 0:D.username,"/live/").concat(null==C?void 0:C.slug),className:"open-in-webapp",target:"_blank",children:[(0,l.BX)("div",{className:"body",children:[(0,l.tZ)("p",{style:{color:O.LM},className:"normal",children:"Tonton di aplikasi"}),(0,l.tZ)("p",{style:{color:O.LM},className:"small",children:"Tonton lebih seru di"}),(0,l.tZ)(i(),{src:N.Z.src,className:"logo-live",width:62,height:39,alt:"open-in-webapp"}),(0,l.tZ)(i(),{src:d.Z.src,className:"logo-idn",alt:"logo",width:98,height:32})]}),(0,l.tZ)(i(),{src:w.Z.src,className:"arrow",width:24,height:24,alt:"arrow"})]}),!eo&&(0,l.tZ)(i(),{className:"btn-control fs",src:m.Z.src,alt:"fullscreen",width:35,height:35,onClick:tL})]})]}),!es&&D&&!ew&&(0,l.tZ)(I.Z,{profile:{uuid:null==C?void 0:null===(s=C.creator)||void 0===s?void 0:s.uuid,...D},className:"streamer",livestream:C,followerCount:tt})]})]})};var ev=em}}]);