https://www.sofamon.xyz/_next/static/chunks/4754-ce333873386bf327.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4754],{94754:function(e,s,a){"use strict";a.d(s,{Z:function(){return U}});var l=a(11527),t=a(71599),r=a(37620),i=a(9007),n=a(70717),o=a(73675),c=a(11014),u=a.n(c),d=a(49028),p=a(78616),m=a(39589),h=a.n(m),_=a(68841),x=a(84875),y=a.n(x),b=a(29237),j=a(88627),k=a(50959),w=a(92117),v=a.n(w),g=a(5726),S=a.n(g),N=a(60944),f=a(21397),T=a(65050),B=a(96036),z=a(71374);S().extend(v());let P=e=>{var s,a;let{item:o,itemHeight:c,showName:d=!0,showCreatory:m=!0,showBuyButton:_=!1,showTradable:x=!1,isPresale:b,showAvailability:w=!1,showRarity:v=!1,showListTag:g=!1,listTagSize:S="sm",showPrice:P=!1,showPriceUsd:U=!1,showUsdPrice:C=!1,showUsdPriceTitle:R=!0,showDate:E=!1,showHolder:Q=!1,showProgress:q=!1,showQuantity:F=!1,showQuantityTitle:A=!1,showRarityTitle:H=!1,showCreatoryTitle:Z=!1,showPriceTitle:M=!1,showTradableTitle:D=!1,showHolderTitle:O=!1,showDateTitle:L=!1,hover:V,itemIsAcitve:X,itemClick:I,itemClassName:Y,model:J,callback:W}=e,{device:G,isMobile:K,isDesktop:$,ethPrice:ee}=(0,T.q)(),[es,ea]=(0,k.useState)(!1),el=(0,k.useMemo)(()=>!!b&&(!o.totalUserQuota||o.currentSupply>=o.totalPrivateQuota||o.usedUserQuota>=o.totalUserQuota)||o.currentSupply>=o.totalSupply,[o,b]),et=(0,k.useMemo)(()=>b?o.totalUserQuota?o.currentSupply>=o.totalPrivateQuota?K?"SUPPLY REACHED":"REACHED SUPPLY LIMIT":"Buy ".concat((0,p.Bs)(o.totalUserQuota-o.usedUserQuota),"/").concat(o.totalUserQuota):"NO ACCESS":"Buy "+(P?"":"".concat((0,p.Bs)(o.price)," ETH")),[o,P,b,K]),er=async e=>{e.stopPropagation(),(!b||o.totalUserQuota)&&(ea(!0),I?await I(o):u().push("/".concat(o.isNFT?"nft":"wearables","/").concat(o.id)),ea(!1))};return(0,l.jsx)(t.k,{className:y()([h().card,h()[f.uq[o.rarity]],X&&X(o)&&h().active,Y,V&&h().hover]),"data-active":X&&X(o),onClick:er,style:{height:(0,B.eM)(c,G)},as:"li",children:es?(0,l.jsx)(n.CJ,{visible:!0,height:"80",width:"80",color:"var(--brand-blue-default)",ariaLabel:"triangle-loading",wrapperStyle:{},wrapperClass:h().loading}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(t.k,{as:"header",children:[(0,l.jsx)(t.k,{as:"aside",className:y()([h().imageBox,q&&o.quantity<1&&h().progress]),style:{"--progress":"".concat(o.quantity/1*100,"%")},children:(0,l.jsx)(j.Z,{className:h().wearableImg,src:(0,p.h6)(null!==(s=null==o?void 0:o.cover)&&void 0!==s?s:null==o?void 0:o.image),alt:o.name||"sofamon"})}),g&&o.isListed?(0,l.jsx)(t.k,{as:"nav",className:y()([h()[S]],h().list),children:(0,l.jsx)(r.x,{as:"u",size:"supportives",variant:"list",children:(0,l.jsx)(r.x,{as:"s",children:"ETH"})})}):null]}),(0,l.jsxs)(t.k,{className:h().info,children:[v?(0,l.jsxs)(t.k,{as:"article",className:h().rarity,children:[H?(0,l.jsx)(r.x,{children:"Rarity"}):null,(0,l.jsx)(r.x,{as:"strong",size:"labels","data-type":f.uq[o.rarity],variant:f.uq[o.rarity],className:h()[f.uq[o.rarity]],children:f.uq[o.rarity]})]}):null,d?(0,l.jsx)(r.x,{as:"b",size:K?"body":"supportives",textAlign:K?"left":"center",className:h().name,children:o.name}):null,m?(0,l.jsxs)(t.k,{as:"div",className:h().collection,children:[Z?(0,l.jsx)(r.x,{children:"Collection"}):null,(0,l.jsx)(r.x,{as:"span",children:o.collection})]}):null,P?(0,l.jsxs)(t.k,{as:"dl",className:h().price,children:[M?(0,l.jsx)(r.x,{as:"p",size:K?"supportives":"labels",whiteSpace:"nowrap",children:"Price:\xa0"}):null,(0,l.jsxs)(r.x,{as:"span",whiteSpace:"nowrap",size:K?"supportives":"labels",children:[(0,p.Bs)(o.price)," ETH"," ",U?(0,l.jsxs)(r.x,{as:"b",size:"labels",className:h().priceUsd,children:["($",(0,p.Bs)(o.price*ee,2),")"]}):null]})]}):null,C?(0,l.jsxs)(t.k,{as:"em",className:h().usdPrice,children:[R?(0,l.jsx)(r.x,{as:"span",size:K?"supportives":"labels",whiteSpace:"nowrap",children:"USD:\xa0"}):null,(0,l.jsxs)(r.x,{as:"span",whiteSpace:"nowrap",size:K?"supportives":"labels",children:["$",(0,p.Bs)(o.price*ee,2)]})]}):null,x?(0,l.jsxs)(t.k,{as:"i",className:h().tradable,children:[D?(0,l.jsx)(r.x,{as:"span",size:K?"supportives":"labels",whiteSpace:"nowrap",children:"Volume:\xa0"}):null,(0,l.jsxs)(r.x,{as:"span",size:K?"supportives":"labels",whiteSpace:"nowrap",children:[(0,p.Bs)(o.tradingVolume)," ETH"]})]}):null,Q?(0,l.jsxs)(t.k,{as:"dd",className:h().holder,children:[O?(0,l.jsx)(r.x,{as:"span",size:K?"supp

1ortives":"labels",whiteSpace:"nowrap",children:"Holder:\xa0"}):null,(0,l.jsx)(r.x,{as:"span",size:K?"supportives":"labels",whiteSpace:"nowrap",children:o.holderCount})]}):null,E?(0,l.jsxs)(t.k,{as:"time",className:h().date,children:[L?(0,l.jsx)(r.x,{as:"span",size:K?"supportives":"labels",whiteSpace:"nowrap",children:"Released on:\xa0"}):null,(0,l.jsx)(r.x,{as:"span",size:K?"supportives":"labels",whiteSpace:"nowrap",children:(0,p.p6)(null!==(a=o.timestamp)&&void 0!==a?a:o.createdAt)})]}):null,F?(0,l.jsxs)(t.k,{as:"section",className:h().heldby,children:[A?(0,l.jsx)(r.x,{as:"span",size:K?"supportives":"labels",whiteSpace:"nowrap",children:"Quantity:\xa0"}):null,(0,l.jsx)(r.x,{as:"span",size:K?"supportives":"labels",whiteSpace:"nowrap",children:(0,p.Bs)(o.quantity)})]}):null,w?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.k,{as:"dt",className:h().availability,children:(0,l.jsxs)(r.x,{as:"span",children:[b?(0,p.Bs)(o.currentSupply):(0,p.Bs)(o.totalSupply-o.currentSupply),"/",b?o.totalPrivateQuota:o.totalSupply]})}),void 0!==b&&b?(0,l.jsx)(i.E,{className:h().progressBar,value:b?(0,p.Bs)(o.currentSupply):(0,p.Bs)(o.totalSupply-o.currentSupply),max:b?o.totalPrivateQuota:o.totalSupply}):null]}):null,_?o.isNFT?(0,l.jsx)(z.Z,{className:h().toBuy,businessType:"buy",variant:"solid",wearable:o,model:J,isDisabled:el,callback:W,children:(0,l.jsx)(r.x,{as:"span",size:"labell",children:et})}):(0,l.jsx)(N.Z,{className:h().toBuy,businessType:"buy",variant:"solid",wearable:o,model:J,isPresale:b,isDisabled:el,callback:W,children:(0,l.jsx)(r.x,{as:"span",size:"labell",children:et})}):null]})]})})};function U(e){var s;let{className:a,scrollClassName:r,infiniteScrollClassName:i,loading:n,data:c,subTitle:u,itemHeight:p,isCard:m=!0,showPriceSuffix:x=!1,showFragmentation:j=!1,showEmptyButton:w,isPresale:v,showProgress:g=!1,showAvailability:S=!1,showName:N=!0,showCreatory:f=!0,showListTag:B=!1,listTagSize:z,showBuyButton:U=!1,showTradable:C=!1,showTradableTitle:R=!1,showPrice:E=!1,showPriceUsd:Q=!0,showUsdPrice:q=!1,showPriceTitle:F=!1,showUsdPriceTitle:A=!0,showDate:H=!1,showDateTitle:Z=!1,showHolder:M=!1,showHolderTitle:D=!1,itemCount:O,showQuantity:L=!1,showQuantityTitle:V=!1,showRarity:X=!0,showRarityTitle:I=!1,hover:Y,model:J,itemIsAcitve:W,itemClick:G,itemClassName:K,emptyTitle:$,empytSubTitle:ee,emptyButtonText:es,emptyRouter:ea,progress:el,callback:et,openPullDown:er=!1,onLoadMore:ei,hasMore:en,onRefresh:eo,cardWidth:ec}=e,eu=(0,k.useRef)(null),{deviceWidth:ed,isDesktop:ep}=(0,T.q)(),em=async()=>{eo&&eo()},eh=(0,k.useMemo)(()=>{if(!eu.current||!ep||!(null==c?void 0:c.length))return!1;let e=getComputedStyle(eu.current);ec=null!=ec?ec:e.getPropertyValue("--card-width").trim();let s=Math.floor(eu.current.clientWidth/parseFloat(ec));return c.length<s},[ed,c,eu.current,ep,ec]);return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(o.Z,{isPullable:er,onRefresh:em,className:r,children:(0,l.jsx)(d.Z,{dataLength:null!==(s=null==c?void 0:c.length)&&void 0!==s?s:0,next:null!=ei?ei:()=>{},hasMore:null!=en&&en,loader:null,className:i,scrollableTarget:"sofamonBody",children:(0,l.jsx)(t.k,{as:"ul",ref:eu,display:"grid",className:y()([h().root,n&&h().loading,a,eh&&h().small]),style:{"--card-width":ec},children:n?(0,l.jsx)(_.Z,{isSkeleton:!0,isOpen:n,parentRef:".".concat(h().root),itemCount:O,className:h().skeleton},"list"):(0,l.jsx)(l.Fragment,{children:c&&c.length?(0,l.jsx)(l.Fragment,{children:c.map((e,s)=>{var t;return(0,l.jsx)(P,{item:e,className:y()([a]),loading:n,data:c,index:s,subTitle:u,itemHeight:p,isCard:m,showPriceSuffix:x,isPresale:v,showFragmentation:j,showName:N,showCreatory:f,showListTag:B,listTagSize:z,showProgress:g,showBuyButton:U,showAvailability:S,showTradable:C,showTradableTitle:R,showPrice:E,showPriceUsd:Q,showPriceTitle:F,showUsdPrice:q,showUsdPriceTitle:A,showDate:H,showDateTitle:Z,showHolder:M,showHolderTitle:D,showQuantity:L,showQuantityTitle:V,showRarity:X,showRarityTitle:I,hover:Y,itemIsAcitve:W,itemClick:G,itemClassName:K,emptyTitle:$,empytSubTitle:ee,emptyButtonText:es,emptyRouter:ea,progress:el,model:J,callback:et},"".concat(null!==(t=e.id)&&void 0!==t?t:e.name,"_").concat(s))})}):(0,l.jsx)(t.k,{as:"ol",className:h().empty,children:(0,l.jsx)(b.Z,{title:$,subTitle:ee,buttonText:es,router:ea,showButton:w})})})})})})})}},29237:function(e,s,a){"use strict";a.d(s,{Z:function(){return y}});var l=a(11527),t=a(71599),r=a(99096),i=a(37620),n=a(25197),o=a(99659),c=a.n(o),u=a(84875),d=a.n(u),p=a(11830),m=a(2265),h=a(88627),_=a(6

15050);a(50959);var x=a(97771);function y(e){let{size:s="md",className:a,searchLoading:o=!1,showButton:u=!0,type:y="confused",title:b="No Wearable Yet",titleSize:j="headings",subTitle:k="You don’t have any wearables yet.",buttonText:w="SHOP FOR WEARABLES",buttonSize:v="bodyOpenRegular",subTitleSize:g="bodyOpenRegular",onClick:S,router:N="/"}=e,{isMobile:f}=(0,_.q)(),{userInfo:T}=(0,p.S)(),{stickersTimestamp:B}=(0,x._)();return(0,l.jsxs)(t.k,{className:d()([c().root,a,c()[s]]),children:[(0,l.jsx)(h.Z,{src:T.username&&B?"".concat("https://storage.sofamon.xyz","/stickers/").concat(T.username,"/").concat(y,".png?t=").concat(B):"".concat("https://storage.sofamon.xyz","/stickers/svgs/").concat(y),alt:y}),o?(0,l.jsx)(r.X,{as:"h3",size:j,children:"searching..."}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.X,{as:"h3",size:j,className:c().title,children:b}),(0,l.jsx)(i.x,{as:"span",size:g,className:c().subTitle,children:k}),u?(0,l.jsx)(t.k,{as:"footer",className:c().router,children:!0===u?S?(0,l.jsx)(n.z,{size:f?"xs":"lg",variant:"solid",onClick:S,children:(0,l.jsx)(i.x,{as:"span",size:v,children:w})}):(0,l.jsx)(m.Z,{size:f?"xs":"lg",variant:"solid",href:N,children:(0,l.jsx)(i.x,{as:"span",size:v,children:w})}):u}):null]})]})}},39589:function(e){e.exports={root:"market_root__Ad_jI",card:"market_card__lSYxc",loading:"market_loading__ATc9T",basic:"market_basic__P7UXc",imageBox:"market_imageBox__RVbbZ",common:"market_common__0numb",uncommon:"market_uncommon__EXEtY",rare:"market_rare__Dd60r",active:"market_active__AvSVX",small:"market_small__tXF0_",name:"market_name__yumVO",tradable:"market_tradable__7ttut",price:"market_price__rtjk7",usdPrice:"market_usdPrice__IW1uR",priceUsd:"market_priceUsd__uqlr9",collection:"market_collection__gmzUU",rarity:"market_rarity__tD6Nr",date:"market_date__GMbVh",holder:"market_holder__T0uqQ",heldby:"market_heldby__RsPX_",availability:"market_availability__5S497",data:"market_data__nJ_Nb",toBuy:"market_toBuy__miPoS",progressBar:"market_progressBar__f1KSG",progress:"market_progress__rpxX0",list:"market_list__jnsku",sm:"market_sm__Rck4l",info:"market_info__sk_DJ",pie:"market_pie__412pb",empty:"market_empty__aev27",showMore:"market_showMore__OBuaB",telegram:"market_telegram__VFovm"}},99659:function(e){e.exports={root:"failed_root__WiKFM",xl:"failed_xl__8qJNJ",router:"failed_router__Hf4sE",subTitle:"failed_subTitle__2o49O"}}}]);