https://www.streamdatabase.com/_next/static/chunks/2513-720877d751fabf92.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2513],{6490:function(e,a,t){t.d(a,{Z:function(){return v}});var n=t(2322),l=t(5686),s=t(8728),r=t(2784),i=t(8702),c=t(7181),d=t(5862),o=t(3683);let m="#B454FF";function u(e){var a;let{badgeImgSrc:t,badgeImgBackgroundColor:l,badgeImgWidth:s,badgeImgHeight:c,sevenTvPaint:d}=e,u=(0,i.I0)(),x=(0,i.v9)(e=>e.user.user),h=(0,i.v9)(e=>{var a;return null===(a=e.twitchUserChatColor.data)||void 0===a?void 0:a.color}),g=null!==(a=null==x?void 0:x.twitch.user.display_name)&&void 0!==a?a:"StreamDatabase",f=null!=h?h:m,[v,j]=(0,r.useState)(g),[p,b]=(0,r.useState)(f);(0,r.useEffect)(()=>{j(g)},[g]),(0,r.useEffect)(()=>{b(f)},[f]);let N=v!==g||p.toLowerCase()!==f.toLowerCase(),w=d?{...d,color:p}:{color:p};return(0,n.jsxs)("div",{className:"flex flex-col items-center text-sm gap-1",children:[(0,n.jsxs)("div",{className:"flex justify-center items-center",children:[t&&(0,n.jsx)("img",{src:t,alt:"Twitch Badge",width:null!=s?s:18,height:null!=c?c:18,className:"object-contain",style:l?{backgroundColor:l}:void 0}),(0,n.jsx)("input",{className:"bg-transparent min-w-4 px-[3px] [field-sizing:content] font-bold text-center outline-none",style:w,value:v,onChange:e=>j(e.target.value),placeholder:"Enter a name to preview..."})]}),(0,n.jsxs)("div",{className:"flex justify-center items-center gap-1",children:[(0,n.jsx)("div",{className:"w-5 h-5 rounded",style:{backgroundColor:p},children:(0,n.jsx)("input",{type:"color",value:p,className:"w-full h-full opacity-0 outline-none",onChange:e=>{b(e.target.value)}})}),x&&N&&(0,n.jsx)("button",{type:"button",onClick:async()=>{await u((0,o.LV)(x.twitch.user.id||"")),j(x.twitch.user.display_name),b(null!=h?h:m)},className:"material-symbols-rounded text-neutral-500 hover:text-white transition !text-sm outline-none",children:"undo"})]})]})}var x=t(9097),h=t.n(x),g=t(5682);let f={twitch:{dark:"#18181B",light:"#FFFFFF"},kick:{dark:"#0B0B0C"}};function v(e){var a,t,o,m,x,v,j;let{item:p,actions:b,children:N,hidden:w}=e,k=(0,i.I0)(),I=!!p.animatedSevenTvPaint||!!p.animatedBadgeImgSrc||!!(p.animatedImages&&p.staticImages),[y,C]=(0,r.useState)(!!(p.animatedSevenTvPaint||p.animatedBadgeImgSrc||p.animatedImages&&p.animatedImages.length>0)),[S,B]=(0,r.useState)(!0),F=(0,i.v9)(e=>e.user),Z=y?null!==(o=p.animatedSevenTvPaint)&&void 0!==o?o:p.sevenTvPaint:null!==(m=p.sevenTvPaint)&&void 0!==m?m:p.animatedSevenTvPaint,_=y?null!==(x=p.animatedBadgeImgSrc)&&void 0!==x?x:p.badgeImgSrc:null!==(v=p.badgeImgSrc)&&void 0!==v?v:p.animatedBadgeImgSrc,T=!!(_||Z),L=!!(null===(a=p.staticImages)||void 0===a?void 0:a.some(e=>e.length>0))||!!(p.animatedImages&&p.animatedImages.length>0)||T,P=f[null!==(j=p.platform)&&void 0!==j?j:"twitch"],E=!!(P.light&&P.light!==P.dark),D=S||!P.light?P.dark:P.light;return(0,n.jsxs)("div",{className:"flex flex-col bg-neutral-900 rounded overflow-hidden",children:[b&&(0,n.jsx)("div",{className:"flex gap-2 justify-between p-2",children:b}),w&&(0,n.jsx)(s.Z,{title:"Hidden",className:"bg-neutral-500"}),(0,n.jsxs)(l.Z,{className:"p-2",children:[(0,n.jsxs)("div",{className:"text-center flex flex-col",children:[(0,n.jsxs)("div",{className:"flex flex-wrap justify-between gap-2",children:[E&&(0,n.jsxs)("button",{onClick:()=>B(e=>!e),className:"font-bold uppercase text-neutral-500 text-left",children:[(0,n.jsx)("span",{className:"transition".concat(S?" text-white":""),children:"Dark"})," ","/"," ",(0,n.jsx)("span",{className:"transition".concat(S?"":" text-white"),children:"Light"})]}),I&&(0,n.jsxs)("button",{onClick:()=>C(e=>!e),className:"font-bold uppercase text-neutral-500 text-left",children:[(0,n.jsx)("span",{className:"transition".concat(y?" text-white":""),children:"Animated"})," / ",(0,n.jsx)("span",{className:"transition".concat(y?"":" text-white"),children:"Static"})]})]}),(0,n.jsxs)("div",{className:"flex flex-col gap-8 justify-center items-center grow p-2 rounded transition",style:{backgroundColor:D},children:[!L&&(0,n.jsx)("span",{className:"flex w-8 h-8 items-center justify-center",children:(0,n.jsx)("i",{className:"material-symbols-rounded !text-[2rem] text-neutral-500",children:"question_mark"})}),p.animatedImages&&p.animatedImages.length>0&&(0,n.jsx)("div",{className:"flex gap-8 flex-wrap items-end justify-center".concat(y?"":" hidden"),children:p.animatedImages.map((e,a)=>(0,n.jsxs)("div",{className:"flex flex-col items-center",children:[(0,n.jsx)(h(),{href:e.src,target:"_blank",rel:"noreferrer",children:(0,n.jsx)("img",{src:e.src,alt:p.name,className:"max-w-32 max-h-32 object-contain".concat(e.className?" ".concat(e.className):""),width:e.width,height:e.height,style:p.badgeImgBackgroun

1dColor?{backgroundColor:p.badgeImgBackgroundColor}:void 0})}),e.label?(0,n.jsx)("p",{className:"text-neutral-500 uppercase font-bold",children:e.label}):null]},a))}),null===(t=p.staticImages)||void 0===t?void 0:t.map((e,a)=>e.length>0?(0,n.jsx)("div",{className:"flex gap-8 flex-wrap items-end justify-center".concat(y?" hidden":""),children:e.map((e,a)=>(0,n.jsxs)("div",{className:"flex flex-col items-center",children:[(0,n.jsx)(h(),{href:e.src,target:"_blank",rel:"noreferrer",children:(0,n.jsx)("img",{src:e.src,alt:p.name,className:"max-w-32 max-h-32 object-contain".concat(e.className?" ".concat(e.className):""),width:e.width,height:e.height,style:p.badgeImgBackgroundColor?{backgroundColor:p.badgeImgBackgroundColor}:void 0})}),e.label?(0,n.jsx)("p",{className:"text-neutral-500 uppercase font-bold",children:e.label}):null]},a))},a):null),T&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(u,{badgeImgSrc:_,badgeImgBackgroundColor:p.badgeImgBackgroundColor,badgeImgWidth:p.badgeImgWidth,badgeImgHeight:p.badgeImgHeight,sevenTvPaint:Z}),!F.loading&&(F.user?null:(0,n.jsx)(c.Z,{type:"button",onClick:()=>k((0,d.mr)()),className:"text-white hover:bg-[#9146FF]/90 bg-[#9146FF]",children:"Log In to Load Your Name/Color"}))]})]})]}),(0,n.jsx)("div",{className:"flex flex-col gap-2",children:null!=N?N:p.fields.map((e,a)=>(0,n.jsx)(g.Z,{name:e.key,value:e.is_url?(0,n.jsx)("a",{href:e.value,target:"_blank",className:"underline break-words",children:e.value}):(0,n.jsx)("p",{children:e.value})},a))})]})]})}},5376:function(e,a,t){t.d(a,{Z:function(){return i}});var n=t(2322),l=t(7729),s=t.n(l),r=t(8401);function i(e){let{title:a,description:t,heading:l=!0,link:i}=e;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(s(),{children:[(0,n.jsx)("title",{children:["Stream Database",...a].join(" - ")}),(0,n.jsx)("meta",{name:"description",content:t})]}),l&&(0,n.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[i&&(0,n.jsx)(r.Z,{href:i.href,className:"bg-neutral-800 hover:bg-neutral-700 flex items-center gap-1",children:i.children}),(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{className:"text-3xl uppercase font-bold",children:a[a.length-1]}),t&&(0,n.jsx)("p",{className:"text-neutral-500",children:t})]})]})]})}},8401:function(e,a,t){t.d(a,{Z:function(){return i}});var n=t(2322),l=t(9097),s=t.n(l),r=t(3753);function i(e){let{children:a,className:t,href:l}=e;return(0,n.jsx)(s(),{href:l,className:"".concat(r.Z," ").concat(t).trim(),children:a})}},8728:function(e,a,t){t.d(a,{Z:function(){return l}});var n=t(2322);function l(e){let{title:a,className:t,description:l}=e;return(0,n.jsxs)("div",{className:"flex gap-2 justify-between items-center flex-wrap p-2 text-xl uppercase ".concat(t),children:[(0,n.jsx)("p",{className:"font-bold",children:a}),(0,n.jsx)("p",{children:l})]})}t(2784)},5686:function(e,a,t){var n=t(2322);let l=t(2784).forwardRef((e,a)=>{let{children:t,className:l}=e;return(0,n.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-1 2xl:grid-cols-2 gap-2".concat(l?" ".concat(l):""),ref:a,children:t})});l.displayName="SplitLayout",a.Z=l},5682:function(e,a,t){t.d(a,{Z:function(){return l}});var n=t(2322);function l(e){let{name:a,value:t,htmlFor:l,className:s}=e,r="text-neutral-500 uppercase font-bold";return(0,n.jsxs)("div",{className:"flex flex-col ".concat(s).trim(),children:[l?(0,n.jsx)("label",{htmlFor:l,className:r,children:a}):(0,n.jsx)("p",{className:r,children:a}),t]})}}}]);