https://www.lootgod.com/_next/static/chunks/pages/artist/[artistSl…/gallery-14f99ded90eeb73e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2748],{80914:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/artist/[artistSlugOrId]/[collectionSlug]/gallery",function(){return n(50922)}])},16886:function(e,t,n){"use strict";n.d(t,{z:function(){return r}});var i=n(67294);let r=()=>{let[e,t]=(0,i.useState)();return(0,i.useEffect)(()=>{t(window)},[]),e}},50922:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return eb}});var i=n(85893),r=n(67294),s=n(82729),l=n(98969),a=n(95442),o=n(69320),d=n(2302),c=n(89779),x=n(57653),h=n(64601),u=n(92847),p=n(25798),f=n(44808),m=n(9304),j=n(70563),g=n(37491),Z=n(4224),y=n(42124),b=n(60988),w=n(15212),v=n(9989),C=n(57304),S=n(19345),k=n(4342),_=n(46154),P=n(90006),O=n(36596),E=n(96714),R=n(9764),I=n(26601),L=n(96486),z=n.n(L),M=n(16886),W=n(34155);function T(){let e=(0,s._)(["\n  display: flex;\n  flex-wrap: wrap;\n"]);return T=function(){return e},e}function B(){let e=(0,s._)(["\n  padding: 0.5rem;\n  width: 25%;\n  display: flex;\n  flex: none;\n  align-content: stretch;\n  box-sizing: border-box;\n\n  @media (max-width: 1024px) {\n    width: 50%;\n  }\n\n  @media (max-width: 300px) {\n    width: 100%;\n  }\n"]);return B=function(){return e},e}function F(){let e=(0,s._)(["\n  width: 100%;\n  height: auto;\n  max-width: 780px;\n  @media (min-width: 640px) {\n  }\n  @media (min-width: 900px) {\n    width: auto;\n    min-width: 50%;\n    max-height: 60vw;\n  }\n"]);return F=function(){return e},e}function N(){let e=(0,s._)(["\n  flex: 1;\n  text-align: center;\n  font-size: 80%;\n  padding: 1rem 1rem;\n  border: 1px solid var(gray);\n  white-space: nowrap;\n"]);return N=function(){return e},e}let U=()=>({data:!0}),A="Lootgod",H=l.Z,G=["Gender","Nation","Rank","Gear","Offhand","Props","Face","Complexion","Eyes","Hair Color","Hair","Crown","Background"],Y={"Skin Tone":"Complexion",Crown:"Elite Crowns",Props:"Off Hand",Wield:"Off Hand",Gear:"Attire",Eyes:"Eye Color",Hair:"Hair Style"},D=I.Z.div(T()),X=I.Z.div(B()),V=I.Z.img(F()),q=I.Z.div(N()),K=(0,k.ZP)(e=>(0,i.jsx)(P.Z,{disableGutters:!0,elevation:0,square:!0,...e}))(e=>{let{theme:t}=e;return{borderBottom:"1px solid ".concat(t.palette.divider),background:"transparent","&:not(:last-child)":{},"&:before":{display:"none"}}}),$=(0,k.ZP)(e=>(0,i.jsx)(O.Z,{expandIcon:(0,i.jsx)(_.Z,{sx:{fontSize:"0.9rem"}}),...e}))(e=>{let{theme:t}=e;return{flexDirection:"row-reverse","& .MuiAccordionSummary-expandIconWrapper.Mui-expanded":{transform:"rotate(90deg)"},"& .MuiAccordionSummary-content":{marginLeft:t.spacing(1),margin:t.spacing(.8),p:0,whiteSpace:"nowrap"}}}),J=(0,k.ZP)(E.Z)(()=>({padding:0})),Q={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",bgcolor:"background.paper",overflow:"hidden",borderRadius:4,boxShadow:24,width:{xs:"auto",md:"95vw"},display:"flex",maxWidth:1200},ee={height:0,overflow:"hidden",paddingTop:"100%",boxSizing:"border-box",position:"relative",margin:0,borderRadius:3,cursor:"pointer"},et={width:"100%",position:"absolute",flexShrink:0,verticalAlign:"top",top:0,left:0,height:"100%"},en=e=>z().sortBy(e,e=>z().indexOf(G,"string"==typeof e?e:e.trait_type)).filter(e=>{let{trait_type:t}=e;return!["Element"].includes(t)}),ei=r.createContext({activeFilters:[],filterData:{},filters:{},clearFilters:()=>null,updateFilterForKey:()=>null,setFocused:()=>null,togglePersonal:()=>null}),er=()=>{let{activeFilters:e,clearFilters:t,filterData:n={}}=r.useContext(ei),[s,c]=r.useState("panel1"),x=e=>(t,n)=>{c(!!n&&e)};return(0,i.jsxs)(a.Z,{sx:{width:"100%",maxHeight:"100vh",overflowY:"auto"},children:[(0,i.jsxs)(a.Z,{mb:1,children:[(0,i.jsxs)(a.Z,{display:"flex",justifyContent:"space-between",alignItems:"center",px:1,children:[(0,i.jsxs)(o.Z,{gutterBottom:!0,sx:{fontSize:20,letterSpacing:"1px",my:1},fontWeight:400,children:["FILTERS ",e.length?"(".concat(e.length,")"):""]}),e.length?(0,i.jsx)(l.Z,{variant:"outlined",color:"secondary",onClick:t,children:"Reset"}):null]}),(0,i.jsx)(d.Z,{sx:{borderBottomWidth:2,borderColor:"#fff"}})]}),z().sortBy(Object.keys(n).filter(e=>"Element"!==e),e=>z().indexOf(G,e)).map(e=>(0,i.jsxs)(K,{expanded:s===e,onChange:x(e),sx:{py:0,borderColor:"#fff"},children:[(0,i.jsx)($,{"aria-controls":"".concat(e,"-content"),id:"".concat(e,"-header"),sx:{py:0,my:0},children:(0,i.jsx)(o.Z,{sx:{fontFamily:"League Gothic",textTransform:"uppercase",fontSize:26,letterSpacing:"3px",my:0},children:Y[e]||e})}),(0,i.jsx)(J,{children:(0,i.jsx)(R.OO,{style:{height:Math.min(400,60*(n[e]||[]).length)},data:n[e],itemContent:(t,n)=>(0,i.jsx)(es,{trait:e,value:n})})})]},e))]})},es=e=>{let{updateFilterForKey:t,filters:n}=r.useContext(ei),{trait:s,value:l}=e;return(0,i.jsx)(c.ZP,{disablePadding:!0,children:(0,i.jsxs)(x.Z,{role:void 0,onClick:()=>t(s,l),dense:!0,children:[(0,i.jsx)(h.Z,{children:(0,i.jsx)(u.Z,{edge:"start",checked:!!(n&&n[s]&&-1!==n[s].indexOf(l)),color:"secondary",tabIndex:-1,disableRipple:!0,inputProps:{"aria-labelledby":l}})}),(0,i.jsx)(p.Z,{id:l,primary:"".concat(l),primaryTypographyProps:{sx:{fontSize:"1.2rem"}}})]})},l)},el=()=>({isConnected:!1}),ea=()=>{let{showPersonal:e,togglePersonal:t}=r.useContext(ei),{isConnected:n}=el();return n?(0,i.jsx)(H,{sx:{mx:1,py:0,px:3,fontSize:20},onClick:n?t:()=>null,children:e?"View All Yosos":"View My Yosos"}):(0,i.jsx)(l.Z,{sx:{mx:1,py:0,px:3,fontSize:20},children:"Connect Wallet"})},eo=()=>{let{shuffle:e,visibleRows:t=0,openDrawer:n,showPersonal:s}=r.useContext(ei);return(0,i.jsxs)(a.Z,{sx:{width:"100%",position:"sticky",top:0},children:[(0,i.jsxs)(a.Z,{p:1,pl:0,display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,i.jsx)(a.Z,{display:"flex",alignItems:"center",children:(0,i.jsxs)(o.Z,{sx:{fontSize:20},fontWeight:400,children:[s?"MY ":"",A.toUpperCase()]})}),(0,i.jsxs)(a.Z,{display:"flex",alignItems:"center",children:[(0,i.jsx)(o.Z,{variant:"h6",fontWeight:200,children:t}),(0,i.jsx)(ea,{}),(0,i.jsx)(f.Z,{xsUp:!0,children:(0,i.jsx)(m.Z,{onClick:e,children:(0,i.jsx)(v.Z,{})})}),(0,i.jsx)(f.Z,{mdUp:!0,children:(0,i.jsx)(m.Z,{onClick:n,children:(0,i.jsx)(C.Z,{})})})]})]}),(0,i.jsx)(d.Z,{sx:{borderBottomWidth:2,borderColor:"#fff"}})]})},ed=()=>(0,i.jsx)(X,{children:(0,i.jsx)(q,{children:(0,i.jsx)(j.Z,{variant:"rectangular"})})}),ec=A.toUpperCase().replace(/S$/,""),ex=e=>{let{setFocused:t,revealed:n,order:s}=r.useContext(ei),l=s&&s[+e];if(!l)return(0,i.jsx)(g.ZP,{item:!0});let d=n&&l.image?l.image.replace("ipfs://","https://gateway.pinata.cloud/ipfs/"):"/example/images/999999999.gif";return(0,i.jsxs)(g.ZP,{item:!0,style:{width:"100%",height:"100%"},children:[(0,i.jsx)(Z.Z,{elevation:5,onClick:()=>{t(l.id)},sx:ee,children:(0,i.jsx)("img",{style:et,alt:"pfp",src:d})}),(0,i.jsxs)(a.Z,{textAlign:"center",py:2,children:[(0,i.jsx)(o.Z,{variant:"subtitle2",sx:{fontSize:14},children:ec}),(0,i.jsxs)(o.Z,{sx:{fontSize:16,fontWeight:"600"},children:["NO. ",l.id]})]})]})},eh=()=>(0,i.jsx)(i.Fragment,{children:"Personal Gallery"}),eu=()=>{let e=(0,M.z)(),[t,n]=r.useState((null==e?void 0:e.pageYOffset)||0),i=()=>{n((null==e?void 0:e.pageYOffset)||0)};return r.useEffect(()=>(null==e||e.addEventListener("scroll",i,{passive:!0}),()=>{null==e||e.removeEventListener("scroll",i)}),[]),t},ep=e=>{let{threshold:t=100,children:n}=e,r=eu();return(0,i.jsx)(a.Z,{sx:{position:r>t?"fixed":"initial",top:0,bottom:0,left:0,p:1,right:"75%"},children:n})},ef=e=>{let{href:t,fileName:n,...r}=e,s=()=>{fetch(t,{method:"GET",headers:{}}).then(e=>{e.arrayBuffer().then(function(e){let t=window.URL.createObjectURL(new Blob([e])),i=document.createElement("a");i.href=t,i.setAttribute("download","".concat(n,".png")),document.body.appendChild(i),i.click()})})};return(0,i.jsx)(m.Z,{...r,onClick:()=>s(),sx:{my:"auto",flexShrink:0},children:(0,i.jsx)(S.Z,{sx:{fill:"#fff"}})})},em=r.forwardRef((e,t)=>

1{let{attributes:n,revealed:r,id:s}=e,l=en(n||[]),d=r?"/assets/images/".concat(s,".png"):"/example/images/999999999.gif";return(0,i.jsx)(a.Z,{ref:t,sx:Q,tabIndex:-1,children:(0,i.jsxs)(a.Z,{sx:{width:"auto",display:{xs:"block",md:"flex"},flex:1},tabIndex:-1,children:[(0,i.jsx)(V,{alt:"Yoso ".concat(s),src:d}),(0,i.jsxs)(a.Z,{pl:3,p:2,sx:{position:"relative",display:"flex",flexDirection:"column",alignSelf:"stretch",width:{xs:"100%",md:"50%"}},children:[(0,i.jsxs)(o.Z,{variant:"h6",component:"h3",gutterBottom:!0,children:["Yoso #",s]}),(0,i.jsx)(a.Z,{sx:{position:"relative",margin:"auto",maxWidth:"80vw",width:"100%",px:1,py:2,display:{sx:"block",md:"none"}}}),(0,i.jsx)(a.Z,{sx:{display:{xs:"none",md:"block"},width:"100%",flex:1},children:(0,i.jsxs)(g.ZP,{container:!0,spacing:2,children:[(0,i.jsx)(g.ZP,{item:!0,xs:6,children:l.slice(0,6).map(e=>(0,i.jsx)(a.Z,{sx:{my:{xs:0,sm:1,md:2},width:"100%"},children:(0,i.jsx)(eZ,{revealed:r,...e})},e.trait_type))}),(0,i.jsx)(g.ZP,{item:!0,xs:6,children:l.slice(6,12).map(e=>(0,i.jsx)(a.Z,{sx:{my:{xs:0,sm:1,md:2},width:"100%"},children:(0,i.jsx)(eZ,{revealed:r,...e})},e.trait_type))})]})}),(0,i.jsxs)(a.Z,{sx:{border:"3px solid #fff",borderRadius:3,p:1},mt:"auto",ml:"auto",width:"100%",display:"flex",alignItems:"center",children:[(0,i.jsx)(o.Z,{variant:"button",mr:"auto",children:"View"}),(0,i.jsx)(ef,{fileName:"yoso_".concat(s),href:d}),(0,i.jsx)(ej,{})]})]})]})})});em.displayName="ModalContent";let ej=e=>{let{id:t=""}=e;return(0,i.jsx)(a.Z,{children:(0,i.jsxs)("div",{style:{stroke:"#fff",color:"#fff",margin:"auto 0px"},children:[(0,i.jsx)(m.Z,{LinkComponent:"a",href:"".concat(W.env.NEXT_PUBLIC_SUPERRARE_URL_ROOT,"/").concat(t),children:(0,i.jsx)("img",{src:"/_next/static/media/superrare.7713a108.svg",style:{fill:"#fff",height:24},alt:"superrare"})}),(0,i.jsx)(m.Z,{LinkComponent:"a",href:"".concat(W.env.NEXT_PUBLIC_OPENSEA_URL_ROOT,"/").concat(t),children:(0,i.jsx)("img",{src:"/_next/static/media/opensea.c1624c8f.svg",style:{height:24},alt:"opensea"})})]})})},eg=e=>{let{children:t,anchor:n="right"}=e,{drawerOpen:s,openDrawer:l,closeDrawer:a}=r.useContext(ei);return(0,i.jsx)(w.Z,{anchor:n,open:s,onClose:a,onOpen:l,children:t})},eZ=e=>{let{trait_type:t,value:n,revealed:r}=e;return(0,i.jsx)(a.Z,{my:1,children:r?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{variant:"button",sx:{fontFamily:"League Gothic",letterSpacing:"5px",lineHeight:"1",fontSize:24},children:Y[t]||t}),(0,i.jsx)(o.Z,{sx:{lineHeight:"1"},children:n})]}):(0,i.jsxs)(a.Z,{sx:{display:"Crown"===t?"none":"block"},children:[(0,i.jsx)(o.Z,{variant:"button",sx:{fontFamily:"League Gothic",letterSpacing:"5px",lineHeight:"1",fontSize:24},children:Y[t]||t}),(0,i.jsx)(j.Z,{variant:"rectangular",animation:"wave",width:130,height:24})]})},t)};var ey=e=>{let{data:t={},filters:n}=e,{data:s}=U(),[c,x]=r.useState(null),[h,u]=r.useState({}),[p,m]=r.useState(!1),[j,Z]=r.useState(0),[w,v]=r.useState(!1),C=r.useCallback(()=>v(!0),[v]),S=r.useCallback(()=>v(!1),[v]),k=r.useCallback(()=>m(!p),[p,m]),_=r.useMemo(()=>z().filter(h),[h]),P=r.useMemo(()=>_.length?z().filter(Object.values(t),e=>{let{attributes:t}=e,n=z().reduce(t,(e,t)=>{let{trait_type:n,value:i}=t;return{...e,[n]:i}},{});return z().isMatch(n,h)}):Object.values(t),[t,h,_]),O=r.useMemo(()=>z().shuffle(P),[j,P]),E=r.useCallback(()=>Z(new Date().getTime()),[]),I=r.useCallback((e,t)=>{u({...h,[e]:t})},[u,h]),L=r.useCallback(e=>{let{[e]:t,...n}=h;return u(n),t},[u,h]),M=r.useCallback(()=>u({}),[]),W=r.useCallback(()=>x(null),[]),T=r.useMemo(()=>({openDrawer:C,closeDrawer:S,drawerOpen:w,clearFilters:M,order:O,activeFilters:_,showPersonal:p,filterData:n,filteredData:P,filters:h,setFocused:x,shuffle:E,visibleRows:P.length,clearFilterKey:L,updateFilterForKey:I,togglePersonal:k,revealed:s}),[C,w,S,M,O,_,n,x,P,h,E,p,L,I,k,s]);return(0,i.jsxs)(ei.Provider,{value:T,children:[(0,i.jsxs)(g.ZP,{container:!0,spacing:2,children:[(0,i.jsx)(g.ZP,{item:!0,xs:12,md:3,sx:{px:1,display:"block",xs:{display:"none"},top:0,height:"100%",overflow:"visible"},children:(0,i.jsx)(ep,{children:(0,i.jsx)(f.Z,{mdDown:!0,implementation:"css",children:(0,i.jsx)(er,{})})})}

1),(0,i.jsxs)(g.ZP,{item:!0,container:!0,xs:12,md:9,sx:{display:"block"},children:[(0,i.jsx)(eo,{}),(0,i.jsx)(a.Z,{px:1,mt:1,mb:2,sx:{position:"relative"},children:(0,i.jsxs)(a.Z,{display:"flex",alignItems:"center",maxWidth:"100%",flexWrap:"wrap",sx:{overflowX:"auto",maxWidth:"100%"},children:[(0,i.jsx)(o.Z,{variant:"subtitle2",sx:{fontSize:15},children:"FILTERS"}),(0,i.jsx)(y.Z,{sx:{padding:0,height:24,m:.5,mx:1},label:_.length}),Object.entries(h).filter(e=>{let[,t]=e;return!!t}).map(e=>{let[t]=e;return(0,i.jsx)(y.Z,{sx:{padding:0,height:24,m:.5},label:t,onDelete:()=>L(t)},t)})]})}),(0,i.jsx)(g.ZP,{item:!0,xs:12,sx:{display:"flex",justifyContent:"center",flex:1,width:"100%"},children:P.length?null:(0,i.jsxs)(a.Z,{width:"60%",my:2,textAlign:"center",children:[(0,i.jsx)(o.Z,{variant:"h4",gutterBottom:!0,children:"Sorry!"}),(0,i.jsx)(o.Z,{children:"There aren't any ".concat(A," here.")}),_.length?(0,i.jsxs)(a.Z,{my:4,sx:{width:"100%"},children:[(0,i.jsx)(d.Z,{}),(0,i.jsx)(a.Z,{mb:4}),(0,i.jsx)(o.Z,{variant:"subtitle2",gutterBottom:!0,children:"Maybe you have too many filters?"}),(0,i.jsx)(g.ZP,{container:!0,spacing:2,children:Object.entries(h).map(e=>{let[t,n]=e;return(0,i.jsx)(g.ZP,{item:!0,xs:6,children:(0,i.jsx)(eZ,{trait_type:t,value:n})},t)})}),(0,i.jsx)(l.Z,{sx:{my:1},variant:"outlined",color:"secondary",onClick:M,children:"Clear all filters"})]}):null]})}),p?(0,i.jsx)(eh,{}):(0,i.jsx)(R.Mr,{style:{width:"100%",height:"calc(100vh - 186px)"},totalCount:P.length,overscan:1e3,components:{Item:X,List:D,ScrollSeekPlaceholder:ed},itemContent:ex,scrollSeekConfiguration:{enter:e=>Math.abs(e)>800,exit:e=>80>Math.abs(e)}})]})]}),(0,i.jsx)(b.Z,{open:null!==c,onClose:W,"aria-labelledby":"modal-modal-title","aria-describedby":"modal-modal-description",sx:{tabIndex:"-1"},children:(0,i.jsx)(em,{revealed:s,...c&&t&&t[c]?t[c]:{}})}),(0,i.jsx)(eg,{children:(0,i.jsx)(a.Z,{sx:{width:"50vw",minWidth:320,maxWidth:600},children:(0,i.jsx)(er,{})})})]})},eb=()=>(0,i.jsx)("div",{children:(0,i.jsx)(ey,{data:{},filters:{}})})}},function(e){e.O(0,[3662,8292,7491,2124,6892,7199,9764,5212,5373,2888,9774,179],function(){return e(e.s=80914)}),_N_E=e.O()}]);