https://fanable.io/_next/static/chunks/pages/drops-584156f011cc5b81.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="7a8ec24b-5f26-441f-a3a3-46e209c7932f",e._sentryDebugIdIdentifier="sentry-dbid-7a8ec24b-5f26-441f-a3a3-46e209c7932f")}()}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1918],{2265:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var l=r(6029),o=r(43091),n=r(48273);let s=e=>{let{headingProps:t,containerProps:r,headingContainerProps:s,children:i}=e;return(0,l.jsx)(n.lW,{...r,borderBottomWidth:1,$xs:{...null==r?void 0:r.$xs,borderBottomWidth:0},borderBottomColor:"$neutral.50",jc:"center",children:(0,l.jsx)(n.lW,{px:36,pt:36,pb:16,$xs:{px:16,pt:16,pb:0},flex:1,maxWidth:1560,jc:"flex-start",...s,children:"string"==typeof i?(0,l.jsx)(o.A,{size:"xl",$xs:{size:"lg",weight:"semiBold"},weight:"semiBold","$platform-web":{weight:"medium"},...t,children:i}):i})})}},19391:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var l=r(6029),o=r(26706);let n=e=>(0,l.jsx)(o.BS,{width:29,height:28,viewBox:"0 0 29 28",fill:"none",...e,children:(0,l.jsx)(o.wA,{d:"M9.54167 13.125V4.375H19.4583V13.125M4.875 9.04167H24.125V22.4583C24.125 23.1027 23.6027 23.625 22.9583 23.625H6.04167C5.39733 23.625 4.875 23.1027 4.875 22.4583V9.04167Z",stroke:"black",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round"})})},24433:(e,t,r)=>{"use strict";r.d(t,{A:()=>h});var l=r(6029),o=r(63057),n=r(48273),s=r(52252),i=r(23259),a=r(68558),d=r(97651),c=r(55729),u=r(18588);let h=e=>{let{isOpen:t,onClose:r,children:h,onApply:p,options:g}=e,{bottom:f}=(0,d.Or)();return(0,c.useEffect)(()=>{if(t)try{u.A.dismiss()}catch(e){}},[t]),(0,l.jsx)(o.A,{isOpen:t,onClose:r,options:{headerHeight:72+f,containerStyle:{backgroundColor:"#FCFCFC"},contentContainerStyle:{backgroundColor:"white",paddingLeft:0,paddingRight:0,paddingBottom:0},leftSection:(0,l.jsx)(n.Se,{jc:"center",children:(0,l.jsx)(i.A,{weight:"medium",size:"lg",children:"Filters"})}),footer:(0,l.jsx)(a.A,{shadowOpacity:.35,shadowOffset:{width:0,height:3},style:{backgroundColor:"white",paddingHorizontal:24},children:(0,l.jsx)(n.Se,{pt:16,pb:Math.max(16,f),children:(0,l.jsx)(s.A,{fullWidth:!0,variant:"black",elevate:!0,disabled:!p,onPress:p,children:"Apply"})})}),...g},children:h})}},29140:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>E});var l=r(6029),o=r(95669),n=r.n(o),s=r(74507),i=r(23259),a=r(94103),d=r(52252),c=r(2265),u=r(65458),h=r(17621),p=r(44610),g=r(20510),f=r(46544),b=r(25114),x=r(79329),m=r(48273),w=r(23867),v=r(4250),y=r(19041),j=r(43302),A=r(20853),_=r(95286),C=r(80969),P=r(95099),k=r(24433),B=r(55729),S=r(19391),W=r(56293);let{useParam:O}=(0,v.S)(),N=()=>{let{closeFilters:e,isOpen:t}=(0,A.A)("drops"),{leftOffset:r,screenWidth:o}=(0,_.A)(),n=(0,x.Qf)(),v=(0,C.A)(),N=O("status"),{status:E,setStatus:F}={status:N[0]||y.u.all,setStatus:N[1]},{activeFilters:H,form:$,applyFilterChanges:I}=(0,j.A)({defaultValues:{orderBy:y.m.newest_to_oldest}}),D=(0,B.useRef)(null),{jsHandler:L}=(0,W.j)(),{data:V,fetchNextPage:Z,isFetching:z,isLoading:T}=(0,P.q)({queryKey:["drops",E,H.orderBy],queryFn:e=>{let{pageParam:t}=e;return(0,b.d7)({pageSize:18,page:t,order:H.orderBy,status:E})},initialPageParam:1,getNextPageParam:(e,t)=>18===e.length?t.length+1:void 0}),M=(0,l.jsx)(m.Se,{width:o,left:r,children:(0,l.jsx)(c.A,{children:"Drops"})}),Q=(0,l.jsxs)(s.A.ScrollContainer,{pt:24,pb:12,mb:0,$gtXs:{pt:45,pb:12,mb:20},pl:16,ml:-16,ref:D,children:[(0,l.jsx)(g.A,{pb:12,flexGrow:1,active:E,setActive:(e,t)=>{var r;F(e),null==(r=D.current)||r.scrollTo({x:"start"===t?0:o})},filters:[{label:"All",value:y.u.all},{label:"Buy now",value:y.u.buy_now},{label:"Upcoming",value:y.u.upcoming},{label:"Past",value:y.u.past}]}),n.gtXs&&(0,l.jsx)(m.lW,{ml:12,children:(0,l.jsx)(u.A,{orderBy:H.orderBy,setOrderBy:e=>{$.setValue("orderBy",e)},label:"Sort by",variant:"outlined",buttonProps:{textProps:{width:145,weight:"regular"}}})})]}),X=(0,B.useMemo)(()=>(null==V?void 0:V.pages.flat())||[],[V]),q=[[u.v[0],u.v[1]],[u.v[2],u.v[3]],[u.v[4],u.v[5]]],R=$.watch("orderBy");return(0,l.jsxs)(a.A,{disableScrollMobile:!w.HZ,contentContainerStyle:{backgroundColor:"#f7f7f7"}

1,webOnlyBackgroundColor:"#f7f7f7",navFeatures:{search:!1,logo:!1,back:{title:"Drops"},notifications:!n.xs,sortAndFilter:!0,menu:!n.xs},children:[(0,l.jsx)(s.A,{containerProps:{flex:1},children:(0,l.jsx)(h.A,{refetchKeys:[["drops"]],onScroll:L,scrollEventThrottle:16,header:w.HZ&&!v&&M,stickyHeader:Q,data:X,renderItem:e=>{let{item:t}=e;return(0,l.jsx)(f.A,{showPriceIfNotListed:!0,drop:t,hideQuickActions:!0},t.id)},isFetching:z,isLoading:T,onEndReached:()=>{V&&V.pages[V.pages.length-1]&&V.pages[V.pages.length-1].length>0&&Z()},emptyComponent:(0,l.jsx)(m.lW,{flex:1,justifyContent:"center",alignItems:"center",children:(0,l.jsx)(p.A,{icon:(0,l.jsx)(S.A,{}),title:"No drops available",subtitle:"Stay tuned! New collectibles will be dropping soon."})})})}),(0,l.jsx)(k.A,{isOpen:t,onClose:e,options:{height:410},onApply:()=>{I(),e()},children:(0,l.jsxs)(m.Se,{px:24,gap:12,pb:24,children:[(0,l.jsx)(i.A,{weight:"medium",mb:8,children:"Sort by"}),q.map(e=>(0,l.jsx)(m.lW,{flexGrow:1,gap:8,children:e.map(e=>{let{value:t,label:r}=e;return(0,l.jsx)(d.A,{style:{height:40,flex:1},buttonContainerProps:{jc:"center"},variant:t===R?"black":"secondary",size:"sm",onPress:()=>$.setValue("orderBy",t,{shouldDirty:!0}),children:r})})}))]})})]})},E=()=>{let e="Fanable.io - Drops",t="Browse through available drops ready for purchase on Fanable.io";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(n(),{children:[(0,l.jsx)("title",{children:"Drops"}),(0,l.jsx)("meta",{property:"og:title",content:e},"og:title"),(0,l.jsx)("meta",{property:"og:description",content:t},"og:description"),(0,l.jsx)("meta",{property:"og:image",content:"https://storage.googleapis.com/8dca2e49f0ec41b0-fanable-dev-nfts/demo/nft/comics_pack.jpg"},"og:image"),(0,l.jsx)("meta",{name:"twitter:card",content:"summary_large_image"},"twitter:card"),(0,l.jsx)("meta",{name:"twitter:title",content:e},"twitter:title"),(0,l.jsx)("meta",{name:"twitter:description",content:t},"twitter:description")]}),(0,l.jsx)(N,{})]})}},65458:(e,t,r)=>{"use strict";r.d(t,{A:()=>h,v:()=>u});var l=r(6029),o=r(43162),n=r(79329),s=r(45065),i=r(19041),a=r(94419),d=r(43744),c=r(29017);let u=[{label:"Newest",value:i.m.newest_to_oldest},{label:"Oldest",value:i.m.oldest_to_newest},{label:"Lowest price",value:i.m.price_low_to_high},{label:"Highest price",value:i.m.price_high_to_low},{label:"Name A to Z",value:i.m.alphabetical},{label:"Name Z to A",value:i.m.reverse_alphabetical}],h=e=>{var t,r,i;let{orderBy:h,setOrderBy:p,variant:g,...f}=e,b=(0,n.Qf)(),x="outlined"===g;return b.xs?null:(0,l.jsx)(o.A,{endIcon:x?(0,l.jsx)(a.A,{width:16,height:24,color:"$neutral.900"}):(0,l.jsx)(d.A,{width:24,height:24,color:(0,s.gf)("$neutral.900"),style:{marginLeft:-8}}),value:h,onChange:p,...f,buttonProps:{style:{width:x?200:48,height:x?40:void 0,...c.A.flatten(null==(t=f.buttonProps)?void 0:t.style)},buttonContainerProps:{...x?{borderWidth:1,borderColor:"$neutral.400"}:{padding:0,jc:"center"},variant:x?"transparent":"white",...c.A.flatten(null==(r=f.buttonProps)?void 0:r.buttonContainerProps)},elevate:!x&&(null==(i=f.buttonProps)?void 0:i.elevate),textProps:{numberOfLines:1,...x?{color:"$neutral.700",weight:"regular"}:{}},...c.A.flatten(f.buttonProps)},options:u})}},84360:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/drops",function(){return r(29140)}])},95286:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var l=r(55729),o=r(79329),n=r(29241),s=r(23867);let i=()=>{let e=(0,o.Qf)(),{width:t}=(0,n.v)(),[r,i]=(0,l.useState)({screenWidth:0,leftOffset:0});return(0,l.useEffect)(()=>{var l,o;let n=s.HZ&&(null==(o=document)||null==(l=o.getElementById("screen"))?void 0:l.clientWidth)||0,a=s.HZ?n:t,d=a>1560,c=e.xs?16:36,u=-(d?(a-1488)/2:c);(a!==r.screenWidth||u!==r.leftOffset)&&i({screenWidth:a,leftOffset:u})},[e]),r}}},e=>{e.O(0,[4103,4920,868,636,6593,8792],()=>e(e.s=84360)),_N_E=e.O()}]);