(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6903],{80825:function(e,t,n){"use strict";n.d(t,{Z:function(){return Z}});var a=n(67294),r=n(96016),i=n(48427),o=n(56817),l=n(96768),u=(0,o.k)((e,{radius:t,shadow:n})=>({root:{outline:0,WebkitTapHighlightColor:"transparent",display:"block",textDecoration:"none",color:"dark"===e.colorScheme?e.colors.dark[0]:e.black,backgroundColor:"dark"===e.colorScheme?e.colors.dark[7]:e.white,boxSizing:"border-box",borderRadius:e.fn.radius(t),boxShadow:e.shadows[n]||n||"none","&[data-with-border]":{border:`${(0,l.h)(1)} solid ${"dark"===e.colorScheme?e.colors.dark[4]:e.colors.gray[3]}`}}})),d=n(7414),p=Object.defineProperty,s=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,m=(e,t,n)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,b=(e,t)=>{for(var n in t||(t={}))c.call(t,n)&&m(e,n,t[n]);if(s)for(var n of s(t))y.call(t,n)&&m(e,n,t[n]);return e},f=(e,t)=>{var n={};for(var a in e)c.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&s)for(var a of s(e))0>t.indexOf(a)&&y.call(e,a)&&(n[a]=e[a]);return n};let g={},v=(0,a.forwardRef)((e,t)=>{let n=(0,r.N4)("Paper",g,e),{className:i,children:o,radius:l,withBorder:p,shadow:s,unstyled:c,variant:y}=n,m=f(n,["className","children","radius","withBorder","shadow","unstyled","variant"]),{classes:v,cx:h}=u({radius:l,shadow:s},{name:"Paper",unstyled:c,variant:y});return a.createElement(d.x,b({className:h(v.root,i),"data-with-border":p||void 0,ref:t},m),o)});v.displayName="@mantine/core/Paper";let h=(0,i.F)(v),k=(0,a.createContext)({padding:0}),w=k.Provider,x=()=>(0,a.useContext)(k).padding;var T=n(14258),O=(0,o.k)((e,{padding:t,withBorder:n,inheritPadding:a})=>{let r=(0,T.a)({size:t,sizes:e.spacing}),i=`calc(-1 * ${r})`,o="dark"===e.colorScheme?e.colors.dark[4]:e.colors.gray[3];return{cardSection:{display:"block",marginLeft:i,marginRight:i,paddingLeft:a?r:void 0,paddingRight:a?r:void 0,borderTop:n?`${(0,l.h)(1)} solid ${o}`:void 0,borderBottom:n?`${(0,l.h)(1)} solid ${o}`:void 0,"& + &":{borderTop:0},"&[data-first]":{marginTop:i,borderTop:0,borderBottom:n?`${(0,l.h)(1)} solid ${o}`:void 0},"&[data-last]":{marginBottom:i,borderBottom:0}}}}),N=Object.defineProperty,j=Object.getOwnPropertySymbols,P=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,C=(e,t,n)=>t in e?N(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,_=(e,t)=>{for(var n in t||(t={}))P.call(t,n)&&C(e,n,t[n]);if(j)for(var n of j(t))S.call(t,n)&&C(e,n,t[n]);return e},E=(e,t)=>{var n={};for(var a in e)P.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&j)for(var a of j(e))0>t.indexOf(a)&&S.call(e,a)&&(n[a]=e[a]);return n};let M={withBorder:!1,inheritPadding:!1},$=(0,a.forwardRef)((e,t)=>{let n=(0,r.N4)("CardSection",M,e),{className:i,withBorder:o,inheritPadding:l,unstyled:u,variant:p}=n,s=E(n,["className","withBorder","inheritPadding","unstyled","variant"]),{classes:c,cx:y}=O({padding:x(),withBorder:o,inheritPadding:l},{name:"Card",unstyled:u,variant:p});return a.createElement(d.x,_({className:y(c.cardSection,i),ref:t},s))});$.displayName="@mantine/core/CardSection";let B=(0,i.F)($);var I=(0,o.k)(e=>({root:{position:"relative",overflow:"hidden",backgroundColor:"dark"===e.colorScheme?e.colors.dark[6]:e.white}})),R=Object.defineProperty,A=Object.getOwnPropertySymbols,F=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable,D=(e,t,n)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,z=(e,t)=>{for(var n in t||(t={}))F.call(t,n)&&D(e,n,t[n]);if(A)for(var n of A(t))L.call(t,n)&&D(e,n,t[n]);return e},H=(e,t)=>{var n={};for(var a in e)F.call(e,a)&&0>t.indexOf(a)&&(n[a]=e[a]);if(null!=e&&A)for(var a of A(e))0>t.indexOf(a)&&L.call(e,a)&&(n[a]=e[a]);return n};let W={padding:"md"},X=(0,a.forwardRef)((e,t)=>{let n=(0,r.N4)("Card",W,e),{className:i,padding:o,radius:l,children:u,unstyled:d,variant:p}=n,s=H(n,["className","padding","radius","children","unstyled","variant"]),{classes:c,cx:y}=I(null,{name:"Card",unstyled:d,variant:p}),m=a.Children.toArray(u),b=m.map((e,t)=>"object"==typeof e&&e&&"type"in e&&e.type===B?(0,a.cloneElement)(e,{variant:p,padding:o,"data-first":0===t||void 0,"data-last":t===m.length-1||void 0}):e);return a.createElement(w,{value:{padding:o}},a.createElement(h,z({className:y(c.root,i),radius:l,p:o,ref:t},s),b))});X.Section=B,X.displayName="@mantine/core/Card";let Z=(0,i.F)(X)},46349:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/detail/[id]",function(){return n(97185)}])},97185:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var a=n(85893),r=n(11163),i=n(69077),o=JSON.parse('[{"inputs":[],"stateMutability":"nonpayable","type":"constructor"},{"inputs":[{"internalType":"uint8","name":"index","type":"uint8"},{"internalType":"bytes","name":"encoding","type":"bytes"},{"internalType":"string","name":"name","type":"string"}],"name":"addAsset","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"uint64","name":"key1","type":"uint64"},{"internalType":"uint32","name":"value1","type":"uint32"},{"internalType":"uint64","name":"key2","type":"uint64"},{"internalType":"uint32","name":"value2","type":"uint32"},{"internalType":"uint64","name":"key3","type":"uint64"},{"internalType":"uint32","name":"value3","type":"uint32"},{"internalType":"uint64","name":"key4","type":"uint64"},{"internalType":"uint32","name":"value4","type":"uint32"}],"name":"addComposites","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"uint8","name":"index","type":"uint8"},{"internalType":"bytes","name":"_punks","type":"bytes"}],"name":"addPunks","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"uint16","name":"index","type":"uint16"}],"name":"punkAttributes","outputs":[{"internalType":"string","name":"text","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"uint16","name":"index","type":"uint16"}],"name":"punkImage","outputs":[{"internalType":"bytes","name":"","type":"bytes"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"uint16","name":"index","type":"uint16"}],"name":"punkImageSvg","outputs":[{"internalType":"string","name":"svg","type":"string"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"sealContract","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"bytes","name":"_palette","type":"bytes"}],"name":"setPalette","outputs":[],"stateMutability":"nonpayable","type":"function"}]'),l=n(72445),u=n(80825),d=()=>{let e=(0,r.useRouter)(),t=Number(e.query.id),n="16F5A35647D6F03D5D3da7b35409D65ba03aF3B2",{data:d,isError:p,isLoading:s}=(0,i.do)({address:"0x".concat(n),abi:o,functionName:"punkImageSvg",args:[t]}),{data:c,isError:y,isLoading:m}=(0,i.do)({address:"0x".concat(n),abi:o,functionName:"punkAttributes",args:[t]}),b=null==c?void 0:c.split(","),f=null==b?void 0:b.map((e,t)=>(0,a.jsx)("div",{children:e},t)),g="string"==typeof d?d.replace("data:image/svg+xml;utf8,",""):"";return(0,a.jsxs)(l.W,{size:"xs",px:"xs",children:[(s||m)&&(0,a.jsx)("div",{children:"Loading Cryptopunk attributes..."}),!s&&!m&&!p&&!y&&(0,a.jsxs)(u.Z,{children:[(0,a.jsx)("div",{style:{width:250},dangerouslySetInnerHTML:{__html:g}}),(0,a.jsx)("h2",{children:"Cryptopunk ".concat(t," Attributes:")}),f]})]})}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=46349)}),_N_E=e.O()}]);