https://karmetplace.vercel.app/_next/static/chunks/app/(marketplac…/items/page-d89bba5e60d022cf.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[580],{32900:(e,t,r)=>{"use strict";r.d(t,{c:()=>g});var a=r(83384),l=r(2132),s=r(52620),n=r(19876),o=r(74661),i=r(57356);let c=(0,l.forwardRef)((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)(i.xA.Root,{className:(0,o.cn)(r,"grid gap-6 md:gap-10! xl:gap-10!","grid-cols-1","md:grid-cols-3","xl:grid-cols-3 [&>div]:justify-center! [&_div]:w-full! mx-auto!"),ref:t,...l})});c.displayName="GridContainer";var d=r(66129),m=r(59984),u=r(93197),f=r(2046),h=r.n(f),x=r(30419),p=r(76572);function y(e){let{error:t,resetErrorBoundary:r}=e;return(0,a.jsxs)("div",{className:"flex flex-col items-end justify-center p-4 rounded-md border border-error bg-error-light h-full w-full",children:[(0,a.jsx)(d.Text,{className:"text-negative text-sm font-medium mb-2",children:"Failed to load collectible"}),(0,a.jsx)(d.Text,{className:"text-xs text-muted mb-4 max-w-xs text-left",children:t.message||"An unexpected error occurred"}),(0,a.jsx)(d.$nd,{size:"xs",label:"Try again",onClick:r,className:"rounded-full text-primary px-3"})]})}function g(e){let{collectionAddress:t,chainId:r,endReached:i,collectiblesList:f,collectiblesListLoading:g,limit:b}=e,{address:v}=(0,p.useAccount)(),N=(0,x.useRouter)(),[j,w]=(0,l.useState)(1),{data:k,isLoading:T}=(0,m.Ge)({collectionAddress:t,chainId:r}),{data:B,isLoading:C}=(0,m.o)({chainId:r,filter:{accountAddresses:v?[v]:[],contractWhitelist:[t],omitNativeBalances:!0},query:{enabled:!!v}}),{show:I}=(0,u.jx)();return(0,a.jsx)("div",{className:"@container collectibles-grid ",children:(0,a.jsx)(n.sN,{useWindowScroll:!0,components:{List:c},itemContent:(e,l)=>(function(e){var l,n;let{index:i,collectibleOrder:c,totalItems:m}=e;return b&&i===j*b-1&&m>j*b?(0,a.jsxs)("div",{className:(0,o.cn)("flex h-[300px]","flex-col items-center justify-center ","rounded-xl bg-transparent border border-border-normal outline-2 outline-transparent"),children:[(0,a.jsxs)(d.Text,{className:"text-center text-sm font-bold text-muted mb-4",children:[m-j*b+1," more items"]}),(0,a.jsx)(d.$nd,{size:"xs",label:"View more",onClick:()=>w(j+1),className:"rounded-full text-primary px-3"})]}):b&&i>=b*j?null:(0,a.jsx)(s.tH,{FallbackComponent:y,onError:e=>{console.error("Collectible card error:",e)},children:(0,a.jsx)(h(),{href:"/".concat(String(r),"/").concat(t,"/").concat(c.metadata.tokenId,"/details"),className:"cursor-pointer",children:(0,a.jsx)(u.ZL,{collectibleId:c.metadata.tokenId,chainId:r,balanceIsLoading:C,collectionAddress:t,collectionType:null==k?void 0:k.type,collectible:c,onOfferClick:e=>{var a;let{order:l}=e;if(!l)return;let s=l.createdBy===(null==v?void 0:v.toLowerCase()),n=c.metadata.tokenId;s?N.push("/".concat(String(r),"/").concat(t,"/").concat(n,"/offers")):I({chainId:r,collectionAddress:t,tokenId:n,order:{...l,priceUSDFormatted:(null==(a=l.priceUSD)?void 0:a.toString())||"0"}})},balance:null==B||null==(n=B.balances)||null==(l=n.find(e=>e.tokenID===c.metadata.tokenId))?void 0:l.balance,cardLoading:g||T||v&&C},c.metadata.tokenId)})},"".concat(t,"-").concat(c.metadata.tokenId))})({index:e,collectibleOrder:l,totalItems:f.length}),endReached:i,overscan:250,data:b?f.slice(0,j*b):f})})}},52620:(e,t,r)=>{"use strict";r.d(t,{tH:()=>n});var a=r(2132);let l=(0,a.createContext)(null),s={didCatch:!1,error:null};class n extends a.Component{static getDerivedStateFromError(e){return{didCatch:!0,error:e}}resetErrorBoundary(){let{error:e}=this.state;if(null!==e){for(var t,r,a=arguments.length,l=Array(a),n=0;n<a;n++)l[n]=arguments[n];null==(t=(r=this.props).onReset)||t.call(r,{args:l,reason:"imperative-api"}),this.setState(s)}}componentDidCatch(e,t){var r,a;null==(r=(a=this.props).onError)||r.call(a,e,t)}componentDidUpdate(e,t){let{didCatch:r}=this.state,{resetKeys:a}=this.props;if(r&&null!==t.error&&function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return e.length!==t.length||e.some((e,r)=>!Object.is(e,t[r]))}(e.resetKeys,a)){var l,n;null==(l=(n=this.props).onReset)||l.call(n,{next:a,prev:e.resetKeys,reason:"keys"}),this.setState(s)}}render(){let{children:e,fallbackRender:t,FallbackComponent:r,fallback:s}=this.props,{didCatch:n,error:o}=this.state,i=e;if(n){let e={error:o,resetErrorBoundary:this.resetErrorBoundary};if("function"==typeof t)i=t(e);else if(r)i=(0,a.createElement)(r,e);else if(void 0!==s)i=s;else throw o}return(0,a.createElement)(l.Provider,{value:{didCatch:n,error:o,resetErrorBoundary:this.resetErrorBoundary}},i)}constructor(e){super(e),this.resetErrorBoundary=this.resetErrorBoundary.bind(this),this.state=s}}},57356:(e,t,r)=>{"use strict";r.d(t,{xA:()=>c,ZL:()=>v,XI:()=>g});var a=r(83384),l=r(2132),s=r(74661),n=r(74662);let o=l.forwardRef((e,t)=>

1{let{as:r,asChild:o,children:i,className:c,template:d,templateAreas:m,templateColumns:u,templateRows:f,style:h,...x}=e;if(r)return l.createElement(r,{ref:t,className:(0,s.cn)("grid",c),style:{...d?{gridTemplate:d}:{},...m?{gridTemplateAreas:m}:{},...u?{gridTemplateColumns:u}:{},...f?{gridTemplateRows:f}:{},...h},...x},i);let p=o?n.DX:"div";return(0,a.jsx)(p,{ref:t,className:(0,s.cn)("grid",c),style:{...d?{gridTemplate:d}:{},...m?{gridTemplateAreas:m}:{},...u?{gridTemplateColumns:u}:{},...f?{gridTemplateRows:f}:{},...h},...x,children:i})});o.displayName="Grid";let i=l.forwardRef((e,t)=>{let{children:r,name:l,style:s,...n}=e;return(0,a.jsx)("div",{ref:t,style:{gridArea:l,...s},...n,children:r})});i.displayName="GridChild";let c={Root:o,Child:i},d=l.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)("div",{className:"w-full overflow-auto",children:(0,a.jsx)("table",{ref:t,className:(0,s.cn)("w-full caption-bottom text-sm",r),...l})})});d.displayName="Table";let m=l.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)("thead",{ref:t,className:(0,s.cn)("[&_tr]:border-b",r),...l})});m.displayName="TableHeader";let u=l.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)("tbody",{ref:t,className:(0,s.cn)("[&_tr:last-child]:border-0",r),...l})});u.displayName="TableBody";let f=l.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)("tfoot",{ref:t,className:(0,s.cn)("bg-background-primary font-medium text-primary",r),...l})});f.displayName="TableFooter";let h=l.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)("tr",{ref:t,className:(0,s.cn)("rounded-md border-none","transition-colors hover:bg-background-secondary/80 data-[state=selected]:bg-background-secondary/80",r),...l})});h.displayName="TableRow";let x=l.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)("th",{ref:t,className:(0,s.cn)("h-12 px-4 text-left align-middle font-medium text-secondary [&:has([role=checkbox])]:pr-0",r),...l})});x.displayName="TableHead";let p=l.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)("td",{ref:t,className:(0,s.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0",r),...l})});p.displayName="TableCell";let y=l.forwardRef((e,t)=>{let{className:r,...l}=e;return(0,a.jsx)("caption",{ref:t,className:(0,s.cn)("mt-4 text-sm text-secondary",r),...l})});y.displayName="TableCaption";let g={Root:d,Body:u,Caption:y,Cell:p,Footer:f,Head:x,Header:m,Row:h};var b=r(66965);function v(e){let{children:t}=e;return!function(){let[e,t]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{t(!0)},[]),e}()?null:(0,b.createPortal)(t,document.body)}},68592:(e,t,r)=>{"use strict";r.d(t,{M:()=>n});var a=r(97531),l=r(59984),s=r(30419);let n=()=>{let e=(0,s.useParams)(),t=Number(e.chainId),r=e.collectionAddress,{filterOptions:n,searchText:o,showListedOnly:i}=(0,l.vs)();return{chainId:t,collectionAddress:r,filter:{searchText:o,includeEmpty:!i,properties:n},side:a.Mf.listing}}},69947:(e,t,r)=>{Promise.resolve().then(r.bind(r,88477))},88477:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>x});var a=r(83384),l=r(2132),s=r(32900),n=r(66129);let o=function(){return(0,a.jsx)("div",{className:"flex mt-10 py-10 w-full items-center justify-center",children:(0,a.jsxs)("div",{className:"flex flex-col items-center gap-4",children:[(0,a.jsx)(n.id,{className:"w-6 h-6 text-primary/50"}),(0,a.jsx)(n.Text,{className:"text-primary/50 font-bold",children:"An error occurred while fetching collectibles"})]})})};var i=r(97531),c=r(59984);let d=function(e){let{collectionAddress:t,chainId:r}=e,{data:l}=(0,c.PJ)({collectionAddress:t,chainId:r}),s=null==l?void 0:l.status,o=function(e){switch(e){case i.hB.created:case i.hB.syncing_contract_metadata:case i.hB.syncing_metadata:case i.hB.syncing_tokens:case i.hB.syncing_orders:return"Collection is syncing. Please wait a moment...";case i.hB.failed:return"Failed to sync collection";case i.hB.inactive:return"This collection is currently inactive";case i.hB.incompatible_type:return"This collection type is not supported";default:return"No items found"}}(s),d=s===i.hB.created||s===i.hB.syncing_contract_metadata||s===i.hB.syncing_metadata||s===i.hB.syncing_tokens||s===i.hB.syncing_orders;return(0,a.jsx)("div",{className:"flex mt-10 py-10 w-full items-center justify-center",children:(0,a.jsxs)("div",{className:"flex flex-col items-center gap-4",children:[d?(0,a.jsx)(n.y$y,{size:"md"}):(0,a.jsx)(n.WIv,{className:"w-6 h-6 text-primary/50"}),(0,a.jsx)(n.Text,{className:"text-primary/50 font-bold",children:o})]})})};var m=r(68592),u=r(38863),f=r(30419);let h=e=>{let{collectible:t,chainId:r,collectionAddress:a,onListingFetched:s}=e,{data:n,isLoading:o}=(0,c.EM)({chainId:r,collectionAddress:a,tokenId:t.metadata.tokenId,filter:{marketplace:[i.yT.sequence_marketplace_v2]}});return(0,l.useMemo)(()=>{o||s(t.metadata.tokenId,n||null)},[n,o,t.metadata.tokenId,s]),null},x=()=>{let{data:e,fetchNextPage:t,isLoading:r,isError:i,error:x}=(0,c.BP)((0,m.M)()),p=(0,f.useParams)(),y=Number(p.chainId),g=p.collectionAddress,[b,v]=(0,l.useState)({}),N=(0,l.useCallback)((e,t)=>{v(r=>({...r,[e]:t}))},[]),j=(0,l.useMemo)(()=>{var t;return null!=(t=null==e?void 0:e.pages.flatMap(e=>

1e.collectibles))?t:[]},[e]),w=(0,l.useMemo)(()=>j.map(e=>{var t;let r=e.metadata.tokenId,a=r in b;return{...e,metadata:(0,u.M_)(y,g,e.metadata),listing:a?null!=(t=b[r])?t:void 0:e.listing}}),[j,b,y,g]);return i?(console.log("an error occurred while fetching collectibles",x),(0,a.jsx)(o,{})):r?(0,a.jsxs)("div",{className:"w-full flex items-center justify-center",children:[(0,a.jsx)(n.y$y,{className:"mt-4"}),";"]}):w.length?(0,a.jsxs)(a.Fragment,{children:[j.map(e=>(0,a.jsx)(h,{collectible:e,chainId:y,collectionAddress:g,onListingFetched:N},e.metadata.tokenId)),(0,a.jsx)(s.c,{endReached:t,collectiblesList:w,collectiblesListLoading:r,collectionAddress:g,chainId:y})]}):(0,a.jsx)(d,{collectionAddress:g,chainId:y})}}},e=>{e.O(0,[192,6693,6160,2346,9e3,5008,6398,9251,9984,6991,2046,9876,8560,4332,888,7358],()=>e(e.s=69947)),_N_E=e.O()}]);