1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54396],{33406:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/gg/live",function(){return a(73114)}])},73114:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return g},default:function(){return p}});var n=a(31549),l=a(79069),s=a(63385),i=a(74902),r=a(14517),o=a(44194);let c=e=>{let{className:t,embed:a,width:l=400,height:s=300}=e,i=(0,o.useMemo)(()=>{let e=new URL("/","https://player.twitch.tv");return e.searchParams.set("parent",a.parent),a.channel&&e.searchParams.set("channel",a.channel),a.video&&e.searchParams.set("video",a.video),a.collection&&e.searchParams.set("collection",a.collection),a.autoplay&&e.searchParams.set("autoplay","true"),a.muted&&e.searchParams.set("muted","true"),a.time&&e.searchParams.set("time",a.time),e.toString()},[a]);return(0,n.jsx)("iframe",{className:(0,r.default)(t),src:i,width:l,height:s,allowFullScreen:!0})};var d=a(14276),u=a(35546),m=a(60118),h=a(68271),x=a(97087),g=!0;function p(){let[,e]=(0,d.Zh)(),[t]=(0,d.Zh)(),{data:a,isLoading:g}=(0,m.a)(["twitch-channel"],x.j,{enabled:!1});return(0,o.useEffect)(()=>{g||e(e=>({...e,isLoading:!1,...a?{title:a.title,channel:a.userName}:{}}))},[a,g,e]),(0,n.jsx)(u.ms,{active:u.pD.GG,children:(0,n.jsx)(i.A,{theme:"gg-dark",children:(0,n.jsxs)(s.W,{className:"pb-20 mt-10 md:pb-28 xl:pb-40",children:[(0,n.jsx)(h.W,{categorySlug:"gg-channel",className:"mt-4 mb-4 md:mt-8 md:mb-6"}),(0,n.jsx)("h1",{className:"font-poppins font-medium text-2xl text-white xl:text-4xl text-center",children:"GG Live Stream"}),(0,n.jsxs)("div",{className:"relative w-full",children:[(0,n.jsx)(c,{className:(0,r.default)("w-full aspect-16/9 my-4",t.isLoading&&"invisible"),width:"auto",height:"auto",embed:t}),t.isLoading&&(0,n.jsx)(l.Y,{className:"absolute left-[calc(50%-21px)] top-[calc(50%-20px)]"})]}),!t.isLoading&&(0,n.jsx)(n.Fragment,{children:t.title&&(0,n.jsx)("h2",{className:"font-poppins font-meduim text-2xl text-white md:text-3xl xl:text-4xl",children:t.title})})]})})})}},68271:function(e,t,a){"use strict";a.d(t,{W:function(){return b}});var n=a(31549),l=a(63385),s=a(84319),i=a.n(s),r=a(1369),o=a(14528),c=a(3848),d=a(12669),u=a(1075),m=a(19288),h=a(14517),x=a(44194),g=a(20814),p=a(97163);let f=e=>{let{isOpen:t,onClose:a,story:l}=e,s=(0,p.useRouter)(),{i18n:i}=(0,g.$G)(),[f,v]=(0,x.useState)(!1),y=(0,o.me)({name:o.IM.WEB_STORY,locale:s.locale,prependLocale:!0},{slug:l.slug}).href;return(0,n.jsx)(u.u.Root,{show:t,as:x.Fragment,children:(0,n.jsxs)(m.V,{as:"div",className:"relative z-50",onClose:a,children:[(0,n.jsx)(u.u.Child,{as:x.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,n.jsx)("div",{className:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"})}),(0,n.jsx)("div",{className:"fixed inset-0 z-10 overflow-y-auto",children:(0,n.jsx)("div",{className:"flex items-center justify-center min-h-full p-4 text-center",children:(0,n.jsx)(u.u.Child,{as:x.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 translate-y-4 md:translate-y-0 md:scale-95",enterTo:"opacity-100 translate-y-0 md:scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 translate-y-0 md:scale-100",leaveTo:"opacity-0 translate-y-4 md:translate-y-0 md:scale-95",children:(0,n.jsxs)(m.V.Panel,{className:"relative transform w-full text-start transition-all md:w-auto",children:[(0,n.jsx)("div",{className:"absolute top-0 right-0",children:(0,n.jsxs)("button",{className:"text-white text-3xl leading-none hover:text-gray-200 focus:outline-none",type:"button",onClick:a,children:[(0,n.jsx)("span",{className:"sr-only",children:"Close"}),(0,n.jsx)(d.G,{icon:c.NBC})]})}),!1===f&&(0,n.jsx)("div",{className:"absolute inset-0 flex items-center justify-center text-4xl leading-none text-white md:text-5xl md:leading-none",children:(0,n.jsx)(d.G,{className:"animate-spin",icon:c.LM3})}),(0,n.jsx)("iframe",{className:(0,h.default)({invisible:!1===f},"relative max-h-[calc(100vh-72px)] mt-10 min-h-[calc(100vh*0.75)] md:w-[42rem] md:h-[42rem] md:min-
1h-0"),src:y,height:"100%",width:"100%",loading:"lazy",onLoad:e=>{var t,a,n,s;(0,r.Sg)({path:y,title:"".concat(l.title," | Decrypt Stories"),authors:"",sections:"[lang] ".concat(i.language,",web_story,").concat(null!==(n=null===(t=l.category.data)||void 0===t?void 0:t.name)&&void 0!==n?n:"")});let o=null!==(s=e.currentTarget.contentDocument)&&void 0!==s?s:null===(a=e.currentTarget.contentWindow)||void 0===a?void 0:a.document,c=null==o?void 0:o.querySelector("amp-story"),d=null==o?void 0:o.querySelector("amp-story > canvas");null==c||c.style.setProperty("background-color","transparent","important"),null==d||d.style.setProperty("display","none"),v(!0)}})]})})})})]})})},v=e=>{let{className:t,story:a}=e,[l,s]=(0,x.useState)(!1);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("article",{className:(0,h.default)(t,"flex flex-col items-center flex-none"),children:[(0,n.jsx)("h3",{className:"order-1 mt-2 font-akzidenz-grotesk font-normal text-xs leading-none text-center gg-dark:text-white",children:a.title}),(0,n.jsx)("div",{className:"p-0.5 rounded-full bg-gradient-to-t from-[#A04874] to-[#DD406D] gg-dark:bg-none gg-dark:bg-gg-green",children:(0,n.jsx)("div",{className:"p-1 rounded-full bg-white gg-dark:bg-black",children:(0,n.jsx)("button",{className:"appearance-none relative block w-[3.75rem] h-[3.75rem] rounded-full bg-neutral-400",type:"button",title:a.title,"aria-label":a.title,onClick:()=>{s(!0)},children:void 0!==a.featuredImage&&null!==a.featuredImage&&(0,n.jsx)(i(),{className:"rounded-full object-cover",src:a.featuredImage.src,alt:"",fill:!0,sizes:"60px"})})})})]}),(0,n.jsx)(f,{isOpen:l,onClose:()=>{s(!1)},story:a})]})};var y=a(11495);let j=(0,a(31588).B)("\n query WebStoryPreviews(\n $filters: WebStoryEntityFilterInput\n $pagination: PaginationArg\n $sort: [String]\n ) {\n webStories(filters: $filters, pagination: $pagination, sort: $sort) {\n data {\n id\n slug\n status\n title\n publishedAt\n modifiedAt\n featuredImage {\n src\n alt\n width\n height\n }\n category {\n data {\n id\n slug\n name\n }\n }\n }\n }\n }\n"),b=e=>{var t,a;let{className:s,categorySlug:i,children:r}=e,o=null!==(a=null===(t=(0,y.oh)(j,function(e){let t={filters:{},pagination:{pageSize:12},sort:["publishedAt:desc"]};return"string"==typeof e&&e.trim().length>0&&(t.filters.category={slug:{eq:e.trim()}}),t}(i)).data)||void 0===t?void 0:t.webStories.data)&&void 0!==a?a:[];return 0===o.length?null:(0,n.jsxs)("article",{className:(0,h.default)(s,"flex flex-col items-center overflow-x-auto pb-3"),children:[r,(0,n.jsx)(l.W,{className:"flex min-w-min space-x-4",children:o.map(e=>(0,n.jsx)(v,{className:"w-24 md:w-32",story:e},e.id))})]})}},97087:function(e,t,a){"use strict";a.d(t,{j:function(){return s}});var n=a(81867),l=a.n(n);let s=async()=>{let e=await fetch("".concat(l().decryptApiHostname,"/api/live-stream-channel"));return await e.json()}}},function(e){e.O(0,[72985,72e3,14063,73324,55624,89240,74902,92888,49774,40179],function(){return e(e.s=33406)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.