Transaction

j"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutMÊ&(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1195,5202],{7054:function(e,t,s){Promise.resolve().then(s.bind(s,5202))},8880:function(e,t,s){"use strict";function a(){return"app.reactonchain.com"===window.location.hostname||window.location.pathname.includes("/content/")||/^\/[a-f0-9]{64}_\d+/.test(window.location.pathname)}function r(){if(a()){let e=window.location.hash;return e&&e.startsWith("#")&&e.slice(1)||"/"}return window.location.pathname}function l(e,t){let s=e.startsWith("/")?e:"/"+e;if(a()){console.log("\uD83E\uDDED ReactOnChain hash navigation to: #".concat(s)),window.location.hash=s,window.dispatchEvent(new CustomEvent("roc-navigate",{detail:{path:s}}));return}if(t){console.log("\uD83E\uDDED Next.js router navigation to: ".concat(s)),t.push(s);return}console.log("\uD83E\uDDED History API navigation to: ".concat(s)),window.history.pushState({},"",s),window.dispatchEvent(new PopStateEvent("popstate",{state:{}}))}function n(e){return{push:t=>{a()?l(t):e.push(t)},back:()=>{window.history.back()}}}s.d(t,{T8:function(){return l},UA:function(){return a},eD:function(){return n},rk:function(){return r}})},5202:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return o}});var a=s(7437),r=s(2265),l=s(3993),n=s(92);let i=[{value:"all",label:"All"},{value:"gaming",label:"Gaming"},{value:"music",label:"Music"},{value:"education",label:"Education"},{value:"talk",label:"Talk Shows"},{value:"crypto",label:"Crypto/BSV"},{value:"tech",label:"Technology"},{value:"creative",label:"Creative"},{value:"sports",label:"Sports"},{value:"other",label:"Other"}];function o(){var e;let[t,s]=(0,r.useState)([]),[o,c]=(0,r.useState)(!0),[d,h]=(0,r.useState)(null),[u,m]=(0,r.useState)("all");(0,r.useEffect)(()=>{x();let e=setInterval(x,3e4);return()=>clearInterval(e)},[]);let x=async()=>{try{let e=await fetch("https://b4gosg8s4gwoswwoc440os4c.securephone.co.uk/api/streams/live");if(!e.ok)throw Error("Failed to load streams");let t=await e.json();s(t.streams||[]),c(!1)}catch(e){console.error("Error loading streams:",e),h(e.message||"Failed to load streams"),c(!1)}},g="all"===u?t:t.filter(e=>e.category===u),p=e=>{let t=new Date(e),s=Math.floor((new Date().getTime()-t.getTime())/1e3);return s<60?"Just started":s<3600?"".concat(Math.floor(s/60),"m ago"):s<86400?"".concat(Math.floor(s/3600),"h ago"):"".concat(Math.floor(s/86400),"d ago")};return o?(0,a.jsx)("div",{className:"min-h-screen bg-gradient-to-b from-gray-900 to-black text-white flex items-center justify-center",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"w-12 h-12 border-4 border-blue-500 border-t-transparent rounded-full animate-spin mx-auto mb-4"}),(0,a.jsx)("p",{className:"text-gray-400",children:"Loading live streams..."})]})}):(0,a.jsxs)("div",{className:"min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white",children:[(0,a.jsx)(n.Z,{}),(0,a.jsxs)("div",{className:"container mx-auto px-4 py-8",children:[(0,a.jsxs)("div",{className:"flex flex-col md:flex-row md:items-center md:justify-between gap-4 mb-8",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("h1",{className:"text-3xl font-bold flex items-center gap-3",children:[(0,a.jsx)("span",{className:"w-3 h-3 bg-red-500 rounded-full animate-pulse"}),"Live Streams"]}),(0,a.jsxs)("p",{className:"text-purple-200 mt-1",children:[t.length," stream",1!==t.length?"s":""," live now"]})]}),(0,a.jsxs)(l.Z,{href:"/stream",className:"px-6 py-3 bg-red-600 hover:bg-red-700 rounded-lg font-semibold transition-colors flex items-center gap-2 w-fit",children:[(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"})}),"Start Streaming"]})]}),(0,a.jsx)("div",{className:"mb-8 overflow-x-auto",children:(0,a.jsx)("div",{className:"flex gap-2 pb-2",children:i.map(e=>(0,a.jsx)("button",{onClick:()=>m(e.value),className:"px-4 py-2 rounded-full whitespace-nowrap transition-colors ".concat(u===e.value?"bg-blue-600 text-white":"bg-gray-800 text-gray-300 hover:bg-gray-700"),children:e.label},e.value))})}),d&&(0,a.jsx)("div",{className:"mb-6 p-4 bg-red-900/30 border border-red-500 rounded-lg text-red-400",children:d}),0===g.length?(0,a.jsxs)("div",{className:"text-center py-16",children:[(0,a.jsx)("div",{className:"w-20 h-20 bg-gray-800 rounded-full flex items-center justify-center mx-auto mb-6",children:(0,a.jsx)("svg",{className:"w-10 h-10 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"})})}),(0,a.jsx)("h2",{className:"text-2xl font-bold mb-2",children:"No Live Streams"}),(0,a.jsx)("p",{className:"text-gray-400 mb-6",children:"all"===u?"Be the first to go live!":"No streams in ".concat((null===(e=i.find(e=>e.value===u))||void 0===e?void 0:e.label)||u)}),(0,a.jsx)(l.Z,{href:"/stream",className:"px-6 py-3 bg-blue-600 hover:bg-blue-700 rounded-lg font-semibold transition-colors inline-flex items-center gap-2",children:"Start Streaming"})]}):(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6",children:g.map(e=>(0,a.jsxs)(l.Z,{href:"/watch/".concat(e.streamKey),className:"group bg-white/10 backdrop-blur-md rounded-xl overflow-hidden hover:ring-2 hover:ring-purple-500 transition-all border border-white/20",children:[(0,a.jsxs)("div",{className:"relative aspect-video bg-gradient-to-br from-gray-700 to-gray-800",children:[(0,a.jsxs)("div",{className:"absolute top-2 left-2 flex items-center gap-2",children:[(0,a.jsxs)("span",{className:"px-2 py-1 bg-red-600 text-white text-xs font-bold rounded flex items-center gap-1",children:[(0,a.jsx)("span",{className:"w-1.5 h-1.5 bg-white rounded-full animate-pulse"}),"LIVE"]}),(0,a.jsxs)("span",{className:"px-2 py-1 bg-black/70 text-white text-xs rounded",children:[e.viewerCount," watching"]})]}),(0,a.jsx)("div",{className:"absolute bottom-2 left-2",children:(0,a.jsx)("span",{className:"px-2 py-1 bg-blue-600/80 text-white text-xs rounded",children:e.category})}),(0,a.jsx)("div",{className:"absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity",children:(0,a.jsx)("div",{className:"w-16 h-16 bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center",children:(0,a.jsx)("svg",{className:"w-8 h-8 text-white ml-1",fill:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{d:"M8 5v14l11-7z"})})})})]}),(0,a.jsxs)("div",{className:"p-4",children:[(0,a.jsx)("h3",{className:"font-semibold text-white truncate group-hover:text-blue-400 transition-colors",children:e.title||"Untitled Stream"}),(0,a.jsxs)("p",{className:"text-sm text-gray-400 mt-1",children:[e.creatorAddress.slice(0,8),"...",e.creatorAddress.slice(-6)]}),(0,a.jsx)("div",{className:"flex items-center gap-2 mt-2 text-xs text-gray-500",children:(0,a.jsxs)("span",{children:["Started ",p(e.startedAt)]})})]})]},e.id))}),(0,a.jsxs)("div",{className:"mt-16 grid grid-cols-1 md:grid-cols-3 gap-6",children:[(0,a.jsxs)("div",{className:"bg-gray-800/50 rounded-xl p-6 text-center",children:[(0,a.jsx)("div",{className:"w-12 h-12 bg-red-600/20 rounded-full flex items-center justify-center mx-auto mb-4",children:(0,a.jsx)("svg",{className:"w-6 h-6 text-red-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"})})}),(0,a.jsx)("h3",{className:"font-semibold mb-2",children:"Stream with OBS"}),(0,a.jsx)("p",{className:"text-sm text-gray-400",children:"Use OBS Studio or any RTMP-compatible software to go live"})]}),(0,a.jsxs)("div",{className:"bg-gray-800/50 rounded-xl p-6 text-center",children:[(0,a.jsx)("div",{className:"w-12 h-12 bg-yellow-600/20 rounded-full flex items-center justify-center mx-auto mb-4",children:(0,a.jsx)("svg",{className:"w-6 h-6 text-yellow-500",fill:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z"})})}),(0,a.jsx)("h3",{className:"font-semibold mb-2",children:"Earn BSV Tips"}),(0,a.jsx)("p",{className:"text-sm text-gray-400",children:"Receive instant BSV tips from your viewers during your stream"})]}),(0,a.jsxs)("div",{className:"bg-gray-800/50 rounded-xl p-6 text-center",children:[(0,a.jsx)("div",{className:"w-12 h-12 bg-blue-600/20 rounded-full flex items-center justify-center mx-auto mb-4",children:(0,a.jsx)("svg",{className:"w-6 h-6 text-blue-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"})})}),(0,a.jsx)("h3",{className:"font-semibold mb-2",children:"Live Chat"}),(0,a.jsx)("p",{className:"text-sm text-gray-400",children:"Interact with your audience in real-time with live chat"})]})]})]})]})}}},function(e){e.O(0,[3448,92,2971,2117,1744],function(){return e(e.s=7054)}),_N_E=e.O()}]);application/javascriptbinary