@dcl/shop 1.17.2-36543879460.commit-7274e5f → 1.17.2-36549246772.commit-a0ab986

package/_assets/ItemDetail-Bvjk0t3i.js

@@ -1,3090 +0,0 @@
-import{j as e,b as st,r as c,L as Ba,e as Hi,a as _a}from"./react-GAYayRQl.js";import{bi as Gt,c as nt,x as rt,bm as Wa,bn as Ui,X as ft,t as n,by as Qi,bz as Vi,V as et,O as Z,Z as Se,bF as be,bG as Tn,l as ue,bE as cn,bD as Da,i as Gi,C as We,au as Yi,F as _n,d as Ji,E as ht,bl as Zi,G as Xi,bA as es,bB as ts,di as ns,dj as rs,dk as as,dl as is,w as ie,bk as ss,s as r,a,a6 as Yt,aH as Jt,bP as Wn,aI as tt,I as L,z as Pe,p as qa,Y as Zt,c9 as Oa,H as Ue,av as ge,dm as os,n as mt,bd as un,ad as Ka,dn as Mr,cZ as ls,f as Ha,be as ds,bf as cs,dp as us,c8 as ps,dq as hs,bT as xs,dr as fs,ds as ms,k as gs,aj as St,b1 as bs,dt as ys,a9 as ws,du as vs,b3 as js,dv as ks,P as Ua,a0 as Qa,dw as Va,dx as $s,dy as Cs,bb as Ga,dz as Is,bU as Ss,dA as As,dB as Ms,dC as Ps,cb as Ls,A as Rs,dD as pn,$ as Fs,bp as Ts,bq as Es,br as zs,y as Ns,m as Bs,dE as _s,dF as Ws,dG as Ds,dH as qs,dI as Os,aw as Ks,ax as Hs,dJ as Us,B as Qs,dK as Vs,aA as Pr,az as Lr,dL as Gs,dM as Ys,a3 as Js,bx as Zs,dN as Rr,dO as Xs,dP as eo,dQ as to,dR as no,dS as ro,dT as ao,dU as io,dV as so}from"./index-1EgOmJHe.js";import{d as Ae}from"./dcl-schemas-DLwtrFng.js";import{p as oo,e as Fr,i as lo,A as Ya,C as co,b as uo,f as po,g as ho,h as xo,j as fo,m as mo,u as go,t as bo,k as yo,a as wo,s as vo}from"./CollectionCarousel-DFsFQS9I.js";import{d as Tr,t as jo,e as Er,G as ko,c as $o}from"./buy-DkF7GLNy.js";import{c as Co,i as Dn,D as Io,a as So,S as Ao,b as Mo,f as Po}from"./SaleCountdown-Bq7MOyi2.js";import{u as Lo,M as Ro,o as Fo,f as To,b as Eo,l as Ja,c as zo}from"./loader-logo-DHm9Fz1x.js";import{w as zr,M as No,S as Bo,C as _o,H as Wo,a as Do,T as qo,X as Oo,B as Ko,b as Ho,c as Uo,d as Qo,e as Xe,f as Vo,g as Go,h as Yo,i as ut,j as qe,W as _t,m as Wt,n as Dt,o as Jo,v as Zo,L as Za,P as Xa,k as ei,l as ti,E as Xo,F as el,G as Nr,A as tl,p as nl,q as rl,r as al,s as il,t as sl,u as ol,I as Br}from"./CreditPackPicker-qyJshVYl.js";import{P as ll}from"./PaymentMethodStep-C3EnP-eM.js";import{m as dl}from"./mana-matic-light-Bl5duieC.js";import{q as ni,g as ri,t as cl,s as ul,a as _r,b as pl,d as hl,i as xl,e as fl,c as ml}from"./trade-encoding-BDGeQ9-e.js";import{J as gl,p as bl}from"./ethers-CF8fkxgi.js";import{a as yl,w as ai,S as ii,G as si,c as wl}from"./buy-gasless-Chbo9aJs.js";import{R as Wr}from"./resume-buy-BCWkfD26.js";import{a as vl,f as at,i as Vt}from"./errors-Cbpj3VLS.js";import{C as jl}from"./Confetti-Lg8VNdtW.js";import{b as kl,J as $l,a as Cl}from"./jump-37CZlC6A.js";import{p as oi}from"./import-CSRyL2ws.js";import{E as it}from"./ErrorNotice-DVRBkjsp.js";import{L as Dr,M as Il,B as Sl,H as Al,T as Ml,A as Pl}from"./modal.styles-phCAh-RK.js";import{S as Ll}from"./Spinner-Bl4IrHRQ.js";import{I as Rl}from"./IssueModal-dwZQAHzn.js";import{E as Fl}from"./EmotePlaybackBar-gxnuFy7n.js";import{d as Tl}from"./disposePreview-CDy1nnEl.js";import{T as qt}from"./Tooltip-BmJUJCYJ.js";import{c as El}from"./crumbs.styles-BELLHHmP.js";import"./sentry-4deLrvth.js";import"./intl-AKLEHPeO.js";import"./sendMetaTransaction-DbLGyE_1.js";import"./mana-matic-CEqvSwrJ.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new t.Error().stack;s&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[s]="87829229-38c5-4ea3-98b3-71dc500e8ace",t._sentryDebugIdIdentifier="sentry-dbid-87829229-38c5-4ea3-98b3-71dc500e8ace")}catch{}})();const li=216n,zl=(1n<<li)-1n;function Nl(t){const s=typeof t=="bigint"?t:BigInt(t.trim());if(s<0n)throw new Error(`Invalid tokenId: ${String(t)}`);return{itemId:(s>>li).toString(),issuedId:(s&zl).toString()}}function Bl(t){if(!t)return null;try{return Nl(t).itemId}catch{return null}}const di=["cancelled-listings"];function _l(t,s){s&&t.setQueryData(di,d=>d!=null&&d.includes(s)?d:[...d??[],s])}function qr(t,s){var d;if(s)return(d=t.getQueryData(di))!=null&&d.includes(s)?void 0:s}function Or(t,s){return s.kind==="listed"?{...t,isOnSale:!0,listingPrice:s.priceCredits,tradeId:s.tradeId??t.tradeId}:{...t,isOnSale:!1,listingPrice:void 0,tradeId:void 0}}function hn(t,s,d){const{address:o,contractAddress:l,tokenId:p}=s;if(!l||!p)return;const x=`${l}-${p}`;t.cancelQueries({queryKey:["owned-token",l,p]}),t.cancelQueries({queryKey:["secondary-sale-state"]}),o&&t.cancelQueries({queryKey:["my-assets",o]});const v=d.kind==="gone";t.setQueriesData({queryKey:["owned-token",l,p]},$=>$&&(v?null:Or($,d)));const g=o?["my-assets",o]:["my-assets"];t.setQueriesData({queryKey:g},$=>$!=null&&$.pages?{...$,pages:$.pages.map(h=>{if(v){const j=h.items.filter(b=>!(b.contractAddress===l&&b.tokenId===p));return{...h,items:j,total:Math.max(0,h.total-(h.items.length-j.length))}}return{...h,items:h.items.map(j=>j.contractAddress===l&&j.tokenId===p?Or(j,d):j)}})}:$),t.setQueriesData({queryKey:["secondary-sale-state"]},$=>{var j;if(!$)return $;const h={...$};return d.kind==="removed"||d.kind==="gone"?delete h[x]:h[x]={priceCredits:d.priceCredits,tradeId:d.tradeId??((j=h[x])==null?void 0:j.tradeId)??""},h})}function Wl(t){return!(t.isMarket||t.forSale&&t.priceKnown||t.manage||t.soldOutWithResale||!t.stillResolving&&!t.resolvingTrade&&(t.isTokenRoute?!t.ownedAssetLoading:!t.deepLinkLoading))}function ci(){const t=new Map,s=new Set,d=new Set,o=new Set;return{submitStarted:l=>{o.add(l)},submitFinished:l=>{o.delete(l)},broadcast:(l,p)=>{const x=t.get(l);x?x.add(p):t.set(l,new Set([p]))},reverted:l=>{s.add(l)},unobservable:l=>{d.add(l)},isInFlight:l=>o.has(l),mayBeConsumed:l=>{if(d.has(l))return!0;const p=t.get(l);if(!p)return!1;for(const x of p)if(!s.has(x))return!0;return!1}}}const Dl=bl("0.05");async function ql(t){try{return(await new gl(nt.rpcUrl).getBalance(t)).gte(Dl)}catch{return!1}}async function Ol(t,s){return Gt(t)?ql(s):!1}function Kl({size:t=64,...s}){return e.jsxs("svg",{viewBox:"0 0 64 64",width:t,height:t,"aria-hidden":!0,...s,children:[e.jsx("circle",{cx:"32",cy:"32",r:"32",fill:"#34ce74"}),e.jsx("path",{d:"M20 33l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})]})}const Hl=t=>ts(t.contractAddress,String(t.itemId));async function Kr(t,s={}){if(t.kind==="store")return BigInt(t.mint.item.priceWei);try{return ns(await rs(t.trade),t.coupon)}catch(d){return s.reportFailure!==!1&&ue(d,{flow:"buy",step:"mana_price"}),null}}function Hr(t){return t.kind==="trade"?t.trade.id:void 0}function Ur(t){return t.contractAddress&&t.itemId!=null?{contractAddress:t.contractAddress,itemId:String(t.itemId)}:void 0}function En({item:t,onClose:s,resume:d=!1}){const{session:o}=rt(),{data:l}=Wa(o),{data:p}=Ui(o),x=ft(),v=st();async function g(){try{return await x.fetchQuery(es())}catch{return}}async function $(){if(p!=null)return p;if(!o)return 0n;try{const w=await x.fetchQuery({queryKey:["mana-balance",o.address],queryFn:()=>is(o.address),staleTime:3e4});return le(w),w}catch{return 0n}}const h=Lo().packs.slice(0,Ro),[j,b]=c.useState("loading"),[k,I]=c.useState(null),[C,A]=c.useState(null),[q,M]=c.useState(!1),[y,H]=c.useState(0),[i,K]=c.useState(""),[V,G]=c.useState(t.priceCredits),Y=Math.max(0,V-((l==null?void 0:l.credits)??0)),{packs:ne}=Fo(h,Y),[ee,xe]=c.useState(null),[pe,le]=c.useState(null),W=p??pe??0n,[E,B]=c.useState(!1),[m,re]=c.useState(null),[S,T]=c.useState(0),[z,D]=c.useState(null),[ae,ve]=c.useState(!1),J=c.useRef(null),U=c.useRef(!1),X=c.useRef(ci()),fe=(z==null?void 0:z.credits)??V,je=(l==null?void 0:l.credits)??0;c.useEffect(()=>(U.current=!1,()=>{U.current=!0}),[]);async function ke(w,P,F,R){const O=await $();if(R!=null&&R())return;const te=O>0n,_=te?await Kr(P):null;if(R!=null&&R())return;_!=null?xe(_):te&&B(!0);const De=zr({priceCents:F,priceManaWei:_??0n,balanceCents:(l==null?void 0:l.balanceCents)??0,manaBalanceWei:O}).options.some(Te=>Te.method==="mana"||Te.method==="combined"),ye=w-((l==null?void 0:l.credits)??0),Lt=h.find(Te=>Te.credits>=ye)??h[h.length-1];K(Lt.id),De||Z("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:w,credits_balance:(l==null?void 0:l.credits)??0,shortfall:Math.max(0,ye)}),b("nofunds")}c.useEffect(()=>{let w=!1;if(!o){b("error"),I(n("buyModal.signInToCheckout"));return}return(async()=>{try{const P=await To(t,o.address,Qi,await g(),Hl,Vi);if(P.status==="own")throw new Error("You can't buy your own listing.");if(P.status==="no-price")throw new Error("price unavailable");if(P.status!=="buyable")throw new Error("not for sale");const F=Eo(P.line),R=P.line.usdCents,O=et(R);if(w)return;if(G(O),re(F),T(R),l!=null&&l.credits<O){await ke(O,F,R,()=>w);return}d?ot({sale:F,usdCents:R}):b("ready")}catch(P){if(w)return;Z(be(P)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"resolve",error_code:Se(P)}),de(P)}})(),()=>{w=!0,J.current&&o&&(gt([J.current]),J.current=null)}},[y]),c.useEffect(()=>{const w=(z==null?void 0:z.sale)??m;if(!w||j!=="ready"&&j!=="nofunds"||W<=0n||ee!==null)return;let P=!1;return Kr(w,{reportFailure:!E}).then(F=>{P||(F!=null?xe(F):B(!0))}),()=>{P=!0}},[j,z,m,W,ee,E]);const Q=zr({priceCents:S,priceManaWei:ee??0n,balanceCents:(l==null?void 0:l.balanceCents)??0,manaBalanceWei:W});async function ot(w){const P=(z==null?void 0:z.sale)??(w==null?void 0:w.sale)??m,F=(z==null?void 0:z.usdCents)??(w==null?void 0:w.usdCents)??S;if(!o||!P||F<=0)return;b("processing"),I(null),ve(!1);let R=z;if(!R)try{const{credit:_,maxCreditedValue:he,usdCents:De}=await Tn(o.identity,F,Hr(P),Ur(t));if(U.current){Le([_.id]);return}J.current=_.id,x.invalidateQueries({queryKey:["usd-balance"]});const ye=et(De);if(R={sale:P,credit:_,maxCreditedValue:he,usdCents:De,credits:ye},D(R),ye!==et(F)){G(ye),T(De),ve(!0),b("ready");return}}catch(_){if(vl(_)){x.invalidateQueries({queryKey:["usd-balance"]}),await ke(et(F),P,F);return}be(_)||ue(_,{flow:"buy",step:"authorize"}),Z(be(_)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:Se(_)}),I(at(_,n("buyModal.error.generic"),{sale:!0})),b("error");return}if(!R)return;let O=!1,te;try{const _={purchase:oo(R.sale,[R.credit],R.maxCreditedValue),buyer:o.address,signer:o.signer,onBroadcast:({txHash:he})=>X.current.broadcast(R.credit.id,he),onReverted:({txHash:he})=>{he&&X.current.reverted(he)}};if(X.current.submitStarted(R.credit.id),ni())try{te=await yl(_),X.current.broadcast(R.credit.id,te),await ai(te),O=!0}catch(he){if(he instanceof ii)O=!0;else if(he instanceof si){if(he.reason==="relayer-unreachable")throw X.current.unobservable(R.credit.id),he;if(!Gt(o.providerType))throw he;te=await Tr(_)}else throw te&&X.current.reverted(te),he}else te=await Tr(_)}catch(_){X.current.submitFinished(R.credit.id),be(_)||ue(_,{flow:"buy",step:"submit",gasless:O}),$e([R.credit.id]),J.current=null,Z(be(_)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Se(_)}),x.invalidateQueries({queryKey:["usd-balance"]}),de(_);return}X.current.submitFinished(R.credit.id),J.current=null;try{Fr(t.coupon),lo(x,t),Z("Shop Completed Purchase",{...cn([t]),payment_type:"credits",no_crypto_step:O,transaction_hash:te??null})}catch(_){ue(_,{flow:"buy",step:"post_purchase"})}b("complete")}function Le(w){if(!o||w.length===0)return Promise.resolve(!1);const P=w.filter(F=>!X.current.mayBeConsumed(F));return P.length===0?Promise.resolve(!1):Da(o.identity,P).then(()=>!0,()=>!0)}function $e(w){M(!0),Le(w).then(P=>{P||M(!1)})}function gt(w){return Le(w.filter(P=>!X.current.isInFlight(P)))}function At(){Fr(t.coupon),x.invalidateQueries({queryKey:["mana-balance"]}),x.invalidateQueries({queryKey:["usd-balance"]}),x.invalidateQueries({queryKey:["detail-trade"]}),x.invalidateQueries({queryKey:["shop-item"]}),x.invalidateQueries({queryKey:["owned-token",t.contractAddress,t.tokenId]}),x.invalidateQueries({queryKey:["public-token",t.contractAddress,t.tokenId]}),x.invalidateQueries({queryKey:["item-resales",t.contractAddress,t.itemId]}),x.invalidateQueries({queryKey:["shop-items"]}),x.invalidateQueries({queryKey:["catalog-items"]}),x.invalidateQueries({queryKey:["my-assets"]}),x.invalidateQueries({queryKey:["purchases"]}),x.invalidateQueries({queryKey:["owned-item-count"]}),x.invalidateQueries({queryKey:["overview-listings"]}),x.invalidateQueries({queryKey:["upsell-listings"]})}async function tn(){var P;const w=(z==null?void 0:z.sale)??m;if(!(!o||!w)){J.current&&($e([J.current]),J.current=null),b("processing"),I(null);try{const F=(P=Br(Q,"mana"))==null?void 0:P.manaWei,R=w.kind==="trade"?await po({trade:w.trade,coupon:w.coupon,buyer:o.address,signer:o.signer,manaWei:F}):await ho({mint:w.mint,buyer:o.address,signer:o.signer,manaWei:F});Z("Shop Completed Purchase",{...cn([t]),payment_type:"mana",transaction_hash:R??null}),At(),b("complete")}catch(F){be(F)||ue(F,{flow:"buy_mana",step:"submit"}),Z(be(F)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Se(F)}),de(F)}}}async function Mt(){const w=(z==null?void 0:z.sale)??m,P=Br(Q,"combined");if(!o||!w||!P)return;b("processing"),I(null),J.current&&(await Le([J.current])&&M(!0),J.current=null);let F=null,R;try{const{credit:O}=await Tn(o.identity,P.creditsCents,Hr(w),Ur(t));F=O.id,X.current.submitStarted(O.id);const te={buyer:o.address,signer:o.signer,credits:[O],manaGapWei:P.manaWei,providerType:o.providerType,onBroadcast:({txHash:_})=>X.current.broadcast(O.id,_),onReverted:({txHash:_})=>{_&&X.current.reverted(_)},onUnobservable:()=>X.current.unobservable(O.id)};R=w.kind==="trade"?await xo({trade:w.trade,coupon:w.coupon,...te}):await fo({mint:w.mint,...te})}catch(O){F&&X.current.submitFinished(F),F&&$e([F]),be(O)||ue(O,{flow:"buy_credits_and_mana",step:"submit"}),Z(be(O)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Se(O)}),x.invalidateQueries({queryKey:["usd-balance"]}),de(O);return}F&&X.current.submitFinished(F);try{At(),Z("Shop Completed Purchase",{...cn([t]),payment_type:"credits_and_mana",transaction_hash:R??null})}catch(O){ue(O,{flow:"buy_credits_and_mana",step:"post_purchase"})}b("complete")}async function bt(){if(!(!i||!o)){try{sessionStorage.setItem(Wr,JSON.stringify(t))}catch{}J.current&&(Le([J.current]),J.current=null),D(null),b("loading");try{const w=await zo(i,{address:o.address,identity:o.identity});if(w.url){window.location.href=w.url;return}if(!w.orderId)throw new Error("Checkout returned neither a redirect url nor an order id");v(`/credits?order=${encodeURIComponent(w.orderId)}`)}catch(w){ue(w,{flow:"buy_credits_and_item"});try{sessionStorage.removeItem(Wr)}catch{}I(n("buyModal.error.creditsCheckout")),b("error")}}}const[Ce,Re]=c.useState(null);function nn(w,P){const{spender:F,chainId:R}=mo(w,P);return ul(R,F)}function de(w){if(I(at(w,n("buyModal.error.generic"),{sale:!0})),b("error"),!Gi(w)||!o)return;const P=w.required;(async()=>{if(await Ol(o.providerType,o.address)){A(P);return}I(n("buyModal.error.relayDownNoRail"))})()}async function lt(w){if(o){A(null);try{await as(o.web3Provider,w)}catch(P){be(P)||ue(P,{flow:"buy",step:"switch_chain"}),A(w);return}yt()}}function Fe(w){w==="mana"?tn():w==="combined"?Mt():ot()}const Ke=c.useRef(!1);async function Ve(w){var P;if(!Ke.current){Ke.current=!0;try{const F=(z==null?void 0:z.sale)??m;if(w==="credits"||!F||!o){Fe(w);return}const R=nn(w,F),O=((P=Q.options.find(_=>_.method===w))==null?void 0:P.manaWei)??0n,te=await ri(R,o.address,O).catch(()=>!0);if(cl(o.providerType,te)){Re({auth:R,rail:w});return}Fe(w)}finally{Ke.current=!1}}}const Ie=Q.options.some(w=>w.method==="mana"||w.method==="combined"),Pt=j==="ready"&&(Ie||Q.manaShortfall!=null)||j==="nofunds"&&Ie;function yt(){I(null),D(null),ve(!1),M(!1),b("loading"),H(w=>w+1)}const wt=j==="error"&&C===null&&(!!J.current||q),Ge=j==="processing",rn=j==="complete"?n("buyModal.titleComplete"):j==="error"?n("cartCheckout.errorTitle"):j==="nofunds"?n("buyModal.titleNoFunds"):n("buyModal.titleBuy");return Ce&&o?e.jsx(Ya,{auth:Ce.auth,signer:o.signer,title:n(Ce.rail==="mana"?"authorizeStep.manaTitle":"authorizeStep.buyTitle"),name:n(Ce.rail==="mana"?"authorizeStep.manaName":"authorizeStep.buyName"),reason:n(Ce.rail==="mana"?"authorizeStep.manaReason":"authorizeStep.buyReason"),icon:e.jsx("img",{src:dl,width:24,height:24,alt:"","aria-hidden":!0}),onAuthorized:()=>{const{rail:w}=Ce;Re(null),Fe(w)},onCancel:()=>Re(null),onClose:()=>{Re(null),s()}}):e.jsxs(No,{role:"dialog","aria-modal":"true","aria-label":n("buyModal.dialogAria",{name:t.name}),"data-testid":"buy-modal",children:[e.jsx(Bo,{onClick:Ge?void 0:s,"aria-hidden":!0}),e.jsx(_o,{"data-tall":j==="processing"||j==="loading"||void 0,children:Pt?e.jsx(ll,{asset:{name:t.name,thumb:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null,caption:t.creator?e.jsx(Yi,{address:t.creator}):null},priceCredits:fe,priceCents:S,options:Q.options,priceManaWei:ee??0n,balanceCredits:je,manaBalanceWei:W,onBuy:w=>void Ve(w),onClose:s,busy:Ge,notice:ae?n("buyModal.priceChanged"):l!=null&&l.held?n("buyModal.heldExplainer",{credits:l.held.credits,currency:We.name}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(Wo,{children:[e.jsxs(Do,{children:[e.jsx(qo,{children:rn}),!Ge&&e.jsx(Oo,{onClick:s,"aria-label":n("buyModal.close"),children:e.jsx(co,{})})]}),e.jsxs(Ko,{children:[e.jsx(Ho,{children:j==="nofunds"?n("buyModal.dclBalance"):n("buyModal.myCreditsBalance")}),e.jsx(Uo,{}),e.jsx(Qo,{children:_n(je)})]})]}),j==="loading"&&e.jsx(Xe,{"data-processing":!0,children:e.jsx("span",{className:"spinner","aria-hidden":!0})}),j==="error"&&e.jsxs(Xe,{children:[e.jsxs(Vo,{"data-testid":"buy-error",children:[e.jsx(Go,{src:uo,alt:"",width:64,height:80}),e.jsxs(Yo,{children:[e.jsx("b",{children:n("cartCheckout.errorHeadline")})," ",k??(wt?null:n("cartCheckout.errorBody")),wt?e.jsxs(e.Fragment,{children:[k?" ":"",n("cartCheckout.heldLead",{currency:We.name}),e.jsx("b",{children:n("cartCheckout.heldBold")}),n("cartCheckout.heldTail",{currency:We.name})]}):null]})]}),C!==null?e.jsxs(ut,{children:[e.jsx(qe,{"data-variant":"outline",onClick:s,children:n("buyModal.cancel")}),e.jsx(qe,{"data-variant":"purple","data-testid":"switch-and-retry",onClick:()=>void lt(C),children:n("buyModal.error.switchAndRetry",{network:Ji(C)})})]}):wt?e.jsx(ut,{children:e.jsx(qe,{"data-variant":"purple","data-full":!0,onClick:s,children:n("cartCheckout.gotIt")})}):e.jsxs(ut,{children:[e.jsx(qe,{"data-variant":"outline",onClick:s,children:n("buyModal.cancel")}),e.jsx(qe,{"data-variant":"purple",onClick:yt,children:n("cartCheckout.tryAgain")})]})]}),j==="nofunds"&&e.jsxs(Xe,{children:[E&&ee===null&&W>0n?e.jsxs(_t,{"data-testid":"mana-price-unavailable",children:[e.jsx(Wt,{}),e.jsx(Dt,{children:n("buyModal.manaPriceUnavailable")})]}):null,l!=null&&l.held?e.jsxs(_t,{"data-testid":"nofunds-held",children:[e.jsx(Wt,{}),e.jsx(Dt,{children:n("buyModal.heldExplainer",{credits:l.held.credits,currency:We.name})})]}):null,e.jsxs(_t,{children:[e.jsx(Wt,{}),e.jsxs(Dt,{children:[e.jsx("b",{children:n("buyModal.insufficientFunds")})," ",n("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:n("buyModal.warningCreditsAmount",{count:Math.max(1,fe-je)})})," ",n("buyModal.warningToPurchase",{count:1}),ht()?null:e.jsxs(e.Fragment,{children:[" ",e.jsx(Jo,{href:Zi("/credits"),target:"_blank",rel:"noopener noreferrer",children:n("buyModal.warningLearnMore")})]})]})]}),e.jsx(Qr,{item:t,priceCredits:fe}),ht()?null:e.jsx(e.Fragment,{children:e.jsx(Zo,{packs:ne,selectedId:i||void 0,onSelect:K})}),e.jsxs(ut,{children:[e.jsx(qe,{"data-variant":"outline",onClick:s,children:n("buyModal.cancel")}),ht()?null:e.jsx(qe,{"data-variant":"gradient",onClick:()=>void bt(),children:n("buyModal.buy")})]})]}),j==="ready"&&e.jsxs(Xe,{children:[ae&&e.jsxs(_t,{"data-testid":"price-changed",role:"status",children:[e.jsx(Wt,{}),e.jsx(Dt,{children:n("buyModal.priceChanged")})]}),e.jsx(Qr,{item:t,priceCredits:fe}),e.jsx(ut,{children:e.jsx(qe,{"data-variant":"gradient","data-full":!0,onClick:()=>void ot(),children:n("buyModal.buy")})})]}),j==="processing"&&e.jsxs(Xe,{"data-processing":!0,children:[e.jsx(Za,{src:Ja,alt:"",width:61,height:61}),e.jsx(Xa,{children:d?n("buyModal.completingPurchase"):n("buyModal.completingTransaction")}),e.jsx(ei,{"aria-hidden":!0,children:e.jsx(ti,{})})]}),j==="complete"&&e.jsxs(Xe,{children:[e.jsx(jl,{}),e.jsxs(Xo,{children:[e.jsx(Kl,{}),e.jsxs(el,{children:[e.jsx("b",{children:n("getCredits.successTitle")})," ",n("buyModal.successBody")]})]}),e.jsxs(ut,{"data-stack":!0,children:[e.jsx(qe,{"data-variant":"outline",onClick:()=>v(Xi([t.category])),children:n("buyModal.myAssets")}),ht()?e.jsx(Nr,{"data-variant":"ruby",href:kl([t]),onClick:s,children:n("success.goToBackpack")}):e.jsxs(Nr,{"data-variant":"ruby",href:$l,target:"_blank",rel:"noreferrer",onClick:s,children:[n("buyModal.tryInWorld"),e.jsx(Cl,{})]})]})]})]})})]})}function Qr({item:t,priceCredits:s}){return e.jsxs(tl,{children:[e.jsx(nl,{children:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null}),e.jsxs(rl,{children:[e.jsxs("div",{children:[e.jsx(al,{title:t.name,children:t.name||n("buyModal.itemFallback")}),t.creator?e.jsx(il,{address:t.creator}):null]}),e.jsxs(sl,{children:[e.jsx(ol,{}),e.jsx("span",{children:_n(s)})]})]})]})}function Ul(){const{data:t}=ie({queryKey:["feature-flag","proceeds-to-treasury"],queryFn:ss,staleTime:6e4,refetchOnWindowFocus:!0,retry:1});return t===!0}const Ql=r.div`
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  width: 100%;
-  max-width: 456px;
-`,Vl=r.span`
-  flex: none;
-  font-family: ${a.font.sans};
-  font-size: 18px;
-  color: ${a.colors.muted};
-`,Gl=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 13px;
-  line-height: 1.5;
-  color: ${a.colors.muted};
-  text-align: center;
-`,Yl=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 13px;
-  line-height: 1.5;
-  color: ${a.colors.text};
-`;function ui(t,s){const[d,o]=c.useState(!1),[l,p]=c.useState(!1),[x,v]=c.useState(null),g=c.useRef(null);c.useEffect(()=>{const h=new AbortController;return g.current=h,()=>h.abort(new DOMException("Modal closed","AbortError"))},[]);async function $(h){if(!t||d)return!0;v(null);try{const j=await t.cancelCurrent({payGas:h,onWaiting:b=>p(b>2e4)});return j!=="ok"?(v(j==="relay-reverted"?"reverted":"pending"),!1):(o(!0),!0)}catch(j){return ue(j,{flow:"edit_price_cancel"}),s(at(j,n("listingEdit.cancelFailed"))),!1}finally{p(!1)}}return{cancelDone:d,slow:l,cancelFailed:x,setCancelFailed:v,cancelCurrent:$,signal:()=>{var h;return(h=g.current)==null?void 0:h.signal}}}function qn({state:t,canPayGas:s,busy:d,onPayGas:o,onLater:l,testId:p="edit-cancel-relay-failed"}){return e.jsxs(Yl,{"data-testid":p,children:[s?t==="reverted"?n("itemDetail.cancelRelayReverted"):n("itemDetail.cancelRelayFailed"):n("itemDetail.cancelRelayRetry"),s?e.jsxs(e.Fragment,{children:[" ",e.jsx(Dr,{type:"button","data-testid":"cancel-pay-gas",onClick:o,disabled:d,children:n("itemDetail.cancelPayGas")}),l?e.jsxs(e.Fragment,{children:[" ",e.jsx(Dr,{type:"button","data-testid":"cancel-later",onClick:l,disabled:d,children:n("itemDetail.cancelLater")})]}):null]}):null]})}function pi({phase:t,managed:s,slow:d}){const l=t==="list"?2:1,p=`listingEdit.${s?"step":"confirm"}${t==="list"?"New":"Removal"}`;return e.jsxs(Xe,{"data-processing":!0,"data-testid":"listing-steps",role:"status","aria-live":"polite",children:[e.jsx(Za,{src:Ja,alt:"",width:61,height:61}),e.jsx(Xa,{children:n(p)}),e.jsxs(Ql,{children:[e.jsx(ei,{"aria-hidden":!0,children:e.jsx(ti,{})}),e.jsxs(Vl,{"data-testid":"listing-steps-count",children:[l,"/",2]})]}),d?e.jsx(Gl,{"data-testid":"listing-steps-slow",children:n("listingEdit.slow")}):null]})}const xn=r.div`
-  position: fixed;
-  inset: 0;
-  z-index: 10000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,fn=r.div`
-  width: 560px;
-  max-width: 100%;
-  max-height: 92vh;
-  overflow-y: auto;
-  background: ${a.colors.white};
-  border-radius: 16px;
-  padding: 12px 16px 16px;
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-`,mn=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${a.colors.gray4};
-`,gn=r.h2`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${a.colors.text};
-`,bn=r.button`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: ${a.colors.text};
-
-  .ico {
-    width: 18px;
-    height: 18px;
-  }
-  &:disabled {
-    opacity: 0.4;
-    cursor: default;
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,Jl=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 14px;
-  line-height: 1.57;
-  color: ${a.colors.text};
-  text-align: left;
-`,Zl=r.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,Xl=r.div`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 180px;
-  height: 180px;
-  border-radius: 16px;
-  background: ${a.colors.media};
-  border: 1px solid ${a.colors.gray4};
-  overflow: hidden;
-
-  img {
-    width: 150px;
-    height: 150px;
-    object-fit: contain;
-    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
-  }
-
-  ${a.media.maxWidth("mobile")} {
-    width: 120px;
-    height: 120px;
-
-    img {
-      width: 100px;
-      height: 100px;
-    }
-  }
-`,ed=r.div`
-  flex: 1 1 0;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 8px;
-`,td=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.57;
-  color: ${a.colors.text};
-`,nd=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 10px;
-  line-height: 1.43;
-  color: ${a.colors.muted};
-`,rd=r.div`
-  display: flex;
-  gap: 12px;
-
-  ${a.media.maxWidth("mobile")} {
-    flex-direction: column;
-  }
-`,Vr=r.label`
-  flex: 1 1 0;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,Gr=r.span`
-  font-family: ${a.font.sans};
-  font-size: 12px;
-  color: ${a.colors.muted};
-`,ad=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 4px;
-  height: 42px;
-  padding: 0 8px;
-  border: 0.5px solid ${a.colors.text};
-  border-radius: 8px;
-  background: ${a.colors.white};
-
-  &:focus-within {
-    border-color: ${a.colors.magenta};
-  }
-  &[aria-invalid='true'] {
-    border-color: ${a.colors.err};
-  }
-
-  .ccy {
-    flex: none;
-    width: 22px;
-    height: 22px;
-    color: ${a.colors.rarity};
-  }
-  .cal {
-    flex: none;
-    width: 18px;
-    height: 18px;
-    color: ${a.colors.text};
-  }
-`,id=r.input`
-  flex: 1 1 auto;
-  min-width: 0;
-  border: 0;
-  outline: none;
-  background: transparent;
-  font-family: ${a.font.sans};
-  font-size: 13px;
-  color: ${a.colors.text};
-
-  &::placeholder {
-    color: ${a.colors.muted2};
-  }
-  /* Strip the number spinners — the glyph + USD hint carry the affordance. */
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-  &[type='number'] {
-    -moz-appearance: textfield;
-    appearance: textfield;
-  }
-`,sd=r.span`
-  flex: none;
-  font-family: ${a.font.sans};
-  font-size: 10px;
-  color: ${a.colors.muted2};
-`,od=r.div`
-  .react-datepicker-wrapper {
-    display: block;
-    width: 100%;
-  }
-  .react-datepicker__input-container {
-    display: flex;
-    align-items: center;
-  }
-  .react-datepicker__input-container input {
-    width: 100%;
-    height: 42px;
-    padding: 0 8px;
-    border: 0.5px solid ${a.colors.text};
-    border-radius: 8px;
-    background: ${a.colors.white};
-    font-family: ${a.font.sans};
-    font-size: 13px;
-    color: ${a.colors.text};
-    outline: none;
-  }
-  .react-datepicker__input-container input:focus {
-    border-color: ${a.colors.magenta};
-  }
-  &[data-invalid='true'] .react-datepicker__input-container input {
-    border-color: ${a.colors.err};
-  }
-  /* The showIcon calendar glyph inside the field. */
-  .react-datepicker__calendar-icon {
-    fill: ${a.colors.text};
-    opacity: 0.85;
-  }
-
-  ${Co}
-`,ld=r.button`
-  width: 100%;
-  height: 48px;
-  border: 0;
-  border-radius: 16px;
-  cursor: pointer;
-  background: ${a.colors.accent};
-  color: ${a.colors.white};
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 15px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover:not(:disabled) {
-    background: ${a.colors.accentHover};
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-  &:disabled {
-    cursor: not-allowed;
-    background: rgba(105, 31, 169, 0.2);
-    color: ${a.colors.white};
-  }
-`;r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 13px;
-  color: ${a.colors.muted};
-  text-align: center;
-`;const dd=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 12px;
-  line-height: 1.5;
-  color: ${a.colors.muted};
-`,cd=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  padding: 24px 16px;
-  border-radius: 16px;
-  background: rgba(193, 238, 207, 0.5);
-  text-align: center;
-`,ud=r.div`
-  display: grid;
-  place-items: center;
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: ${a.colors.ok};
-  color: ${a.colors.white};
-
-  .ico {
-    width: 34px;
-    height: 34px;
-  }
-`,pd=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 20px;
-  line-height: 1.334;
-  color: ${a.colors.text2};
-
-  b {
-    font-weight: 700;
-  }
-`,hd=r.div`
-  display: flex;
-  gap: 12px;
-
-  ${a.media.maxWidth("mobile")} {
-    flex-direction: column-reverse;
-  }
-`,xd=r.button`
-  flex: 1 1 0;
-  height: 48px;
-  border: 2px solid ${a.colors.accent};
-  border-radius: 12px;
-  background: transparent;
-  color: ${a.colors.accent};
-  cursor: pointer;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover {
-    background: rgba(105, 31, 169, 0.06);
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,fd=r.button`
-  flex: 1 1 0;
-  height: 48px;
-  border: 0;
-  border-radius: 12px;
-  background: ${a.colors.accent};
-  color: ${a.colors.softWhite};
-  cursor: pointer;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover {
-    background: ${a.colors.accentHover};
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,md=30;function Yr(t){const s=new Date;return s.setHours(0,0,0,0),s.setDate(s.getDate()+t),s}function gd({asset:t,session:s,creator:d,edit:o,onListed:l,onClose:p}){const x=ft(),v=st(),g=Ul(),{data:$}=ie({queryKey:["collection-meta",t.contractAddress],enabled:!d&&!!t.contractAddress,staleTime:5*6e4,queryFn:()=>Oa(t.contractAddress)}),h=d||($==null?void 0:$.creator),{data:j}=Yt(h),b=h?j!=null&&j.name?Jt(j.name):Wn(h):null,[k,I]=c.useState(o!=null&&o.currentCredits?String(o.currentCredits):"10"),[C,A]=c.useState(()=>Yr(md)),[q,M]=c.useState(null),[y,H]=c.useState(!1),[i,K]=c.useState(null),[V,G]=c.useState("form"),Y=c.useRef({}),{cancelDone:ne,slow:ee,cancelFailed:xe,setCancelFailed:pe,cancelCurrent:le,signal:W}=ui(o,M),E=Dn(s),B=Number(k),m=Number.isInteger(B)&&B>0,re=!!o&&!ne&&B===o.currentCredits,S=C?C.getTime():NaN,T=!!C&&S>Date.now(),z=Yr(1),D=m?`$${tt(B).toFixed(2)}`:"$0";async function ae(U={}){if(M(null),!m){M(n("sellModal.errorWholeNumber"));return}if(!T){M(n("sellModal.invalidDate"));return}if(!E){H(!0);try{const X=_r(t.contractAddress,t.chainId),fe=await ri(X,s.address);if(H(!1),!fe){Y.current=U,G("authorize");return}}catch{H(!1)}}await ve(U)}async function ve(U={}){var X,fe;if(M(null),!m){M(n("sellModal.errorWholeNumber"));return}if(!T){M(n("sellModal.invalidDate"));return}H(!0);try{if(!await le(U.payGas))return;await pl({signer:s.signer,contractAddress:t.contractAddress,chainId:t.chainId});const je=await hl({signer:s.signer,nft:{contractAddress:t.contractAddress,tokenId:t.tokenId,network:t.network,chainId:t.chainId},usdPrice:tt(B),expiresAtMs:S}),ke=await(o?oi(je,s.identity,{signal:W()}):qa(je,s.identity));(X=W())==null||X.throwIfAborted(),K(B),Z("Shop Listed Item",{item_id:t.itemId??t.tokenId??null,contract_address:t.contractAddress,price_credits:B,price_usd:tt(B),listing_type:"secondary",is_primary:!1}),Zt.success(n(o?"listingEdit.toastUpdated":"sellModal.toastOnSale",{name:t.name})),x.invalidateQueries({queryKey:["my-assets",s.address]}),l==null||l(B,ke.id)}catch(je){if((fe=W())!=null&&fe.aborted)return;ue(je,{flow:"list_secondary"}),Z("Shop Listing Failed",{listing_type:"secondary",error_code:Se(je)}),M(at(je,n(o?"listingEdit.listFailedAfterCancel":"sellModal.errorGeneric")))}finally{H(!1)}}function J(){p(),v("/my-items")}return i!==null?e.jsx(xn,{onClick:p,role:"presentation",children:e.jsxs(fn,{onClick:U=>U.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n(o?"listingEdit.successHeader":"sellModal.successHeader"),children:[e.jsxs(mn,{children:[e.jsx(gn,{children:n(o?"listingEdit.successHeader":"sellModal.successHeader")}),e.jsx(bn,{onClick:p,"aria-label":n("getCredits.done"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsxs(cd,{children:[e.jsx(ud,{"aria-hidden":!0,children:e.jsx(L,{name:"check",className:"ico"})}),e.jsxs(pd,{children:[e.jsx("b",{children:n(o?"listingEdit.successBody":"sellModal.successOnSale")})," ",n("sellModal.successManage")]})]}),e.jsxs(hd,{children:[e.jsx(xd,{onClick:J,children:n("sellModal.myItems")}),e.jsx(fd,{onClick:p,children:n("getCredits.done")})]})]})}):V==="authorize"?e.jsx(Ya,{auth:_r(t.contractAddress,t.chainId),signer:s.signer,title:n("authorizeStep.sellTitle"),name:t.name,image:t.image,icon:e.jsx(L,{name:"pen",className:"ico"}),reason:n("authorizeStep.sellReason",{name:t.name}),onAuthorized:()=>{G("form"),ve(Y.current)},onCancel:()=>G("form"),onClose:p}):o&&y?e.jsx(xn,{role:"presentation",children:e.jsxs(fn,{onClick:U=>U.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("listingEdit.title"),"data-testid":"modal",children:[e.jsxs(mn,{children:[e.jsx(gn,{children:n("listingEdit.title")}),e.jsx(bn,{disabled:!0,"aria-label":n("sellModal.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsx(pi,{phase:ne?"list":"cancel",managed:E,slow:ee})]})}):e.jsx(xn,{onClick:y?void 0:p,role:"presentation",children:e.jsxs(fn,{"data-testid":"modal",onClick:U=>U.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n(o?"listingEdit.title":"sellModal.sellProduct"),children:[e.jsxs(mn,{children:[e.jsx(gn,{children:n(o?"listingEdit.title":"sellModal.sellProduct")}),e.jsx(bn,{onClick:p,disabled:y,"aria-label":n("sellModal.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsx(Jl,{children:n(o?"listingEdit.subtitle":"sellModal.subtitle")}),e.jsxs(Zl,{children:[e.jsx(Xl,{children:t.image?e.jsx("img",{src:t.image,alt:""}):null}),e.jsxs(ed,{children:[e.jsx(td,{children:t.name}),b?e.jsx(nd,{children:n("sellModal.byCreator",{name:b})}):null]})]}),e.jsxs(rd,{children:[e.jsxs(Vr,{children:[e.jsx(Gr,{children:n("sellModal.priceShort")}),e.jsxs(ad,{"aria-invalid":k.length>0&&!m,children:[e.jsx(Pe,{className:"ccy"}),e.jsx(id,{"data-testid":"price-input",type:"number",min:"1",step:"1",inputMode:"numeric",value:k,onChange:U=>I(U.target.value),disabled:y,"aria-label":n("sellModal.priceLabel",{currency:"credits"})}),e.jsx(sd,{"aria-hidden":!0,children:D})]})]}),e.jsxs(Vr,{children:[e.jsx(Gr,{children:n("sellModal.expirationLabel")}),e.jsx(od,{"data-invalid":!!C&&!T,children:e.jsx(Io,{selected:C,onChange:A,minDate:z,dateFormat:"MM/dd/yyyy",placeholderText:"MM/DD/YYYY",disabled:y,showIcon:!0,showPopperArrow:!1,todayButton:n("sellModal.today"),ariaLabelledBy:void 0,"aria-label":n("sellModal.expirationLabel")})})]})]}),g&&m?e.jsx(dd,{children:n("sellModal.proceedsCredits",{count:B})}):null,xe?e.jsx(qn,{state:xe,canPayGas:!!(o!=null&&o.canPayGas),busy:y,onPayGas:()=>void ae({payGas:!0}),onLater:()=>pe(null)}):null,e.jsx(it,{message:q}),e.jsx(ld,{onClick:()=>void ae(),disabled:y||re||xe==="pending"||!m||!T,"data-testid":"list-submit",children:o?n(ne?"sellModal.putUpForSale":"listingEdit.submit"):y?E?n("sellModal.puttingOnSale"):n("sellModal.confirmListing"):n("sellModal.putUpForSale")})]})})}const bd=r.div`
-  position: fixed;
-  inset: 0;
-  z-index: 10000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,yd=r.div`
-  width: 560px;
-  max-width: 100%;
-  max-height: 92vh;
-  overflow-y: auto;
-  background: ${a.colors.white};
-  border-radius: 16px;
-  padding: 12px 16px 16px;
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-
-  ${a.media.maxWidth("mobile")} {
-    padding: 12px 16px 16px;
-  }
-`,wd=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${a.colors.gray4};
-`,vd=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-`,jd=r.h2`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${a.colors.text};
-`,kd=r.button`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: ${a.colors.text};
-
-  .ico {
-    width: 18px;
-    height: 18px;
-  }
-  &:disabled {
-    opacity: 0.4;
-    cursor: default;
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,$d=r.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,Cd=r.img`
-  flex: none;
-  width: 72px;
-  height: 72px;
-  border-radius: 12px;
-  object-fit: cover;
-  background: ${a.colors.media};
-`,Id=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 18px;
-  line-height: 1.4;
-  color: ${a.colors.text};
-`,Sd=r.label`
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-`,Ad=r.span`
-  font-family: ${a.font.sans};
-  font-size: 12px;
-  color: ${a.colors.muted};
-`,Md=r.input`
-  width: 100%;
-  height: 44px;
-  padding: 0 12px;
-  border: 1px solid ${a.colors.text};
-  border-radius: 8px;
-  background: ${a.colors.white};
-  font-family: ${a.font.sans};
-  font-size: 14px;
-  color: ${a.colors.text};
-
-  &::placeholder {
-    color: ${a.colors.muted2};
-  }
-  &:focus-visible {
-    outline: none;
-    border-color: ${a.colors.magenta};
-  }
-  &[aria-invalid='true'] {
-    border-color: ${a.colors.err};
-  }
-  &:disabled {
-    opacity: 0.6;
-  }
-`,Pd=r.p`
-  margin: 0;
-  padding: 12px 14px;
-  border-radius: 10px;
-  background: rgba(255, 45, 85, 0.1);
-  font-family: ${a.font.sans};
-  font-size: 13px;
-  line-height: 1.5;
-  color: ${a.colors.text2};
-`,Jr=r.div`
-  display: flex;
-  gap: 12px;
-
-  ${a.media.maxWidth("mobile")} {
-    flex-direction: column-reverse;
-  }
-`,Ld=r.button`
-  flex: 1;
-  height: 48px;
-  border: 2px solid ${a.colors.blackBtn};
-  border-radius: 16px;
-  background: transparent;
-  color: ${a.colors.text};
-  cursor: pointer;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 15px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover:not(:disabled) {
-    background: rgba(36, 33, 41, 0.06);
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-  &:disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-`,Zr=r.button`
-  flex: 1;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 48px;
-  border: 0;
-  border-radius: 16px;
-  background: ${a.colors.blackBtn};
-  color: ${a.colors.softWhite};
-  cursor: pointer;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 15px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover:not(:disabled) {
-    filter: brightness(1.35);
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-  &:disabled {
-    opacity: 0.55;
-    cursor: default;
-  }
-`,Rd=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  padding: 24px 16px;
-  border-radius: 16px;
-  background: rgba(193, 238, 207, 0.5);
-  text-align: center;
-`,Fd=r.div`
-  display: grid;
-  place-items: center;
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: ${a.colors.ok};
-  color: ${a.colors.white};
-
-  .ico {
-    width: 34px;
-    height: 34px;
-  }
-`,Td=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 16px;
-  line-height: 1.34;
-  color: ${a.colors.text2};
-
-  b {
-    font-weight: 700;
-  }
-`;function Ed(t){return/^0x[a-fA-F0-9]{40}$/.test(t.trim())}function zd({item:t,session:s,onClose:d,onTransferred:o}){const[l,p]=c.useState(""),[x,v]=c.useState(!1),[g,$]=c.useState(null),[h,j]=c.useState(!1),b=l.trim(),k=Ed(b),I=k&&b.toLowerCase()===s.address.toLowerCase(),C=b.length===0?null:k?I?n("transfer.selfAddress"):null:n("transfer.invalidAddress"),A=k&&!I&&!x;async function q(){if(A){$(null),v(!0);try{await jo({contractAddress:t.contractAddress,chainId:t.chainId,tokenId:t.tokenId,to:b,signer:s.signer}),Z("Shop Transferred Item",{contract_address:t.contractAddress,token_id:t.tokenId}),j(!0),Zt.success(n("transfer.toastSuccess",{name:t.name})),o==null||o()}catch(M){Vt(M)||ue(M,{flow:"transfer-item",tokenId:t.tokenId}),Z("Shop Transfer Failed",{error_code:Se(M)}),$(Vt(M)?n("getCredits.errorCanceled"):at(M,n("transfer.errorGeneric")))}finally{v(!1)}}}return e.jsx(bd,{onClick:x?void 0:d,role:"presentation",children:e.jsxs(yd,{onClick:M=>M.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("transfer.title"),children:[e.jsx(wd,{children:e.jsxs(vd,{children:[e.jsx(jd,{children:n("transfer.title")}),e.jsx(kd,{onClick:d,disabled:x,"aria-label":n("sellModal.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]})}),h?e.jsxs(e.Fragment,{children:[e.jsxs(Rd,{children:[e.jsx(Fd,{"aria-hidden":!0,children:e.jsx(L,{name:"check",className:"ico"})}),e.jsx(Td,{children:n("transfer.successBody",{name:t.name})})]}),e.jsx(Jr,{children:e.jsx(Zr,{onClick:d,children:n("getCredits.done")})})]}):e.jsxs(e.Fragment,{children:[e.jsxs($d,{children:[t.thumbnail?e.jsx(Cd,{src:t.thumbnail,alt:""}):null,e.jsx(Id,{children:t.name})]}),e.jsxs(Sd,{children:[e.jsx(Ad,{children:n("transfer.addressLabel")}),e.jsx(Md,{type:"text",spellCheck:!1,autoComplete:"off",placeholder:"0x…",value:l,onChange:M=>p(M.target.value),disabled:x,"aria-invalid":!!C,"aria-label":n("transfer.addressLabel")}),C?e.jsx(it,{message:C}):null]}),e.jsx(Pd,{children:n("transfer.warning")}),e.jsx(it,{message:g}),e.jsxs(Jr,{children:[e.jsx(Ld,{onClick:d,disabled:x,children:n("sellModal.cancel")}),e.jsx(Zr,{onClick:()=>void q(),disabled:!A,children:x?n("transfer.transferring"):n("transfer.transfer")})]})]})]})})}const Nd=r(Il)`
-  width: min(500px, 92vw);
-  gap: 20px;
-
-  ${a.media.maxWidth("mobile")} {
-    [data-actions] {
-      flex-direction: column-reverse;
-    }
-    [data-actions] > * {
-      width: 100%;
-    }
-  }
-`,Bd=r(Ue)`
-  background: ${a.colors.accent};
-  color: ${a.colors.white};
-  text-transform: uppercase;
-  letter-spacing: 0.046em;
-  font-size: 13px;
-
-  &:hover:not(:disabled) {
-    background: ${a.colors.accentHover};
-  }
-`;function _d({name:t,managed:s,canPayGas:d,cancel:o,onClose:l}){const[p,x]=c.useState(!1),[v,g]=c.useState(!1),[$,h]=c.useState(null),[j,b]=c.useState(null);async function k(I){h(null),b(null),x(!0);try{const C=await o({payGas:I,onWaiting:A=>g(A>2e4)});C==="ok"?l():b(C==="relay-reverted"?"reverted":"pending")}catch(C){const A=Vt(C);A||ue(C,{flow:"remove-listing"});const q=n("myAssets.removeListingError");h(s?q:A?n("getCredits.errorCanceled"):at(C,q))}finally{x(!1),g(!1)}}return e.jsx(Sl,{onClick:p?void 0:l,role:"presentation",children:e.jsxs(Nd,{onClick:I=>I.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("removeListing.title"),"data-testid":"remove-listing-modal",children:[e.jsx(Al,{children:e.jsx(Ml,{children:n("removeListing.title")})}),e.jsx("p",{className:"muted",style:{margin:0},children:n("removeListing.body",{name:t})}),p&&v?e.jsx("p",{className:"muted small",style:{margin:0},"data-testid":"cancel-slow",children:n(d?"itemDetail.cancelSlow":"itemDetail.cancelSlowManaged")}):null,j?e.jsx(qn,{state:j,canPayGas:d,busy:p,onPayGas:()=>void k(!0),testId:"cancel-gasless-failed"}):null,e.jsx(it,{message:$}),e.jsxs(Pl,{"data-actions":!0,children:[e.jsx(Ue,{variant:"outline",onClick:l,disabled:p,children:n("sellModal.cancel")}),e.jsx(Bd,{onClick:()=>void k(),disabled:p||j==="pending","data-testid":"remove-confirm",children:p?e.jsx(Ll,{size:"small"}):n("itemDetail.manageRemove")})]})]})})}const yn=r.div`
-  position: fixed;
-  inset: 0;
-  z-index: 10000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,wn=r.div`
-  width: 560px;
-  max-width: 100%;
-  max-height: 92vh;
-  overflow-y: auto;
-  background: ${a.colors.white};
-  border-radius: 16px;
-  padding: 12px 16px 16px;
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-`,vn=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${a.colors.gray4};
-`,jn=r.h2`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${a.colors.text};
-`,kn=r.button`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: ${a.colors.text};
-
-  .ico {
-    width: 18px;
-    height: 18px;
-  }
-  &:disabled {
-    opacity: 0.4;
-    cursor: default;
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,Wd=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 14px;
-  line-height: 1.57;
-  color: ${a.colors.text};
-  text-align: left;
-`,Dd=r.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,qd=r.div`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 180px;
-  height: 180px;
-  border-radius: 16px;
-  background: ${a.colors.media};
-  border: 1px solid ${a.colors.gray4};
-  overflow: hidden;
-
-  img {
-    width: 150px;
-    height: 150px;
-    object-fit: contain;
-    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
-  }
-
-  ${a.media.maxWidth("mobile")} {
-    width: 120px;
-    height: 120px;
-
-    img {
-      width: 100px;
-      height: 100px;
-    }
-  }
-`,Od=r.div`
-  flex: 1 1 0;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 8px;
-`,Kd=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.57;
-  color: ${a.colors.text};
-`,Hd=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 10px;
-  line-height: 1.43;
-  color: ${a.colors.muted};
-`,Ud=r.label`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,Qd=r.span`
-  font-family: ${a.font.sans};
-  font-size: 12px;
-  color: ${a.colors.muted};
-`,Vd=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 4px;
-  height: 42px;
-  padding: 0 8px;
-  border: 0.5px solid ${a.colors.text};
-  border-radius: 8px;
-  background: ${a.colors.white};
-
-  &:focus-within {
-    border-color: ${a.colors.magenta};
-  }
-  &[aria-invalid='true'] {
-    border-color: ${a.colors.err};
-  }
-
-  .ccy {
-    flex: none;
-    width: 22px;
-    height: 22px;
-    color: ${a.colors.rarity};
-  }
-`,Gd=r.input`
-  flex: 1 1 auto;
-  min-width: 0;
-  border: 0;
-  outline: none;
-  background: transparent;
-  font-family: ${a.font.sans};
-  font-size: 13px;
-  color: ${a.colors.text};
-
-  &::placeholder {
-    color: ${a.colors.muted2};
-  }
-  /* Strip the number spinners — the glyph + USD hint carry the affordance. */
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-  &[type='number'] {
-    -moz-appearance: textfield;
-    appearance: textfield;
-  }
-`,Yd=r.span`
-  flex: none;
-  font-family: ${a.font.sans};
-  font-size: 10px;
-  color: ${a.colors.muted2};
-`,Ot=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 12px;
-  line-height: 1.5;
-  color: ${a.colors.muted};
-`,Jd=r.button`
-  width: 100%;
-  height: 48px;
-  border: 0;
-  border-radius: 16px;
-  cursor: pointer;
-  background: ${a.colors.accent};
-  color: ${a.colors.white};
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 15px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover:not(:disabled) {
-    background: ${a.colors.accentHover};
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-  &:disabled {
-    cursor: not-allowed;
-    background: rgba(105, 31, 169, 0.2);
-    color: ${a.colors.white};
-  }
-`,Zd=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 13px;
-  color: ${a.colors.muted};
-  text-align: center;
-`,Xd=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  padding: 24px 16px;
-  border-radius: 16px;
-  background: rgba(193, 238, 207, 0.5);
-  text-align: center;
-`,ec=r.div`
-  display: grid;
-  place-items: center;
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: ${a.colors.ok};
-  color: ${a.colors.white};
-
-  .ico {
-    width: 34px;
-    height: 34px;
-  }
-`,tc=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 20px;
-  line-height: 1.334;
-  color: ${a.colors.text2};
-
-  b {
-    font-weight: 700;
-  }
-`,nc=r.p`
-  margin: 0;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-family: ${a.font.sans};
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${a.colors.text2};
-
-  strong {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    font-weight: 700;
-  }
-  .ccy-mark {
-    width: 18px;
-    height: 18px;
-    color: ${a.colors.rarity};
-  }
-`,rc=r.div`
-  display: flex;
-  gap: 12px;
-
-  ${a.media.maxWidth("mobile")} {
-    flex-direction: column-reverse;
-  }
-`,ac=r.button`
-  flex: 1 1 0;
-  height: 48px;
-  border: 2px solid ${a.colors.accent};
-  border-radius: 12px;
-  background: transparent;
-  color: ${a.colors.accent};
-  cursor: pointer;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover {
-    background: rgba(105, 31, 169, 0.06);
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,ic=r.button`
-  flex: 1 1 0;
-  height: 48px;
-  border: 0;
-  border-radius: 12px;
-  background: ${a.colors.accent};
-  color: ${a.colors.softWhite};
-  cursor: pointer;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover {
-    background: ${a.colors.accentHover};
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,sc=1e3*60*60*24*182;function oc({item:t,session:s,edit:d,onListed:o,onClose:l}){const p=ft(),x=st(),[v,g]=c.useState(d!=null&&d.currentCredits?String(d.currentCredits):"10"),[$,h]=c.useState(null),[j,b]=c.useState(null),[k,I]=c.useState(!1),[C,A]=c.useState(null),[q,M]=c.useState(null),{cancelDone:y,slow:H,cancelFailed:i,setCancelFailed:K,cancelCurrent:V,signal:G}=ui(d,b),Y=nt.chainId,ne=Dn(s),{data:ee}=Yt(s.address),xe=ee!=null&&ee.name?Jt(ee.name):Wn(s.address),pe=Number(v),le=Number.isInteger(pe)&&pe>0,W=!!d&&!y&&pe===d.currentCredits,E=le?`$${tt(pe).toFixed(2)}`:"$0";c.useEffect(()=>{let S=!1;return(async()=>{try{const T=await xl({contractAddress:t.contractAddress,chainId:Y});S||A(T)}catch{S||A(!1)}})(),()=>{S=!0}},[t.contractAddress,Y]);async function B(S={}){var z,D;b(null);const T=Number(v);if(!Number.isInteger(T)||T<=0){b(n("primaryList.errorWholeNumber"));return}I(!0);try{if(!await V(S.payGas))return;C||(h(n("primaryList.statusEnabling")),await fl({signer:s.signer,contractAddress:t.contractAddress,chainId:Y}),A(!0)),h(n("primaryList.statusPublishing"));const ae=await ml({signer:s.signer,item:{contractAddress:t.contractAddress,itemId:t.blockchainItemId,network:Ae.Network.MATIC,chainId:Y},usdPrice:tt(T),uses:t.remainingSupply,expiresAtMs:Date.now()+sc});h(n("primaryList.statusFinishing"));const ve=await(d?oi(ae,s.identity,{signal:G()}):qa(ae,s.identity));(z=G())==null||z.throwIfAborted(),h(null),M(T),Z("Shop Listed Item",{item_id:t.blockchainItemId,contract_address:t.contractAddress,price_credits:T,price_usd:tt(T),listing_type:"primary",is_primary:!0}),Zt.success(n(d?"listingEdit.toastUpdated":"primaryList.toastOnSale",{name:t.name})),o==null||o(T,ve.id),p.invalidateQueries({queryKey:["publishable-items"]}),p.invalidateQueries({queryKey:["collection-sale-state"]}),p.invalidateQueries({queryKey:["shop-items"]}),p.invalidateQueries({queryKey:["catalog-items"]}),p.invalidateQueries({queryKey:["overview-listings"]}),p.invalidateQueries({queryKey:["upsell-listings"]})}catch(ae){if((D=G())!=null&&D.aborted)return;ue(ae,{flow:"list_primary"}),Z("Shop Listing Failed",{listing_type:"primary",error_code:Se(ae)}),b(at(ae,n(d?"listingEdit.listFailedAfterCancel":"primaryList.errorGeneric"))),h(null)}finally{I(!1)}}function m(){l(),x(os(t.contractAddress,t.blockchainItemId))}const re=C===null?n("primaryList.checking"):d?n(y?"primaryList.putOnSale":"listingEdit.submit"):k?ne?n("primaryList.publishing"):n("primaryList.confirmListing"):C===!1?n("primaryList.enableAndPutOnSale"):n("primaryList.putOnSale");return q!==null?e.jsx(yn,{onClick:l,role:"presentation",children:e.jsxs(wn,{onClick:S=>S.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n(d?"listingEdit.successHeader":"primaryList.successTitle"),children:[e.jsxs(vn,{children:[e.jsx(jn,{children:n(d?"listingEdit.successHeader":"primaryList.successTitle")}),e.jsx(kn,{onClick:l,"aria-label":n("getCredits.done"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsxs(Xd,{children:[e.jsx(ec,{"aria-hidden":!0,children:e.jsx(L,{name:"check",className:"ico"})}),e.jsx(tc,{children:e.jsx("b",{children:t.name})}),e.jsxs(nc,{children:[n("primaryList.listedFor")," ",e.jsxs("strong",{children:[e.jsx(Pe,{className:"ccy-mark"})," ",e.jsx(ge,{credits:q})]})," ",n("primaryList.dotAvailable",{count:t.remainingSupply})]})]}),e.jsxs(rc,{children:[e.jsx(ac,{onClick:l,children:n("getCredits.done")}),e.jsx(ic,{onClick:m,children:n("primaryList.viewInShop")})]})]})}):d&&k?e.jsx(yn,{role:"presentation",children:e.jsxs(wn,{onClick:S=>S.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("listingEdit.title"),"data-testid":"modal",children:[e.jsxs(vn,{children:[e.jsx(jn,{children:n("listingEdit.title")}),e.jsx(kn,{disabled:!0,"aria-label":n("primaryList.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsx(pi,{phase:y?"list":"cancel",managed:ne,slow:H})]})}):e.jsx(yn,{onClick:k?void 0:l,role:"presentation",children:e.jsxs(wn,{"data-testid":"modal",onClick:S=>S.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":d?n("listingEdit.title"):n("primaryList.publishTitle",{name:t.name}),children:[e.jsxs(vn,{children:[e.jsx(jn,{children:d?n("listingEdit.title"):n("primaryList.publishTitle",{name:t.name})}),e.jsx(kn,{onClick:l,disabled:k,"aria-label":n("primaryList.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsx(Wd,{children:n("primaryList.fromCollection",{collectionName:t.collectionName,count:t.remainingSupply})}),e.jsxs(Dd,{children:[e.jsx(qd,{children:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null}),e.jsxs(Od,{children:[e.jsx(Kd,{children:t.name}),xe?e.jsx(Hd,{children:n("primaryList.byCreator",{name:xe})}):null]})]}),e.jsxs(Ud,{children:[e.jsx(Qd,{children:n("primaryList.priceShort")}),e.jsxs(Vd,{"aria-invalid":v.length>0&&!le,children:[e.jsx(Pe,{className:"ccy"}),e.jsx(Gd,{"data-testid":"price-input",type:"number",min:"1",step:"1",inputMode:"numeric",value:v,onChange:S=>g(S.target.value),disabled:k,"aria-label":n("primaryList.priceLabel",{currency:We.name})}),e.jsx(Yd,{"aria-hidden":!0,children:E})]})]}),e.jsx(Ot,{children:n("primaryList.pricedInWhole",{currency:We.name,currencySingular:We.nameSingular})}),d?!k&&!y?e.jsx(Ot,{children:n("listingEdit.subtitle")}):null:C===!1&&!k?e.jsx(Ot,{children:ne?n("primaryList.firstTimeManaged",{collectionName:t.collectionName}):n("primaryList.firstTimeConfirm",{collectionName:t.collectionName})}):C===!0&&!k?e.jsx(Ot,{children:ne?n("primaryList.readyManaged"):n("primaryList.readyConfirm")}):null,i?e.jsx(qn,{state:i,canPayGas:!!(d!=null&&d.canPayGas),busy:k,onPayGas:()=>void B({payGas:!0}),onLater:()=>K(null)}):null,$&&!d?e.jsx(Zd,{children:$}):null,e.jsx(it,{message:j}),e.jsx(Jd,{onClick:()=>void B(),disabled:k||W||i==="pending"||C===null||!le,"data-testid":"list-submit",children:re})]})})}const lc=r.div`
-  position: fixed;
-  inset: 0;
-  z-index: 10000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,dc=r.div`
-  width: 760px;
-  max-width: 100%;
-  background: ${a.colors.white};
-  border-radius: 16px;
-  padding: 12px 16px 16px;
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-`,cc=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${a.colors.gray4};
-`,uc=r.h2`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${a.colors.text};
-`,pc=r.button`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: ${a.colors.text};
-
-  .ico {
-    width: 18px;
-    height: 18px;
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,hc=r.video`
-  display: block;
-  width: 100%;
-  max-height: 70vh;
-  border-radius: 12px;
-  background: ${a.colors.blackBtn};
-`;function xc({src:t,itemName:s,onClose:d}){const o=c.useRef(null);return c.useEffect(()=>{var p;(p=o.current)==null||p.focus();function l(x){x.key==="Escape"&&d()}return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[d]),e.jsx(lc,{onClick:d,role:"presentation",children:e.jsxs(dc,{ref:o,tabIndex:-1,onClick:l=>l.stopPropagation(),"data-testid":"modal",role:"dialog","aria-modal":"true","aria-label":n("itemDetail.showcaseTitle"),children:[e.jsxs(cc,{children:[e.jsx(uc,{children:s||n("itemDetail.showcaseTitle")}),e.jsx(pc,{onClick:d,"aria-label":n("itemDetail.showcaseClose"),children:e.jsx(L,{name:"close",size:18})})]}),e.jsx(hc,{src:t,"data-testid":"showcase-video",controls:!0,autoPlay:!0,muted:!0,playsInline:!0,preload:"auto"})]})})}const{colors:Oe,radius:fc}=a,mc=r.div`
-  position: fixed;
-  inset: 0;
-  z-index: 60;
-  display: grid;
-  place-items: center;
-  padding: 20px;
-`,gc=r.div`
-  position: absolute;
-  inset: 0;
-  background: rgba(22, 21, 24, 0.45);
-`,bc=r.div`
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  max-width: 420px;
-  background: ${Oe.white};
-  border-radius: ${fc.banner};
-  padding: 24px;
-  box-shadow: 0 24px 60px rgba(22, 21, 24, 0.28);
-  animation: cart-pop-in 0.16s ease;
-`,yc=r.div`
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  margin-bottom: 18px;
-`,wc=r.div`
-  width: 64px;
-  height: 64px;
-  flex: none;
-  border-radius: 12px;
-  overflow: hidden;
-  background: ${Oe.media};
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,vc=r.div`
-  font-weight: 700;
-  font-size: 16px;
-  color: ${Oe.text};
-  margin-bottom: 6px;
-`,jc=r.div`
-  background: ${Oe.panel};
-  border-radius: 14px;
-  padding: 16px;
-  margin-bottom: 14px;
-`,Xr=r.div`
-  color: ${Oe.muted};
-  font-size: 13px;
-  font-weight: 600;
-  margin-bottom: 6px;
-`,ea=r.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: 700;
-  font-size: 24px;
-  color: ${Oe.text};
-
-  &[data-approx] {
-    color: ${Oe.text2};
-  }
-`,kc=r.span`
-  color: ${Oe.muted};
-`,ta=r(Pe)`
-  width: 20px;
-  height: 20px;
-  color: ${Oe.text};
-`,na=r.div`
-  margin-top: 6px;
-  font-size: 13px;
-`,$c=r.div`
-  font-size: 13px;
-  margin-bottom: 6px;
-`,hi=mt`
-  margin: 6px 0 0;
-  font-size: 13px;
-`,$n=r.p`
-  ${hi};
-`,Cc=r(it)`
-  ${hi};
-`,Ic=r.div`
-  display: flex;
-  gap: 10px;
-  margin-top: 18px;
-`,ra=r(Ue)`
-  flex: 1;
-`;function Cn(t){if(Vt(t))return n("errors.rejected");const s=(t.message??"").toLowerCase();return s.includes("insufficient")?n("marketCheckout.error.insufficient",{currency:We.name}):s.includes("not found")||s.includes("no active listing")||s.includes("404")?n("marketCheckout.error.soldOrRemoved"):s.includes("your own listing")?n("errors.cantBuyOwn"):n("marketCheckout.error.generic")}function Sc(t){return{id:t.tradeId,tradeId:t.tradeId,name:t.name,creator:t.creator,contractAddress:t.contractAddress,itemId:t.itemId,category:t.category,wearableCategory:t.wearableCategory??void 0,rarity:t.rarity,network:t.network,chainId:t.chainId,thumbnail:t.thumbnail,priceCredits:0,gender:null,isSmart:!1}}function xi({listing:t,rate:s,onClose:d,onSold:o}){const{session:l}=rt(),{data:p,isError:x}=Wa(l),v=ft(),g=st(),[$,h]=c.useState("confirm"),[j,b]=c.useState(n("marketCheckout.checkingListing")),[k,I]=c.useState(null),[C,A]=c.useState(null),[q,M]=c.useState(null),[y,H]=c.useState(!1),i=c.useRef(null),K=c.useRef(!1),V=c.useRef(ci());c.useEffect(()=>(K.current=!1,()=>{K.current=!0}),[]);const G=et(un(t.manaWei,s));c.useEffect(()=>{let W=!1;if(!l){h("error"),I(n("buyModal.signInToCheckout"));return}return(async()=>{try{const B=await Ha(t.tradeId);if(!B)throw new Error("not found");if(!ds(B))throw new Error("not found");if(cs(B,l.address))throw new Error("You can't buy your own listing.");const m=un(t.manaWei,s);if(!Number.isFinite(m)||m<=0)throw new Error("price unavailable");if(W)return;A({trade:B,usdCents:m,credits:et(m)}),b("")}catch(B){if(W)return;console.error("[market] listing check failed",B),Z(be(B)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"resolve",error_code:Se(B),value_usd:Math.round(un(t.manaWei,s))/100}),h("error"),I(Cn(B))}})(),()=>{W=!0,i.current&&l&&(xe([i.current]),i.current=null)}},[]);const Y=!!C&&p!=null&&p.credits<C.credits;async function ne(){if(!l||!C)return;if(Y){Z("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:C.credits,credits_balance:(p==null?void 0:p.credits)??0,shortfall:Math.max(0,C.credits-((p==null?void 0:p.credits)??0))}),i.current&&(await ee([i.current])&&M(null),i.current=null),g("/credits");return}h("working"),I(null),H(!1);let W=q;if(!W){b(n("marketCheckout.lockingPrice"));try{const{credit:S,maxCreditedValue:T,usdCents:z}=await Tn(l.identity,C.usdCents,t.tradeId);if(K.current){ee([S.id]);return}i.current=S.id,v.invalidateQueries({queryKey:["usd-balance"]});const D=et(z);if(W={trade:C.trade,credit:S,maxCreditedValue:T,usdCents:z,credits:D},M(W),D!==C.credits){A({trade:C.trade,usdCents:z,credits:D}),H(!0),b(""),h("confirm");return}}catch(S){console.error("[market] authorize failed",S),be(S)||ue(S,{flow:"market_buy_now",step:"authorize"}),Z(be(S)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:Se(S),value_usd:C.usdCents/100}),b(""),I(Cn(S)),h("error");return}}if(!W)return;const E=W;let B=!1,m;try{b(n("marketCheckout.confirming"));const S={trade:E.trade,buyer:l.address,signer:l.signer,credits:[E.credit],maxCreditedValue:E.maxCreditedValue,onBroadcast:({txHash:T})=>V.current.broadcast(E.credit.id,T),onReverted:({txHash:T})=>{T&&V.current.reverted(T)}};if(V.current.submitStarted(E.credit.id),ni())try{m=await wl(S),V.current.broadcast(E.credit.id,m),await ai(m),B=!0}catch(T){if(T instanceof ii)B=!0;else if(T instanceof si){if(T.reason==="relayer-unreachable")throw V.current.unobservable(E.credit.id),T;if(!Gt(l.providerType))throw T;m=await Er(S)}else throw m&&V.current.reverted(m),T}else m=await Er(S)}catch(S){V.current.submitFinished(E.credit.id),console.error("[market] buy now failed",S),await ee([E.credit.id])&&M(null),i.current=null,Z(be(S)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Se(S),value_usd:E.usdCents/100}),v.invalidateQueries({queryKey:["usd-balance"]}),I(Cn(S)),h("error");const T=(S.message??"").toLowerCase();(T.includes("not found")||T.includes("no active listing")||T.includes("404"))&&o();return}V.current.submitFinished(E.credit.id),i.current=null;try{v.invalidateQueries({queryKey:["usd-balance"]}),Z("Shop Completed Purchase",{items:[{item_id:t.itemId??null,contract_address:t.contractAddress,token_id:null,price_usd:E.usdCents/100,category:t.category,is_smart:!1}],value_credits:E.credits,value_usd:E.usdCents/100,purchase_type:"item",is_primary:!0,payment_type:"credits",no_crypto_step:B,transaction_hash:m??null}),v.invalidateQueries({queryKey:["detail-trade"]}),v.invalidateQueries({queryKey:["shop-item"]}),v.invalidateQueries({queryKey:["item-resales",t.contractAddress,t.itemId]}),v.invalidateQueries({queryKey:["shop-items"]}),v.invalidateQueries({queryKey:["catalog-items"]}),v.invalidateQueries({queryKey:["my-assets"]}),v.invalidateQueries({queryKey:["purchases"]})}catch(S){ue(S,{flow:"market_buy_now",step:"post_purchase"})}const re={items:[Sc(t)],txHash:m};g("/success",{state:re})}async function ee(W){if(!l||W.length===0)return!1;const E=W.filter(B=>!V.current.mayBeConsumed(B));if(E.length===0)return!1;try{return await Da(l.identity,E),!0}catch{return!1}}function xe(W){ee(W.filter(E=>!V.current.isInFlight(E)))}function pe(){l&&q&&ee([q.credit.id]),i.current=null,d()}const le=$==="working";return e.jsxs(mc,{role:"dialog","aria-modal":"true","aria-label":n("buyModal.dialogAria",{name:t.name}),children:[e.jsx(gc,{onClick:le?void 0:pe,"aria-hidden":!0}),e.jsxs(bc,{children:[e.jsxs(yc,{children:[e.jsx(wc,{children:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null}),e.jsxs("div",{children:[e.jsx(vc,{title:t.name,children:t.name||n("buyModal.itemFallback")}),e.jsx(Ka,{"data-variant":"rarity",children:t.rarity})]})]}),e.jsx(jc,{children:C?e.jsxs(e.Fragment,{children:[e.jsx(Xr,{children:n("marketCheckout.finalPrice")}),e.jsxs(ea,{children:[e.jsx(ta,{}),e.jsx(ge,{credits:C.credits})," ",Mr(C.credits)]}),e.jsxs(na,{className:"muted",children:["$",tt(C.credits).toFixed(2)]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Xr,{children:n("marketCheckout.todaysPrice")}),e.jsxs(ea,{"data-approx":!0,children:[e.jsx(kc,{"aria-hidden":!0,children:"≈"}),e.jsx(ta,{}),e.jsx(ge,{credits:G})," ",Mr(G)]}),e.jsx(na,{className:"muted",children:j||n("marketCheckout.checkingListing")})]})}),l?e.jsxs($c,{className:"muted",children:[n("marketCheckout.yourBalance")," ",e.jsx(Pe,{className:"ccy-mark"})," ",ls(p,x)]}):null,Y?e.jsx($n,{className:"muted",children:n("marketCheckout.needMore",{currency:We.name})}):null,y?e.jsx($n,{"data-testid":"price-changed",role:"status",children:n("buyModal.priceChanged")}):null,j&&$==="working"?e.jsx($n,{className:"muted",children:j}):null,e.jsx(Cc,{message:k}),e.jsxs(Ic,{children:[e.jsx(ra,{variant:"ghost",onClick:pe,disabled:le,children:n("buyModal.cancel")}),e.jsx(ra,{variant:"purple",onClick:()=>void ne(),disabled:le||!C||Y&&ht(),children:le?n("marketCheckout.buying"):Y&&!ht()?n("nav.getCredits",{currency:We.name}):n("marketCheckout.confirmPurchase")})]})]})]})}function Ac(t,s,{enabled:d=!0,first:o}={}){const{data:l,isFetched:p}=ie({queryKey:["related-items",t,s,o],enabled:d&&!!t&&!!s,staleTime:3e5,queryFn:()=>us(t,s,{first:o})});return{items:l??[],isFetched:p}}const fi=15;function Mc(t){return`${t.contractAddress}-${t.itemId??t.tokenId??t.id}`.toLowerCase()}function Pc(t,s){return!!(s.id&&t.id===s.id||s.itemId&&t.itemId===s.itemId&&aa(t,s)||s.tokenId&&t.tokenId===s.tokenId&&aa(t,s))}function aa(t,s){var d;return s.contractAddress?((d=t.contractAddress)==null?void 0:d.toLowerCase())===s.contractAddress.toLowerCase():!1}function In(t,s,d=fi){const o=new Set,l=[];function p(v,g){for(const $ of v){if(l.length>=g)return;if(Pc($,s))continue;const h=Mc($);o.has(h)||(o.add(h),l.push($))}}p(t.collection,1/0);const x=l.length;return p(t.creator??[],d),p(t.related??[],d),{items:l,isCollectionOnly:l.length>0&&l.length===x}}const Lc=20,Rc=30,ia=[];function Fc(t,s=fi){const{id:d,contractAddress:o,itemId:l,tokenId:p,creator:x}=t,v=c.useMemo(()=>({id:d,contractAddress:o,itemId:l,tokenId:p}),[d,o,l,p]),{data:g=ia,isFetched:$}=ie({queryKey:["collection-items",o],enabled:!!o,queryFn:()=>hs(o,{first:Lc}).then(H=>H.items)}),h=c.useMemo(()=>In({collection:g},v,s).items.length,[g,v,s]),j=$&&h<s,b=j&&!!x,k=ie({queryKey:["suggestions-creator",x],enabled:b,staleTime:5*6e4,queryFn:()=>xs({creator:x,isOnSale:!0,first:Rc}).then(H=>H.items)}),I=k.data??ia,C=!b||k.isSuccess||k.isError,A=c.useMemo(()=>In({collection:g,creator:I},v,s).items.length,[g,I,v,s]),{items:q}=Ac(o,l??null,{enabled:j&&C&&A<s,first:s}),M=c.useMemo(()=>In({collection:g,creator:I,related:q},v,s),[g,I,q,v,s]),y=ps(M.items);return{...M,items:y,siblings:g,siblingsFetched:$}}function Tc(t){const s=fs();return!s||!ms(s.contracts,t)?null:s.label}const{colors:_e,media:On}=a,Ec=gs`
-  to {
-    transform: rotate(360deg);
-  }
-`,zc=r.div``,Nc=r.span`
-  width: 34px;
-  height: 34px;
-  border-radius: 50%;
-  border: 3px solid ${_e.line};
-  border-top-color: ${_e.accent};
-  animation: ${Ec} 0.8s linear infinite;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation-duration: 2.4s;
-  }
-`,Bc=r.p``,_c=r.div``,sa=r.button`
-  border: 0;
-  background: none;
-  cursor: pointer;
-  padding: 6px 16px;
-  border-radius: 999px;
-  font-weight: 600;
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: ${_e.muted};
-  transition:
-    background 0.12s ease,
-    color 0.12s ease;
-
-  &[data-active] {
-    background: ${_e.text};
-    color: ${_e.white};
-  }
-  &:not([data-active]):hover {
-    color: ${_e.text};
-  }
-
-  ${On.maxWidth("lg")} {
-    padding: 6px 12px;
-    border-radius: 0;
-    background: ${_e.white};
-    color: ${_e.text2};
-
-    &[data-active] {
-      background: ${_e.text};
-      color: ${_e.white};
-    }
-    &:first-of-type {
-      border-top-left-radius: 999px;
-      border-bottom-left-radius: 999px;
-    }
-    &:last-of-type {
-      border-top-right-radius: 999px;
-      border-bottom-right-radius: 999px;
-    }
-  }
-`,oa=r.span`
-  ${On.maxWidth("lg")} {
-    display: none;
-  }
-`,la=r(L)`
-  display: none;
-
-  ${On.maxWidth("lg")} {
-    display: block;
-  }
-`,da="shop-item-preview";function Wc({item:t}){const s=rt(Y=>{var ne;return(ne=Y.session)==null?void 0:ne.address}),{data:d,isLoading:o}=Yt(s),l=s&&d?s:"default",p=t.category==="emote",[x,v]=c.useState("avatar"),g=!p&&x==="item",$=g||!o,h=St(Y=>Y.fittingOpen),{ref:j,active:b}=bs(),k=$&&b&&!h,[I,C]=c.useState(!0);c.useEffect(()=>{C(!0)},[t.id,g]),c.useEffect(()=>{k&&C(!0)},[k]);const A=c.useRef(null);c.useEffect(()=>{if(k)return()=>{Tl(A.current),A.current=null}},[k]);const[q,M]=c.useState(Ae.PreviewRenderer.UNITY),y=q===Ae.PreviewRenderer.BABYLON,H=!!s&&!!d,i=H&&ys(t,ws(d)),K=vs(t)[0],V=H&&!i&&!p,G=t.urn?{urns:[t.urn]}:{contractAddress:t.contractAddress,tokenId:t.tokenId??void 0,itemId:t.tokenId?void 0:t.itemId??void 0};return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:j,"data-preview-viewport":!0,"aria-hidden":!0}),k?e.jsx(js,{id:da,...G,profile:g?void 0:i?l:"default",bodyShape:g||i?void 0:K,type:p?void 0:g?Ae.PreviewType.WEARABLE:Ae.PreviewType.AVATAR,emote:p||g?void 0:Ae.PreviewEmote.FASHION,disableBackground:!0,wheelZoom:p?1.5:void 0,wheelStart:p?100:void 0,onRenderer:M,onLoad:()=>{var Y;C(!1),A.current=((Y=document.getElementById(da))==null?void 0:Y.contentWindow)??null}}):null,!k||I?e.jsx(zc,{"data-preview-loading":!0,"aria-busy":"true","aria-label":n("itemPreview.loading"),children:e.jsx(Nc,{"aria-hidden":!0})}):null,V&&!g?e.jsx(Bc,{"data-preview-note":!0,children:n("itemPreview.shownOnBody",{shape:ks(K)})}):null,!y||!p?null:e.jsx(Fl,{previewId:"shop-item-preview"}),!y||p?null:e.jsxs(_c,{"data-preview-toggle":!0,role:"group","aria-label":n("itemPreview.previewMode"),children:[e.jsxs(sa,{type:"button","data-active":x==="avatar"||void 0,"aria-pressed":x==="avatar","aria-label":n("itemPreview.onAvatar"),onClick:()=>v("avatar"),children:[e.jsx(la,{name:"view-avatar",size:18}),e.jsx(oa,{children:n("itemPreview.onAvatar")})]}),e.jsxs(sa,{type:"button","data-active":x==="item"||void 0,"aria-pressed":x==="item","aria-label":n("itemPreview.item"),onClick:()=>v("item"),children:[e.jsx(la,{name:"view-item",size:18}),e.jsx(oa,{children:n("itemPreview.item")})]})]})]})}const Dc=r.div`
-  position: fixed;
-  inset: 0;
-  z-index: 10000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,qc=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  width: 1128px;
-  max-width: 100%;
-  max-height: 92vh;
-  background: ${a.colors.white};
-  border-radius: 16px;
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-
-  &:focus {
-    outline: none;
-  }
-`,Oc=r.div`
-  flex: none;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 16px;
-  border-bottom: 1px solid ${a.colors.gray4};
-`,Kc=r.h2`
-  flex: 1 1 auto;
-  min-width: 0;
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${a.colors.text};
-`,Hc=r.button`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 18.5px;
-  height: 18.5px;
-  padding: 0;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: ${a.colors.text};
-
-  .ico {
-    width: 18.5px;
-    height: 18.5px;
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 4px;
-  }
-`,Uc=r.div`
-  flex: 1 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 0 16px 24px;
-`,Qc=r.div`
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding-bottom: 8px;
-  background: ${a.colors.white};
-`,Vc=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${a.colors.muted};
-`,Gc=r.div`
-  position: relative;
-  flex: none;
-  display: inline-flex;
-  align-items: center;
-  padding: 4px 4px 4px 12px;
-  border: 0.5px solid ${a.colors.lineStrong};
-  border-radius: 8px;
-  background: ${a.colors.white};
-
-  select {
-    appearance: none;
-    /* 24px design gap + the 24px chevron that sits on top of it. */
-    padding: 0 48px 0 0;
-    border: 0;
-    background: none;
-    font-family: ${a.font.sans};
-    font-weight: 500;
-    font-size: 12px;
-    line-height: 1.43;
-    color: ${a.colors.text2};
-    cursor: pointer;
-    outline: none;
-  }
-  select:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-    border-radius: 4px;
-  }
-  .chev {
-    position: absolute;
-    right: 4px;
-    width: 24px;
-    height: 24px;
-    color: ${a.colors.text2};
-    pointer-events: none;
-  }
-`,Yc=r.div`
-  flex: none;
-  border: 1px solid ${a.colors.lineStrong};
-  border-radius: 16px;
-  /* The four equal columns need the design width to hold their content, so a narrower modal scrolls
-     the table here rather than letting the page scroll sideways. */
-  overflow-x: auto;
-  overflow-y: hidden;
-  background: ${a.colors.white};
-`,Jc=r.table`
-  width: 100%;
-  min-width: 1096px;
-  table-layout: fixed;
-  border-collapse: collapse;
-
-  th {
-    height: 48px;
-    padding: 8px 8px 8px 16px;
-    text-align: left;
-    vertical-align: middle;
-    background: ${a.colors.media};
-    border-right: 0.5px solid ${a.colors.lineStrong};
-    font-family: ${a.font.sans};
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 1.5;
-    color: ${a.colors.text};
-    text-transform: capitalize;
-  }
-  th:last-of-type {
-    border-right: 0;
-  }
-
-  td {
-    height: 56px;
-    padding: 8px 8px 8px 16px;
-    vertical-align: middle;
-    border-right: 0.5px solid ${a.colors.lineStrong};
-    border-bottom: 0.5px solid ${a.colors.lineStrong};
-    font-family: ${a.font.sans};
-    font-size: 14px;
-    line-height: 1.43;
-    color: ${a.colors.text2};
-  }
-  td:last-of-type {
-    border-right: 0;
-  }
-
-  tbody tr:hover,
-  tbody tr:focus-within {
-    background: ${a.colors.media};
-  }
-  tbody tr:hover td,
-  tbody tr:focus-within td {
-    border-bottom-color: ${a.colors.media};
-  }
-
-  /* Stack every cell into a card — a 4-column grid is unusable at phone widths. The column name is
-     carried on each cell's data-label so it survives translation. */
-  ${a.media.maxWidth("mobile")} {
-    min-width: 0;
-
-    thead {
-      display: none;
-    }
-    tr {
-      display: block;
-      border-bottom: 0.5px solid ${a.colors.lineStrong};
-    }
-    tr:last-of-type {
-      border-bottom: 0;
-    }
-    td {
-      display: block;
-      height: auto;
-      padding: 8px 16px;
-      border-right: 0;
-      border-bottom: 0;
-    }
-    td:first-of-type {
-      padding-top: 12px;
-    }
-    td:last-of-type {
-      padding-bottom: 12px;
-    }
-    td[data-label]::before {
-      content: attr(data-label);
-      display: block;
-      margin-bottom: 2px;
-      font-size: 12px;
-      line-height: 1.43;
-      color: ${a.colors.muted};
-      text-transform: capitalize;
-    }
-    tbody tr:hover td,
-    tbody tr:focus-within td {
-      border-bottom-color: transparent;
-    }
-  }
-`,mi=`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  min-width: 0;
-
-  .owner-ava {
-    flex: none;
-    display: inline-grid;
-    place-items: center;
-    width: 32px;
-    height: 32px;
-    border: 2.286px solid rgba(255, 255, 255, 0.5);
-    border-radius: 50%;
-    background: ${a.colors.media};
-    object-fit: cover;
-    overflow: hidden;
-    color: ${a.colors.white};
-    font-weight: 700;
-    font-size: 13px;
-  }
-  .owner-name {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-family: ${a.font.sans};
-    font-size: 14px;
-    line-height: 1.43;
-    color: ${a.colors.text2};
-  }
-`,Zc=r.div`
-  ${mi}
-`,Xc=r.button`
-  ${mi}
-  padding: 0;
-  border: 0;
-  background: none;
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-
-  &:hover .owner-name {
-    text-decoration: underline;
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-    border-radius: 4px;
-  }
-`,ca=r.span`
-  color: ${a.colors.muted};
-`,eu=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 4px;
-
-  .amount {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    font-family: ${a.font.sans};
-    font-weight: 600;
-    font-size: 16px;
-    line-height: 1.5;
-    color: ${a.colors.text2};
-  }
-  /* The credits mark is always near-black here — never the violet accent. */
-  .amount .ccy {
-    flex: none;
-    width: 22px;
-    height: 22px;
-    color: ${a.colors.text2};
-  }
-  .approx {
-    color: ${a.colors.muted};
-    font-weight: 600;
-  }
-`,tu=r.div`
-  flex: none;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  opacity: 0;
-  transition: opacity 0.12s ease;
-
-  tr:hover &,
-  tr:focus-within &,
-  &[data-persistent='true'] {
-    opacity: 1;
-  }
-
-  @media (hover: none) {
-    opacity: 1;
-  }
-  ${a.media.maxWidth("mobile")} {
-    opacity: 1;
-  }
-`,gi=`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 40px;
-  padding: 0 12px;
-  border: 0;
-  border-radius: 12px;
-  cursor: pointer;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  text-align: center;
-  white-space: nowrap;
-
-  .ico {
-    width: 20px;
-    height: 20px;
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,nu=r.button`
-  ${gi}
-  min-width: 106px;
-  background: ${a.colors.text2};
-  color: ${a.colors.softWhite};
-
-  &:hover:not(:disabled) {
-    filter: brightness(1.35);
-  }
-  &:disabled {
-    opacity: 0.55;
-    cursor: default;
-  }
-`,ua=r.button`
-  ${gi}
-  background: ${a.colors.accent};
-  color: ${a.colors.softWhite};
-
-  &:hover:not(:disabled) {
-    background: ${a.colors.accentHover};
-  }
-`,ru=r.span`
-  display: inline-flex;
-  align-items: center;
-  height: 40px;
-  padding: 0 12px;
-  border-radius: 12px;
-  background: ${a.colors.chip};
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  color: ${a.colors.muted};
-  white-space: nowrap;
-`,au=r.div`
-  flex: none;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 8px;
-`,iu=r.p`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-size: 12px;
-  line-height: 1;
-  color: ${a.colors.gray0};
-`,pa=r.button`
-  display: grid;
-  place-items: center;
-  padding: 10px;
-  border: 1px solid ${a.colors.text2};
-  border-radius: 4px;
-  background: ${a.colors.white};
-  color: ${a.colors.text2};
-  cursor: pointer;
-
-  /* One chevron glyph turned into ‹ / › so no extra asset is needed. */
-  .ico {
-    width: 11px;
-    height: 11px;
-    transform: rotate(-90deg);
-  }
-  &[data-dir='prev'] .ico {
-    transform: rotate(90deg);
-  }
-  &:disabled {
-    border-color: ${a.colors.lineStrong};
-    color: ${a.colors.lineStrong};
-    cursor: default;
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`,su=r.p`
-  margin: 0;
-  padding: 32px 0;
-  font-family: ${a.font.sans};
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${a.colors.muted};
-  text-align: center;
-`;r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-top: 16px;
-
-  .classic-title {
-    font-family: ${a.font.sans};
-    font-weight: 600;
-    font-size: 15px;
-    color: ${a.colors.text2};
-  }
-  .classic-note {
-    font-family: ${a.font.sans};
-    font-size: 13px;
-    color: ${a.colors.muted};
-  }
-`;r.span`
-  display: inline-flex;
-  align-items: center;
-  padding: 2px 8px;
-  border-radius: ${a.radius.chip};
-  background: ${a.colors.chip};
-  font-family: ${a.font.sans};
-  font-size: 11px;
-  letter-spacing: 0.4px;
-  text-transform: uppercase;
-  color: ${a.colors.muted};
-`;r.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  height: 40px;
-  padding: 0 14px;
-  border: 1px solid ${a.colors.lineStrong};
-  border-radius: 12px;
-  color: ${a.colors.accent};
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  text-decoration: none;
-
-  &:hover {
-    background: ${a.colors.chip};
-  }
-  .ico {
-    width: 14px;
-    height: 14px;
-  }
-`;const Kt=10,ou=!1;function lu(t){return/^0x[a-fA-F0-9]{40}$/.test(t)?`${t.slice(0,6)}…${t.slice(-4)}`:t}function du(t){let s=0;for(let d=0;d<t.length;d++)s=s*31+t.charCodeAt(d)>>>0;return`hsl(${s%360}, 52%, 45%)`}function cu(t,s){var d;return(((d=t==null?void 0:t.trim())==null?void 0:d[0])||s.replace(/^0x/i,"")[0]||"?").toUpperCase()}function uu(t){return t%100>=11&&t%100<=13?"th":["th","st","nd","rd"][t%10]??"th"}function pu(t,s){const d=new Date(t);return Number.isNaN(d.getTime())?"—":s==="en"?`${new Intl.DateTimeFormat("en",{month:"long"}).format(d)} ${d.getDate()}${uu(d.getDate())}, ${d.getFullYear()}`:new Intl.DateTimeFormat(s,{day:"numeric",month:"long",year:"numeric"}).format(d)}function hu(t){return{tradeId:t.tradeId??t.id,listingType:"primary",contractAddress:t.contractAddress,itemId:t.itemId??"",name:t.name,thumbnail:t.thumbnail,rarity:t.rarity,category:t.category,wearableCategory:t.wearableCategory??null,creator:t.creator,manaWei:t.manaWei??"0",available:1,network:t.network,chainId:t.chainId,createdAt:0}}function xu({r:t,seller:s,issuedId:d,labels:o,locale:l,isOwn:p,isLegacy:x,inCart:v,fallbackImage:g,onAdd:$,onBuyNative:h,onBuyLegacy:j}){var i,K;const b=st(),{data:k}=Yt(s),I=(K=(i=k==null?void 0:k.avatar)==null?void 0:i.snapshots)==null?void 0:K.face256,[C,A]=c.useState(!1);c.useEffect(()=>A(!1),[I]);const q=!!I&&!C,M=s?k!=null&&k.name?Jt(k.name):lu(s):void 0,y=q?e.jsx("img",{className:"owner-ava",src:I,alt:"",loading:"lazy",onError:()=>A(!0)}):s?e.jsx("span",{className:"owner-ava",style:{backgroundColor:du(s)},"aria-hidden":!0,children:cu(k==null?void 0:k.name,s)}):g?e.jsx("img",{className:"owner-ava",src:g,alt:"","aria-hidden":!0}):e.jsx("span",{className:"owner-ava","aria-hidden":!0}),H=e.jsxs(e.Fragment,{children:[y,M?e.jsx("span",{className:"owner-name","data-testid":"resale-seller",children:M}):null]});return e.jsxs("tr",{"data-testid":"resale-row","data-source":t.source,"data-own":p?"true":void 0,children:[e.jsx("td",{"data-label":o.owner,children:s?e.jsx(Xc,{type:"button",onClick:()=>b(`/items/creator/${s}`),children:H}):e.jsx(Zc,{children:H})}),e.jsx("td",{"data-label":o.itemNumber,children:d?e.jsxs("span",{"data-testid":"resale-issued",children:["#",d]}):e.jsx(ca,{children:"—"})}),e.jsx("td",{"data-label":o.expiration,children:t.saleEndsAt?pu(t.saleEndsAt,l):e.jsx(ca,{children:"—"})}),e.jsx("td",{"data-label":o.price,children:e.jsxs(eu,{children:[e.jsxs("span",{className:"amount",children:[x?e.jsx("span",{className:"approx","aria-hidden":!0,children:"≈"}):null,e.jsx(Pe,{className:"ccy"}),e.jsx("span",{children:_n(t.priceCredits)})]}),e.jsx(tu,{"data-persistent":p?"true":void 0,children:p?e.jsx(ru,{"data-testid":"resale-own",children:n("resales.yourListing")}):x?e.jsx(ua,{onClick:j,"aria-label":n("assetCard.buyNow"),"data-testid":"resale-buy",children:n("resales.buy")}):e.jsxs(e.Fragment,{children:[e.jsxs(nu,{onClick:$,disabled:v,"aria-label":v?n("assetCard.inCart"):n("assetCard.addToCart"),"data-testid":"resale-add",children:[e.jsx(L,{name:"cart",className:"ico"}),e.jsx("span",{children:v?n("assetCard.inCart"):n("resales.add")})]}),e.jsx(ua,{onClick:h,"aria-label":n("assetCard.buyNow"),"data-testid":"resale-buy",children:n("resales.buy")})]})})]})})]})}function fu({item:t,onClose:s}){var B;const d=t.contractAddress,o=t.itemId,l=ft(),p=St(m=>m.add),x=St(m=>m.items),{session:v}=rt(),g=Ua(m=>m.locale),$=(B=v==null?void 0:v.address)==null?void 0:B.toLowerCase(),h=c.useRef(null),[j,b]=c.useState(null),[k,I]=c.useState(null),[C,A]=c.useState("cheapest"),[q,M]=c.useState(0),y=!!j||!!k;c.useEffect(()=>{var m;(m=h.current)==null||m.focus()},[]),c.useEffect(()=>{function m(S){S.key==="Escape"&&!y&&s()}window.addEventListener("keydown",m);const re=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",m),document.body.style.overflow=re}},[y,s]);const{data:H=[],isLoading:i}=ie({queryKey:["item-resales",d,o],enabled:!!d&&!!o,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>Va(d,o)}),K=c.useMemo(()=>C==="cheapest"?H:[...H].sort((m,re)=>re.priceCredits-m.priceCredits),[H,C]),V=Math.max(1,Math.ceil(K.length/Kt)),G=Math.min(q,V-1),Y=K.slice(G*Kt,G*Kt+Kt),ne=Y.filter(m=>!m.seller||!m.issuedId).map(m=>m.tokenId).filter(m=>!!m),{data:ee={}}=ie({queryKey:["resale-token-info",d,ne.join(",")],enabled:!!d&&ne.length>0,staleTime:6e4,queryFn:()=>$s(d,ne)}),{data:xe=[]}=ie({queryKey:["item-classic-orders",d,o],enabled:ou,queryFn:()=>Cs(d,o)}),pe=H.some(m=>m.source==="legacy"),{data:le}=Qa(pe);function W(){l.invalidateQueries({queryKey:["item-resales",d,o]})}const E={owner:n("resales.colOwner"),itemNumber:n("resales.colItemNumber"),expiration:n("resales.colExpiration"),price:n("resales.colPrice")};return e.jsxs(e.Fragment,{children:[e.jsx(Dc,{onClick:y?void 0:s,role:"presentation",children:e.jsxs(qc,{ref:h,tabIndex:-1,onClick:m=>m.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("resales.modalTitle"),"data-testid":"resellers-modal",children:[e.jsxs(Oc,{children:[e.jsx(Kc,{children:n("resales.modalTitle")}),e.jsx(Hc,{onClick:s,"aria-label":n("resales.close"),"data-testid":"resellers-close",children:e.jsx(L,{name:"close"})})]}),e.jsxs(Uc,{children:[e.jsxs(Qc,{children:[e.jsx(Vc,{"data-testid":"resales-count",children:n("resales.count",{count:H.length})}),e.jsxs(Gc,{children:[e.jsxs("select",{value:C,onChange:m=>{A(m.target.value),M(0)},"aria-label":n("resales.sortLabel"),"data-testid":"resales-sort",children:[e.jsx("option",{value:"cheapest",children:n("resales.sortCheapest")}),e.jsx("option",{value:"most_expensive",children:n("resales.sortExpensive")})]}),e.jsx(L,{name:"chevron-down",className:"chev"})]})]}),i?null:K.length===0?e.jsx(su,{"data-testid":"resales-empty",children:n("resales.empty")}):null,K.length>0?e.jsxs(e.Fragment,{children:[e.jsx(Yc,{children:e.jsxs(Jc,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:E.owner}),e.jsx("th",{scope:"col",children:E.itemNumber}),e.jsx("th",{scope:"col",children:E.expiration}),e.jsx("th",{scope:"col",children:E.price})]})}),e.jsx("tbody",{children:Y.map(m=>{const re=m.source==="legacy",S=x.some(J=>J.id===m.id),T=m.tokenId&&ee[m.tokenId]||{},z=m.issuedId??T.issuedId,D=m.seller??T.seller,ae={...m,name:m.name||t.name,thumbnail:m.thumbnail||t.thumbnail,rarity:m.rarity||t.rarity,category:m.category||t.category,wearableCategory:m.wearableCategory??t.wearableCategory,gender:m.gender??t.gender},ve=!!D&&!!$&&D.toLowerCase()===$;return e.jsx(xu,{r:ae,seller:D,issuedId:z,labels:E,locale:g,isOwn:ve,isLegacy:re,inCart:S,fallbackImage:ae.thumbnail,onAdd:()=>p(ae,"item_detail"),onBuyNative:()=>b(ae),onBuyLegacy:()=>I(hu(ae))},m.tradeId??m.id)})})]})}),V>1?e.jsxs(au,{children:[e.jsx(pa,{"data-dir":"prev",onClick:()=>M(m=>Math.max(0,m-1)),disabled:G===0,"aria-label":n("resales.prevPage"),"data-testid":"resale-prev-page",children:e.jsx(L,{name:"chevron-down"})}),e.jsx(iu,{"data-testid":"resale-page-label",children:n("resales.page",{page:G+1,total:V})}),e.jsx(pa,{onClick:()=>M(m=>Math.min(V-1,m+1)),disabled:G>=V-1,"aria-label":n("resales.nextPage"),"data-testid":"resale-next-page",children:e.jsx(L,{name:"chevron-down"})})]}):null]}):null,null]})]})}),j?e.jsx(En,{item:j,onClose:()=>{b(null),W()}}):null,k&&le?e.jsx(xi,{listing:k,rate:le,onClose:()=>I(null),onSold:()=>{I(null),W()}}):null]})}const mu="data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='76'%20height='76'%20viewBox='0%200%2076%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='weui:shop-outlined'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M25.3333%2022.1667V19C25.3333%2015.6406%2026.6679%2012.4188%2029.0433%2010.0433C31.4188%207.66785%2034.6406%206.33333%2038%206.33333C41.3594%206.33333%2044.5812%207.66785%2046.9567%2010.0433C49.3321%2012.4188%2050.6667%2015.6406%2050.6667%2019V22.1667H60.1667C61.9147%2022.1667%2063.3333%2023.5885%2063.3333%2025.3555V63.3587C63.3333%2066.842%2060.4992%2069.6667%2057.019%2069.6667H18.981C17.3074%2069.6667%2015.7023%2069.0023%2014.5183%2067.8195C13.3343%2066.6367%2012.6683%2065.0322%2012.6667%2063.3587V25.3587C12.6667%2023.5917%2014.0758%2022.1667%2015.8333%2022.1667H25.3333ZM29.1333%2022.1667H46.8667V19C46.8667%2016.6484%2045.9325%2014.3931%2044.2697%2012.7303C42.6069%2011.0675%2040.3516%2010.1333%2038%2010.1333C35.6484%2010.1333%2033.3931%2011.0675%2031.7303%2012.7303C30.0675%2014.3931%2029.1333%2016.6484%2029.1333%2019V22.1667ZM25.3333%2025.9667H16.4667V63.3587C16.4667%2064.7393%2017.594%2065.8667%2018.981%2065.8667H57.019C57.6847%2065.8667%2058.3233%2065.6026%2058.7947%2065.1325C59.266%2064.6623%2059.5317%2064.0244%2059.5333%2063.3587V25.9667H50.6667V34.8333H46.8667V25.9667H29.1333V34.8333H25.3333V25.9667Z'%20fill='url(%23paint0_linear_0_226)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_0_226'%20x1='36.6705'%20y1='6.33333'%20x2='32.2014'%20y2='69.3597'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF7439'/%3e%3cstop%20offset='1'%20stop-color='%23FF2D55'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",{colors:me,font:bi,radius:Kn,z:gu}=a,bu=r.div`
-  position: fixed;
-  inset: 0;
-  z-index: ${gu.overlay};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow-y: auto;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,yu=r.div`
-  width: 560px;
-  max-width: 100%;
-  max-height: 100%;
-  overflow-y: auto;
-  padding: 12px 16px 16px;
-  border-radius: ${Kn.modal};
-  background: ${me.white};
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  font-family: ${bi.sans};
-
-  /* Focused on mount for screen readers; it is not tab-reachable, so it never needs a visible ring. */
-  &:focus {
-    outline: none;
-  }
-`,wu=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${me.gray4};
-`,vu=r.h2`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${me.text};
-`,ju=r.button`
-  position: relative;
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 18.535px;
-  height: 18.535px;
-  padding: 0;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: ${me.text};
-
-  .ico {
-    width: 100%;
-    height: 100%;
-  }
-  /* Keeps the glyph exactly where the design puts it while giving it a tappable hit area. */
-  &::after {
-    content: '';
-    position: absolute;
-    inset: -11px;
-  }
-  &:focus-visible {
-    outline: 2px solid ${me.accent};
-    outline-offset: 2px;
-  }
-`,ku=r.div`
-  padding: 24px 16px;
-  border-radius: ${Kn.modal};
-  background: ${me.promptLilac};
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  text-align: center;
-`,$u=r.img`
-  flex: none;
-  width: 76px;
-  height: 76px;
-`,Cu=r.h3`
-  margin: 0;
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 1.334;
-  color: ${me.text2};
-`,ha=r.p`
-  margin: 0;
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 1.334;
-  color: ${me.text2};
-`,Iu=r.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,yi=`
-  flex: 1 1 0;
-  min-width: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  height: 46px;
-  padding: 0 12px;
-  border-radius: ${Kn.card};
-  font-family: ${bi.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  cursor: pointer;
-  transition:
-    background 0.15s ease,
-    color 0.15s ease;
-
-  &:focus-visible {
-    outline: 2px solid ${me.accent};
-    outline-offset: 2px;
-  }
-`,Su=r.button`
-  ${yi};
-  border: 0.5px solid ${me.text};
-  background: ${me.white};
-  color: ${me.text2};
-
-  &:hover {
-    background: ${me.panel};
-  }
-`,Au=r.a`
-  ${yi};
-  border: 0;
-  background: ${me.dclRed};
-  color: ${me.softWhite};
-  text-decoration: none;
-
-  &:hover {
-    filter: brightness(1.08);
-  }
-`,Mu=r.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-
-  .ico {
-    width: 100%;
-    height: 100%;
-  }
-`;function Pu(t,s){return`${nt.marketplaceUrl}/contracts/${t}/tokens/${s}`}function Lu(t,s){return`${nt.marketplaceUrl}/contracts/${t}/items/${s}`}function xa(t){const{contractAddress:s,onClose:d}=t,o=t.variant==="buy",l=t.variant==="buy"?t.itemId:null,p=t.variant==="buy"?null:t.tokenId,x=t.variant==="buy"?Lu(s,t.itemId):Pu(s,t.tokenId),v=c.useRef(null),g=c.useRef(d);return g.current=d,c.useEffect(()=>{var h;(h=v.current)==null||h.focus();function $(j){j.key==="Escape"&&g.current()}return window.addEventListener("keydown",$),()=>window.removeEventListener("keydown",$)},[]),e.jsx(bu,{role:"presentation",onClick:d,children:e.jsxs(yu,{ref:v,tabIndex:-1,role:"dialog","aria-modal":"true","aria-label":n("marketplaceRedirect.title"),"data-testid":"marketplace-redirect-modal",onClick:$=>$.stopPropagation(),children:[e.jsxs(wu,{children:[e.jsx(vu,{children:n("marketplaceRedirect.title")}),e.jsx(ju,{onClick:d,"aria-label":n("marketplaceRedirect.close"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsxs(ku,{children:[e.jsx($u,{src:mu,alt:"","aria-hidden":!0}),e.jsx(Cu,{children:n("marketplaceRedirect.heading")}),e.jsx(ha,{children:o?n("marketplaceRedirect.buyBody"):n("marketplaceRedirect.body")}),o?e.jsx(ha,{children:n("marketplaceRedirect.buyCurrencyNote")}):null]}),e.jsxs(Iu,{children:[e.jsx(Su,{onClick:d,"data-testid":"marketplace-redirect-cancel",children:n("marketplaceRedirect.cancel")}),e.jsxs(Au,{href:x,target:"_blank",rel:"noreferrer","data-testid":"marketplace-redirect-continue",onClick:()=>Z("Shop Redirected To Marketplace",{direction:o?"buy":"resell",contract_address:s,item_id:l,token_id:p}),children:[n("marketplaceRedirect.continue"),e.jsx(Mu,{"aria-hidden":!0,children:e.jsx(L,{name:"view-all-arrow",className:"ico"})})]})]})]})})}function Hn(){return nt.shopServerUrl||null}function wi(){return!!Hn()}async function Ru(t,s,d){const o=Hn();if(!o)return{subscribed:!1};const l=new URLSearchParams({contractAddress:t,itemId:s}),p=`${o}/notify-requests?${l.toString()}`,x=await Ga(p,{method:"GET",identity:d,metadata:{}});if(!x.ok)throw new Error(`getNotifyRequest ${x.status}`);return Tu(x,"getNotifyRequest")}async function Fu(t,s){const d=Hn();if(!d)throw new Error("createNotifyRequest: no shop-server host configured");const o=`${d}/notify-requests`,l=await Ga(o,{method:"POST",identity:s,metadata:{},headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!l.ok)throw new Error(`createNotifyRequest ${l.status}: ${await l.text()}`);const p=await l.text();if(p.trim()&&!Eu(p))throw new Error("createNotifyRequest: response was not JSON")}async function Tu(t,s){try{return await t.json()}catch{throw new Error(`${s}: response was not JSON`)}}function Eu(t){try{return JSON.parse(t),!0}catch{return!1}}const{colors:Me,radius:vi}=a,ji=mt`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  width: 100%;
-`,zu=r.form`
-  ${ji};
-`,fa=r.div`
-  ${ji};
-
-  &[data-done] {
-    flex-direction: row;
-    align-items: center;
-    gap: 16px;
-    padding: 12px;
-    border-radius: 16px;
-    background: #c1d8c9;
-  }
-`,Nu=r.label`
-  font-size: 14px;
-  color: ${Me.softWhite};
-`,Bu=r.div`
-  display: flex;
-  align-items: stretch;
-  gap: 8px;
-`,_u=r.input`
-  flex: 1;
-  min-width: 0;
-  height: 42px;
-  padding: 0 16px;
-  border: 1px solid ${Me.fieldBorder};
-  border-radius: ${vi.btn};
-  background: rgba(255, 255, 255, 0.1);
-  font-size: 16px;
-  color: ${Me.softWhite};
-
-  &::placeholder {
-    color: ${Me.gray4};
-  }
-  &:focus-visible {
-    outline: none;
-    border-color: ${Me.white};
-    box-shadow: 0 0 0 1px ${Me.white};
-  }
-`,ma=r.button`
-  flex-shrink: 0;
-  height: 40px;
-  padding: 0 12px;
-  border: 0;
-  border-radius: ${vi.card};
-  background: ${Me.softWhite};
-  color: ${Me.text};
-  font-weight: 600;
-  font-size: 15px;
-  line-height: 24px;
-  text-transform: uppercase;
-  letter-spacing: 0.46px;
-  cursor: pointer;
-  transition: background 0.15s ease;
-
-  &[data-full] {
-    width: 100%;
-    flex-shrink: 1;
-  }
-  &:hover:not(:disabled) {
-    background: ${Me.white};
-  }
-  &:disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-`,Wu=r.span`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: #34ce76;
-  color: ${Me.white};
-`,Du=r.span`
-  font-size: 16px;
-  line-height: 1.5;
-  color: ${Me.text2};
-`;function ga(t){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim())}function qu({item:t}){const s=rt(A=>A.session),d=rt(A=>A.signIn),[o,l]=c.useState(""),[p,x]=c.useState(!1),[v,g]=c.useState(!1),[$,h]=c.useState(null),j=wi(),b=j&&!!s&&!!t.contractAddress&&!!t.itemId,{data:k}=ie({queryKey:["notify-request",t.contractAddress,t.itemId,s==null?void 0:s.address],enabled:b,queryFn:()=>Ru(t.contractAddress,t.itemId,s.identity)});c.useEffect(()=>{k!=null&&k.email&&l(A=>A||k.email)},[k==null?void 0:k.email]),c.useEffect(()=>{if(!s||!j)return;let A=!1;return Is().then(q=>{!A&&q&&l(M=>M||q)}),()=>{A=!0}},[j,s]);const I=v||!!(k!=null&&k.subscribed);async function C(A){if(A.preventDefault(),!(!s||!t.itemId||!ga(o)||p)){x(!0),h(null);try{await Fu({contractAddress:t.contractAddress,itemId:t.itemId,chainId:t.chainId,email:o.trim()},s.identity),g(!0),Z("Shop Requested Notify",{item_id:t.itemId,contract_address:t.contractAddress})}catch(q){ue(q,{flow:"notify-me",contractAddress:t.contractAddress,itemId:t.itemId}),h(n("notifyMe.error"))}finally{x(!1)}}}return j?s?I?e.jsxs(fa,{"data-done":!0,"data-testid":"notify-subscribed",children:[e.jsx(Wu,{"aria-hidden":!0,children:e.jsx(L,{name:"check",size:12})}),e.jsx(Du,{children:n("notifyMe.subscribedBody")})]}):e.jsxs(zu,{onSubmit:A=>void C(A),"data-testid":"notify",children:[e.jsx(Nu,{htmlFor:"notify-email",children:n("notifyMe.label")}),e.jsxs(Bu,{children:[e.jsx(_u,{id:"notify-email",type:"email",inputMode:"email",autoComplete:"email",placeholder:n("notifyMe.placeholder"),value:o,onChange:A=>l(A.target.value),"data-testid":"notify-email"}),e.jsx(ma,{type:"submit",disabled:!ga(o)||p,"data-testid":"notify-submit",children:p?n("notifyMe.working"):n("notifyMe.cta")})]}),e.jsx(it,{message:$})]}):e.jsx(fa,{"data-testid":"notify",children:e.jsx(ma,{type:"button","data-full":!0,onClick:d,"data-testid":"notify-signin",children:n("notifyMe.signInCta")})}):null}const Ou=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 100%;
-  font-family: ${a.font.sans};
-`,Ku=r.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  font-size: 12px;
-`,Hu=r.span`
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${a.colors.muted2};
-  /* Drawn in caps, like the PRICE and STOCK labels beside it. Cased here rather than in the string so a
-     translation is not forced to shout in a language where that reads badly. */
-  text-transform: uppercase;
-  white-space: nowrap;
-`,ba=r.span`
-  /* Sized here, not inherited from the head row: the same element also sits UNDER the bar, outside it. */
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 22px;
-  color: ${a.colors.softWhite};
-  text-transform: lowercase;
-  white-space: nowrap;
-`,Uu=r.div`
-  position: relative;
-  width: 100%;
-  height: 10px;
-  border-radius: 100px;
-  background: rgba(255, 255, 255, 0.2);
-  /* The fill is a child with its own radius; clipping here keeps a full bar's ends round. */
-  overflow: hidden;
-`,Qu=r.div`
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 10px;
-  border-radius: 100px;
-  background: ${a.colors.dclRed};
-  transition: width 0.3s ease;
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-`;function Vu({claimed:t,total:s,className:d,testId:o}){if(!Number.isFinite(t)||!Number.isFinite(s)||s<=0)return null;const l=Math.min(s,Math.max(0,t)),p=Math.round(l/s*100);return e.jsxs(Ou,{className:d,"data-testid":o,children:[e.jsxs(Ku,{children:[e.jsx(Hu,{children:n("offerStock.label")}),e.jsx(ba,{children:n("offerStock.claimed",{claimed:l,total:s})})]}),e.jsx(Uu,{role:"progressbar","aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":l,"aria-label":n("offerStock.claimed",{claimed:l,total:s}),children:e.jsx(Qu,{style:{width:`${p}%`}})}),e.jsx(ba,{children:n("offerStock.percent",{pct:p})})]})}const Gu=new Map(Object.entries(Ss).flatMap(([t,s])=>s.length===1?[[s[0],t]]:[])),xt="/items";function Yu(t){return t?`${xt}?rarities=${encodeURIComponent(t.toLowerCase())}`:null}function Ju(t){const s=t.wearableCategory;if(s){const d=Gu.get(s);return d?`${xt}?category=wearable&subCategory=${encodeURIComponent(d)}`:`${xt}?category=wearable`}return t.category==="emote"?`${xt}?category=emote`:t.category==="wearable"?`${xt}?category=wearable`:null}function Zu(){return`${xt}?smart=true`}const Xu=r(As)`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  gap: 1px;
-  background: ${a.colors.lineStrong};
-
-  /* Rows stack; each cell (<img>) covers its share. A single row (≤2 thumbnails, data-full) spans the
-     full height. */
-  & [data-collage-row] {
-    display: flex;
-    flex: 1 1 50%;
-    min-height: 0;
-    gap: 1px;
-  }
-  & [data-collage-row][data-full] {
-    flex-basis: 100%;
-  }
-  & [data-collage-row] img {
-    flex: 1 1 0;
-    min-width: 0;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block;
-  }
-`;function ep({contractAddress:t,name:s,items:d,className:o}){const l=st();if(!t||!s)return null;const p=(d??[]).map(g=>g.thumbnail).filter(g=>!!g).slice(0,4),x=p.slice(0,2),v=p.slice(2,4);return e.jsxs(Ms,{as:"button","data-link":!0,className:o,"data-testid":"creator",onClick:g=>{g.stopPropagation(),l(`/collection/${t}`)},children:[p.length>0?e.jsxs(Xu,{as:"span","data-avatar":!0,"data-testid":"creator-ava","aria-hidden":!0,children:[e.jsx("span",{"data-collage-row":!0,"data-full":v.length===0||void 0,children:x.map((g,$)=>e.jsx("img",{src:g,alt:""},$))}),v.length>0?e.jsx("span",{"data-collage-row":!0,children:v.map((g,$)=>e.jsx("img",{src:g,alt:""},$))}):null]}):null,e.jsx(Ps,{"data-testid":"creator-name",children:Jt(s)})]})}const{colors:f,radius:Qe,media:oe,font:tp,gradients:np}=a,rp=r.div`
-  max-width: 1721px;
-  margin: 0 auto;
-
-  ${oe.maxWidth("lg")} {
-    padding-bottom: 88px;
-  }
-`,ap=r.nav`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-  color: ${f.gray4};
-  margin-bottom: 24px;
-  ${El};
-`,ip=r.button`
-  background: none;
-  border: 0;
-  padding: 0;
-  font: inherit;
-  color: ${f.gray4};
-
-  &:hover {
-    color: ${f.white};
-  }
-`,sp=r.span`
-  color: ${f.muted2};
-`,op=r.span`
-  color: ${f.softWhite};
-  font-weight: 600;
-`,lp=r.div`
-  position: relative;
-  /* Confines the glow's negative z-index, which would otherwise escape to the root stacking context. */
-  isolation: isolate;
-  display: grid;
-  grid-template-columns: minmax(0, 1045fr) minmax(0, 514fr);
-  gap: 48px;
-  align-items: start;
-
-  /* Preview column width, re-derived from the tracks above so the glow's pivot cannot drift. */
-  --preview-col-w: calc((100% - 48px) * 1045 / 1559);
-  /* Oversized so the glow reaches past the frame while the gradient still finishes fading inside its
-     own box: the radii cannot exceed 50% without ending outside the box and painting a hard rectangle. */
-  --glow-box: 1.76;
-
-  /* Avatar glow, hung off the grid container because the preview frame clips its own overflow. Sits
-     under the frame and, by document order, above the body symbols on the same z-index. */
-  &::before {
-    content: '';
-    position: absolute;
-    z-index: -1;
-    pointer-events: none;
-    top: 0;
-    left: calc(var(--preview-col-w) / 2);
-    width: calc(var(--preview-col-w) * var(--glow-box));
-    aspect-ratio: 1045 / 752;
-    transform: translate(-50%, calc(50% / var(--glow-box) - 50%));
-    background: radial-gradient(
-      50% 50% at 50% 52%,
-      rgb(var(--glow-core, ${f.glowCyanRgb})) 0%,
-      rgb(var(--glow-rgb, ${f.glowCyanRgb}) / 0.9) 20%,
-      45%,
-      rgb(var(--glow-rgb, ${f.glowCyanRgb}) / 0) 100%
-    );
-  }
-
-  ${oe.maxWidth("lg")} {
-    grid-template-columns: 1fr;
-    gap: 24px;
-
-    /* The track maths is desktop-only; one column puts the pivot nowhere meaningful. */
-    &::before {
-      display: none;
-    }
-  }
-`,dp=r.div`
-  position: relative;
-  aspect-ratio: 1045 / 752;
-  border-radius: ${Qe.banner};
-  overflow: hidden;
-
-  /* Edge to edge once the page is a single column: the stage is the whole width there, so it cancels the
-     shell's gutter instead of sitting inside it. No transform, which would make this the containing block
-     for the absolutely-positioned controls below. */
-  ${oe.maxWidth("lg")} {
-    aspect-ratio: 1 / 1;
-    width: 100vw;
-    margin-left: calc(-50vw + 50%);
-    border-radius: 0;
-  }
-
-  & iframe,
-  & > * {
-    width: 100%;
-    height: 100%;
-    border: 0;
-    display: block;
-  }
-
-  /* Soft edges so legs and the cast shadow dissolve instead of being sliced by the overflow clip — on the
-     iframe alone, so the pills and note stay crisp, and intersected linears rather than one radial, which
-     would round the corners. The bands stay clear of the controls aang draws ~40px inside its canvas. */
-  & iframe {
-    -webkit-mask-image:
-      linear-gradient(to bottom, transparent 0%, #000 3%, #000 92%, transparent 100%),
-      linear-gradient(to right, transparent 0%, #000 3%, #000 97%, transparent 100%);
-    -webkit-mask-composite: source-in;
-    mask-image:
-      linear-gradient(to bottom, transparent 0%, #000 3%, #000 92%, transparent 100%),
-      linear-gradient(to right, transparent 0%, #000 3%, #000 97%, transparent 100%);
-    mask-composite: intersect;
-  }
-
-  /* Invisible viewport sentinel for the IntersectionObserver that pauses the preview off-screen.
-     Absolute + pointer-events:none so it neither takes layout space (undoing the greedy child sizing
-     above) nor blocks the preview controls. */
-  & > [data-preview-viewport] {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    z-index: 0;
-  }
-
-  & > [data-preview-toggle] {
-    position: absolute;
-    top: 16px;
-    left: 16px;
-    z-index: 2;
-    width: auto;
-    height: auto;
-    display: inline-flex;
-    gap: 2px;
-    padding: 3px;
-    background: rgba(255, 255, 255, 0.92);
-    border: 1px solid ${f.line};
-    border-radius: 999px;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
-
-    /* Bottom-right on mobile, and the two buttons meet directly: the design draws one clipped group, so the
-       container carries no fill, gap or padding of its own there. */
-    ${oe.maxWidth("lg")} {
-      top: auto;
-      left: auto;
-      right: 16px;
-      bottom: 16px;
-      gap: 0;
-      padding: 0;
-      background: none;
-      border: 0;
-      box-shadow: none;
-      overflow: hidden;
-    }
-  }
-
-  & > [data-preview-note] {
-    position: absolute;
-    bottom: 14px;
-    left: 50%;
-    transform: translateX(-50%);
-    z-index: 2;
-    width: auto;
-    height: auto;
-    max-width: 88%;
-    margin: 0;
-    text-align: center;
-    background: rgba(22, 21, 24, 0.78);
-    color: ${f.white};
-    font-size: 12px;
-    font-weight: 500;
-    padding: 6px 12px;
-    border-radius: 999px;
-  }
-
-  & > [data-preview-loading] {
-    position: absolute;
-    inset: 0;
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    background: transparent;
-  }
-
-  & > [data-fav-preview] {
-    display: none;
-  }
-
-  /* Bottom-LEFT: the emote controls and the preview note both own the bottom centre, and the mobile
-     wearable/avatar toggle owns the bottom right, so this is the one free corner on every route. */
-  & > [data-play-showcase] {
-    position: absolute;
-    bottom: 16px;
-    left: 16px;
-    z-index: 2;
-    width: auto;
-    height: auto;
-  }
-
-  ${oe.maxWidth("lg")} {
-    & > [data-preview-toggle] {
-      top: auto;
-      left: auto;
-      bottom: 12px;
-      right: 12px;
-      gap: 0;
-      padding: 0;
-      background: transparent;
-      border: 0;
-      box-shadow: 0 1px 4px rgba(22, 21, 24, 0.18);
-      overflow: hidden;
-    }
-    & > [data-fav-preview] {
-      display: inline-flex;
-      position: absolute;
-      top: 12px;
-      right: 12px;
-      z-index: 3;
-      width: auto;
-      min-width: 40px;
-      height: 40px;
-      background: rgba(255, 255, 255, 0.92);
-      box-shadow: 0 1px 4px rgba(22, 21, 24, 0.18);
-    }
-    & > [data-fav-preview]:hover {
-      background: ${f.white};
-    }
-  }
-`,cp=r.div``,up=r.span`
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  border-radius: inherit;
-`,pp=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-`,hp=r.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-
-  ${oe.maxWidth("lg")} {
-    order: 0;
-  }
-`,xp=r.h1`
-  font-size: 28px;
-  font-weight: 600;
-  line-height: 34px;
-  color: ${f.softWhite};
-
-  ${oe.maxWidth("lg")} {
-    font-size: 20px;
-    line-height: 24px;
-  }
-`,ya=r.button`
-  flex: none;
-  min-width: 40px;
-  height: 40px;
-  padding: 0;
-  border-radius: ${Qe.pill};
-  border: 0;
-  background: rgba(255, 255, 255, 0.16);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  color: ${f.softWhite};
-  cursor: pointer;
-  transition:
-    color 0.12s ease,
-    background 0.12s ease;
-
-  &[data-count] {
-    padding: 0 14px 0 12px;
-  }
-  &:hover {
-    background: rgba(255, 255, 255, 0.28);
-  }
-  &[data-on] {
-    color: ${f.dclRed};
-  }
-
-  ${oe.maxWidth("lg")} {
-    color: ${f.text};
-    &[data-fav-title] {
-      display: none;
-    }
-  }
-`,wa=r.span`
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 1;
-  color: ${f.softWhite};
-
-  ${oe.maxWidth("lg")} {
-    color: ${f.text};
-  }
-`,fp=r.button`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 14px;
-  border: 1px solid ${f.line};
-  border-radius: ${Qe.pill};
-  background: rgba(255, 255, 255, 0.94);
-  backdrop-filter: blur(6px);
-  box-shadow: 0 2px 10px rgba(22, 21, 24, 0.12);
-  color: ${f.text};
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: background 0.12s ease;
-
-  &:hover {
-    background: ${f.white};
-  }
-  &:focus-visible {
-    outline: 2px solid ${f.accent};
-    outline-offset: 2px;
-  }
-`,pt=r.div`
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-size: 12px;
-  font-weight: 500;
-  text-transform: uppercase;
-  letter-spacing: 0;
-  color: ${f.gray4};
-`,mp=r.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-  margin-top: 12px;
-
-  ${oe.maxWidth("lg")} {
-    order: 1;
-    margin-top: 10px;
-  }
-`,Be=r(Ka)`
-  height: 24px;
-  padding: 0 8px;
-  gap: 3px;
-  font-size: 13px;
-  font-weight: 500;
-  border-radius: 4px;
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  background: rgba(255, 255, 255, 0.14);
-  color: ${f.softWhite};
-
-  & .ico {
-    color: ${f.softWhite};
-  }
-  &[data-variant='cat'] {
-    background: rgba(255, 255, 255, 0.14);
-    color: ${f.softWhite};
-  }
-
-  /* The blocked-VRM-export badge. Warning orange, tinted at 20% for the fill — the marketplace's own
-     #ff7439 on #ff743933, kept identical so the same restriction reads the same in both places. It is the
-     one chip in this row that reports a limitation rather than a feature, and it should not blend in. */
-  &[data-variant='blocked'] {
-    background: rgba(255, 116, 57, 0.2);
-    color: #ff7439;
-    cursor: help;
-  }
-  &[data-variant='blocked']:focus-visible {
-    outline: 2px solid #ff7439;
-    outline-offset: 2px;
-  }
-`,Ht=r(Be.withComponent(Ba))`
-  text-decoration: none;
-  cursor: pointer;
-  transition: background 0.15s ease;
-
-  &:hover,
-  &:focus-visible {
-    background: rgba(255, 255, 255, 0.26);
-  }
-
-  /* The rarity chip carries its own colour inline, so a background hover would be overridden and the
-     chip would look inert. It gets a ring instead, which reads on any fill. */
-  &[data-variant='rarity']:hover,
-  &[data-variant='rarity']:focus-visible {
-    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45);
-  }
-`,gp=r.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 8px;
-`,zn=r(gp)`
-  gap: 11px;
-`,va=r.p`
-  margin: 0;
-  color: ${f.softWhite};
-  font-size: 14px;
-  line-height: 30px;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 4;
-  overflow: hidden;
-
-  &[data-expanded] {
-    -webkit-line-clamp: unset;
-    overflow: visible;
-  }
-`,bp=r.button`
-  font-size: 13px;
-  align-self: flex-start;
-`,ki=mt`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-`,$i=r.div`
-  ${ki};
-  /* Clears the chips above. The pair below sits at 32px, so this is the tighter of the two steps: the
-     description belongs to the heading block it follows, the creator/collection pair is a new subject. */
-  margin-top: 24px;
-
-  ${oe.maxWidth("lg")} {
-    order: 3;
-    grid-template-columns: 1fr;
-    /* Stacked, the two blocks need real separation — as one column they would read as one paragraph. */
-    gap: 20px;
-    margin-top: 20px;
-  }
-`,Nn=r.div`
-  min-width: 0;
-`,Ci=r.div`
-  ${ki};
-  margin-top: 32px;
-
-  ${oe.maxWidth("lg")} {
-    order: 2;
-    margin-top: 20px;
-  }
-`,It=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-  min-width: 0;
-
-  &[data-collection] {
-    align-items: flex-start;
-  }
-`,Ii=mt`
-  &[data-testid='creator'] {
-    color: ${f.softWhite};
-    font-size: 14px;
-    gap: 12px;
-  }
-  [data-avatar] {
-    width: 48px;
-    height: 48px;
-  }
-  [data-letter] {
-    font-size: 18px;
-  }
-  [data-testid='creator-name'] {
-    color: ${f.softWhite};
-    font-weight: 500;
-    text-decoration: underline;
-  }
-  &[data-link]:hover [data-testid='creator-name'] {
-    color: ${f.gray4};
-  }
-`,yp=r(Rs)`
-  ${Ii}
-`,wp=r(ep)`
-  ${Ii}
-`,Si=r.hr`
-  border: 0;
-  border-top: 1px solid rgba(255, 255, 255, 0.3);
-  margin: 24px 0 0;
-  width: 100%;
-
-  /* Below the price, not above it: the design hangs this off the bottom of the buy section (2090:399782),
-     so it closes the price rather than separating it from the description. */
-  ${oe.maxWidth("lg")} {
-    order: 5;
-    margin-top: 16px;
-  }
-`,vp=r(Ls)`
-  margin-bottom: 12px;
-`,jp=r.div`
-  margin-top: 16px;
-  /* The design's Pricing frame stacks its rows 16px apart; without it the stock scale sat against the
-     underside of the price and read as part of it. */
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-
-  ${oe.maxWidth("lg")} {
-    order: 4;
-    margin-top: 16px;
-  }
-`,kp=r.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 16px;
-  width: 100%;
-`,$p=r.div`
-  flex: 1 1 auto;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,ja=r.div`
-  flex: 0 0 auto;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 8px;
-  text-align: right;
-`,Sn=r.div`
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 1;
-  color: ${f.softWhite};
-
-  &[data-out] {
-    font-size: 14px;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.02em;
-    color: ${f.gray4};
-  }
-`,An=r.div`
-  font-size: 14px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0;
-  color: ${f.muted2};
-`,$t=r.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: 700;
-  color: ${f.softWhite};
-
-  /* Not for sale: "Not for Sale" + an info tooltip, 14px semibold, no PRICE label. */
-  &[data-variant='none'] {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    font-size: 14px;
-    font-weight: 600;
-    color: ${f.softWhite};
-  }
-  /*
-   * White, not red. The tag above the title is what announces the discount; painting the number red too
-   * said it a second time and left the price itself the least legible thing in its own row.
-   */
-  &[data-variant='sale'] {
-    flex-wrap: wrap;
-    gap: 4px 8px;
-    color: ${f.white};
-  }
-`;r.span`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  font-weight: 700;
-  color: ${f.dclRed};
-`;const Ct=r.span`
-  font-size: 30px;
-  line-height: 1;
-`,Cp=r.span`
-  display: inline-flex;
-  color: ${f.muted2};
-  cursor: help;
-
-  &:focus-visible {
-    outline: 2px solid ${f.accent};
-    outline-offset: 2px;
-    border-radius: ${Qe.chip};
-  }
-`,Ip=r.span`
-  font-size: 24px;
-  font-weight: 700;
-  color: ${f.softWhite};
-  margin-right: -2px;
-`,Sp=r.div`
-  font-size: 13px;
-  margin-top: 6px;
-  color: ${f.gray4};
-`;r.div`
-  flex-basis: 100%;
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 8px 12px;
-`;const Ap=r.div`
-  font-size: 13px;
-  font-weight: 600;
-  color: ${f.dclRed};
-`,Mp=r.span`
-  display: inline-flex;
-  align-items: center;
-  color: ${f.muted2};
-  text-decoration: line-through;
-  font-weight: 400;
-  font-size: 20px;
-`;r.span`
-  display: inline-flex;
-  align-items: center;
-  background: ${f.dclRed};
-  color: ${f.white};
-  font-weight: 800;
-  font-size: 13px;
-  letter-spacing: 0.03em;
-  text-transform: uppercase;
-  border-radius: 6px;
-  padding: 4px 10px;
-`;r(So)`
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  background: ${f.rarityBg};
-  color: ${f.accent};
-  font-size: 13px;
-  font-weight: 700;
-  border-radius: 6px;
-  padding: 4px 10px;
-  white-space: nowrap;
-`;const Pp=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  margin-top: 20px;
-
-  ${oe.maxWidth("lg")} {
-    order: 6;
-
-    &[data-buttons] {
-      position: fixed;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      z-index: 40;
-      margin-top: 0;
-      padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
-      background: #2b0e44;
-      box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
-    }
-    &[data-dual] {
-      flex-direction: row;
-      align-items: stretch;
-      gap: 12px;
-    }
-  }
-`,Xt=mt`
-  && {
-    width: 100%;
-    height: 48px;
-    border-radius: 16px;
-    padding: 0 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    font-size: 15px;
-    font-weight: 600;
-    line-height: 24px;
-    letter-spacing: 0.46px;
-    text-transform: uppercase;
-  }
-`,Mn=r(Ue)`
-  ${Xt};
-  /* The design system's primary fill (Figma 867:61063 carries the "BUY Button" gradient), same as the
-     cart's CHECKOUT and the credits CTA. This read as a flat #fb5c19 for a while — that colour was
-     sampled off the flattened render rather than the node's fill. */
-  && {
-    background: ${np.buyBtn};
-  }
-  &&::before {
-    content: none;
-  }
-  &&:hover:not(:disabled) {
-    background-image: linear-gradient(${f.dclRed}, ${f.dclRed});
-  }
-
-  ${oe.maxWidth("lg")} {
-    [data-dual] && {
-      flex: 1 1 auto;
-      width: auto;
-    }
-  }
-`,Lp=r(Ue)`
-  ${Xt};
-  && {
-    background: ${f.blackBtn};
-    color: ${f.softWhite};
-    border: 0;
-
-    .ico {
-      width: 20px;
-      height: 20px;
-    }
-  }
-  &&:hover:not(:disabled) {
-    background: ${f.blackBtn};
-    filter: brightness(1.35);
-  }
-`,ka=r.button`
-  align-self: center;
-  border: 0;
-  background: none;
-  padding: 8px 0;
-  color: ${a.colors.accent};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  text-decoration: underline;
-  cursor: pointer;
-
-  /* Opt-in for the uses that sit directly on the purple field, where the accent purple above is all
-     but invisible against it. Not a change to the shared colour: the other uses live inside
-     GaslessNotice, whose light fill is what that accent was picked for. */
-  &[data-on-purple] {
-    color: ${a.colors.white};
-  }
-
-  &:disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-`,Rp=r(Ue)`
-  ${Xt};
-  && {
-    background: rgba(255, 255, 255, 0.2);
-    color: ${f.softWhite};
-    border: 0;
-
-    .ico {
-      width: 20px;
-      height: 20px;
-    }
-  }
-  &&:hover:not(:disabled) {
-    background: rgba(255, 255, 255, 0.3);
-  }
-  &&:disabled {
-    opacity: 0.5;
-  }
-`,$a=r(Ue)`
-  ${Xt};
-  && {
-    background: rgba(0, 0, 0, 0.4);
-    color: ${f.white};
-    border: 0;
-  }
-  &&:hover:not(:disabled) {
-    background: rgba(0, 0, 0, 0.55);
-  }
-  &&:disabled {
-    opacity: 0.5;
-  }
-`,Pn=r.span`
-  display: none;
-  align-items: center;
-  gap: 6px;
-
-  ${oe.maxWidth("lg")} {
-    [data-dual] & {
-      display: inline-flex;
-    }
-  }
-`,Ca=r.button`
-  width: 100%;
-  height: 48px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  /* Dark-theme test: translucent white pill, white label (Figma 867:61064) — same secondary
-     treatment as the card's ADD TO CART. */
-  background: rgba(255, 255, 255, 0.2);
-  color: ${f.softWhite};
-  border: 0;
-  border-radius: 16px;
-  font-weight: 600;
-  font-size: 15px;
-  text-transform: uppercase;
-  letter-spacing: 0.46px;
-  cursor: pointer;
-  transition: background 0.15s ease;
-
-  &:hover:not(:disabled) {
-    background: ${f.softWhite};
-    color: ${f.text2};
-  }
-  &:disabled {
-    background: rgba(255, 255, 255, 0.12);
-    color: rgba(252, 252, 252, 0.7);
-    cursor: default;
-  }
-
-  ${oe.maxWidth("lg")} {
-    [data-dual] & {
-      flex: 0 0 auto;
-      width: 56px;
-      padding: 0;
-    }
-    [data-dual] & .ico {
-      margin: 0;
-    }
-  }
-`,Ia=r.span`
-  ${oe.maxWidth("lg")} {
-    [data-dual] & {
-      display: none;
-    }
-  }
-`,Fp=r.p`
-  margin: 12px 0 0;
-  font-size: 13px;
-  color: ${f.gray4};
-
-  & a {
-    color: ${f.softWhite};
-    font-weight: 600;
-  }
-`;r.p`
-  margin: 4px 0 0;
-  font-size: 13px;
-  color: ${f.gray4};
-
-  & a {
-    color: ${f.accent};
-    font-weight: 600;
-  }
-`;const Tp=r.div`
-  max-width: 1721px;
-  margin: 0 auto;
-  min-height: 46vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  gap: 14px;
-  color: ${f.softWhite};
-`,Ep=r.p`
-  margin: 0;
-  color: ${f.gray4};
-`,zp=r(Ue)`
-  margin-top: 6px;
-`,Np=r(L)`
-  opacity: 0.4;
-`,Bp=r.h1`
-  font-size: 22px;
-`,_p=r.div`
-  display: flex;
-  flex-direction: column;
-`,Sa=r.span`
-  display: block;
-  height: 15px;
-  width: 84px;
-  border-radius: 4px;
-`,Wp=r.div`
-  display: flex;
-  flex-direction: column;
-  align-self: stretch;
-  gap: 16px;
-  padding: 8px 0;
-`,Dp=r.span`
-  display: inline-flex;
-  align-items: center;
-  height: 48px;
-  gap: 10px;
-  background: none !important;
-
-  &::before,
-  &::after {
-    content: '';
-    display: block;
-  }
-  &::before {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    background: ${f.media};
-  }
-  &::after {
-    width: 96px;
-    height: 14px;
-    border-radius: 6px;
-    background: ${f.media};
-  }
-`,qp=r.span`
-  height: 34px;
-  width: 70%;
-  margin: 3px 0;
-  border-radius: 8px;
-`,Op=r.div`
-  display: flex;
-  gap: 8px;
-  /* Same as Chips above, so the row does not move when the real chips arrive. */
-  margin-top: 12px;
-`,Ln=r.span`
-  height: 24px;
-  width: 88px;
-  border-radius: 6px;
-`,Rn=r.span`
-  height: 14px;
-  width: 100%;
-  border-radius: 6px;
-
-  &[data-short] {
-    width: 55%;
-  }
-`,Kp=r.span`
-  display: block;
-  height: 30px;
-  width: 40%;
-  margin: 16px 0 13px;
-  border-radius: 8px;
-`,Hp=r.span`
-  display: block;
-  height: 42px;
-  width: 100%;
-  border-radius: 8px;
-  margin-top: 20px;
-`,Ut=r(Pe)`
-  width: 30px;
-  height: 30px;
-  color: ${f.softWhite};
-
-  &[data-was] {
-    width: 20px;
-    height: 20px;
-    color: ${f.gray4};
-  }
-`,Fn=r(Pe)`
-  width: 20px;
-  height: 20px;
-`,Up=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 8px;
-  margin: 16px 0;
-  border-radius: ${Qe.btn};
-  background: rgba(22, 21, 24, 0.55);
-`,Qp=r.span`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 14px;
-  line-height: 14px;
-  color: ${f.softWhite};
-`,Vp=r(L)`
-  width: 20px;
-  height: 20px;
-  color: ${f.softWhite};
-`,Gp=r(L)`
-  width: 24px;
-  height: 24px;
-  color: ${f.white};
-`,Yp=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  width: 100%;
-  margin-top: 16px;
-
-  &[data-centered] {
-    justify-content: center;
-  }
-`,Jp=r.span`
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  font-size: 14px;
-  font-weight: 600;
-  color: ${f.gray4};
-
-  & .ico {
-    width: 20px;
-    height: 20px;
-    color: ${f.gray4};
-  }
-`,Zp=r.span`
-  font-size: 16px;
-  font-weight: 700;
-  padding-left: 2px;
-`,Bn=r.button`
-  border: 0;
-  background: none;
-  padding: 0;
-  cursor: pointer;
-  font-family: ${tp.sans};
-  font-size: 13px;
-  font-weight: 600;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  text-decoration: underline;
-  color: ${f.softWhite};
-
-  &:hover {
-    color: ${f.gray4};
-  }
-  &:focus-visible {
-    outline: 2px solid ${f.white};
-    outline-offset: 2px;
-    border-radius: ${Qe.chip};
-  }
-`,Xp=r(Bn)`
-  width: 100%;
-  height: 40px;
-  text-align: center;
-  border-radius: ${Qe.card};
-
-  /* Hover is a translucent fill with the label left alone (Figma 868:67246), not the colour shift
-     ResellersLink uses. That one is an inline link sitting beside a price, where dimming the text is the
-     only surface there is; this is a full-width button, so the button itself is what should react. */
-  &:hover {
-    color: ${f.softWhite};
-    background: ${f.glass};
-  }
-`,eh=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  width: 100%;
-  padding: 16px 0;
-`,Aa=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  width: 100%;
-
-  &[data-variant='original'] {
-    color: ${f.muted2};
-  }
-`,Ma=r.span`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 14px;
-  font-weight: 600;
-
-  [data-variant='original'] & {
-    color: ${f.muted2};
-  }
-  [data-variant='resale'] & {
-    color: ${f.text};
-  }
-`,Pa=r.span`
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  padding: 0 2px;
-
-  [data-variant='original'] & .ico {
-    width: 20px;
-    height: 20px;
-    color: ${f.muted2};
-  }
-  [data-variant='resale'] & .ico {
-    width: 24px;
-    height: 24px;
-    color: ${f.rarity};
-  }
-`,La=r.span`
-  [data-variant='original'] & {
-    font-size: 16px;
-    font-weight: 700;
-    text-decoration: line-through;
-  }
-  [data-variant='resale'] & {
-    font-size: 25px;
-    font-weight: 700;
-    color: ${f.text};
-  }
-`,th=r.span`
-  font-size: 14px;
-  font-weight: 600;
-
-  [data-variant='original'] & {
-    color: ${f.muted2};
-  }
-`,nh=r.span`
-  font-size: 14px;
-  font-weight: 600;
-  color: ${f.text2};
-`,Ra=r.span`
-  display: inline-flex;
-  width: 12px;
-  height: 12px;
-  color: ${f.muted2};
-`,rh=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  width: 100%;
-`,ah=r.div`
-  display: flex;
-  justify-content: center;
-`,en=mt`
-  display: block;
-  background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
-  background-size: 200% 100%;
-  animation: shimmer 1.4s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,ih=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  width: 100%;
-  /* Reserve the divider→CTA rhythm so the block is the same height loading vs loaded. */
-  padding-top: 4px;
-`,sh=r.span`
-  ${en};
-  width: 120px;
-  height: 30px;
-  border-radius: ${Qe.btn};
-  margin-bottom: 4px;
-`,Fa=r.span`
-  ${en};
-  width: 100%;
-  height: 48px;
-  border-radius: 16px;
-`,Ta=r.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,Ea=r.span`
-  ${en};
-  flex: none;
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-`,za=r.span`
-  ${en};
-  width: 96px;
-  height: 16px;
-  border-radius: 6px;
-`;function oh(t){return Object.values(Ae.Rarity).includes(t)}function lh(t){return t==="male"?n("itemDetail.genderMale"):t==="female"?n("itemDetail.genderFemale"):t==="unisex"?n("itemDetail.genderUnisex"):null}function Qt(t){return t.wearableCategory?t.wearableCategory.replace(/_/g," "):t.category==="emote"?n("itemDetail.categoryEmote"):n("itemDetail.categoryWearable")}const Na=8;function Dh(){const{pathname:t}=_a();return e.jsx(dh,{},t)}function dh(){var Ir,Sr,Ar;const{contractAddress:t,itemId:s,tokenId:d}=Hi(),o=pn(t),l=Tc(o),p=pn(s),x=pn(d),v=!!x,g=p??Bl(x)??null,$=_a(),h=$.state,j=st(),b=!!(h!=null&&h.market),k=(h==null?void 0:h.marketPriceCredits)??null,I=ft(),C=St(u=>u.add),A=go(u=>u.spent),q=St(u=>u.items),M=Fs(u=>u.toggle),{session:y,signIn:H}=rt(),[i,K]=c.useState(()=>{if(h!=null&&h.item){const u={...h.item,tradeId:h.tradeId??h.item.tradeId};return v?{...u,tokenId:x,itemId:u.itemId??g}:{...u,tokenId:void 0,itemId:p??u.itemId}}return{id:`${o}-${x??p}`,name:"",creator:"",contractAddress:o??"",itemId:g,category:"wearable",rarity:"common",network:"MATIC",chainId:nt.chainId,thumbnail:"",priceCredits:0,gender:null,isSmart:!1,tokenId:x??void 0,tradeId:h==null?void 0:h.tradeId}}),[V,G]=c.useState(!1),[Y,ne]=c.useState(!!(h!=null&&h.resumeBuy));c.useEffect(()=>{h!=null&&h.resumeBuy&&G(!0)},[h==null?void 0:h.resumeBuy]);function ee(){const u=i.priceCredits>0?i.priceCredits:null;Z("Shop Started Checkout",{checkout_source:"item_page",cart_size:1,cart_value_credits:u,cart_value_usd:u===null?null:Zs(u)}),G(!0)}function xe(){if(y){ee();return}b||vo({type:"item-buy",path:$.pathname}),H()}const pe=c.useRef(!1);c.useEffect(()=>{if(!y||pe.current)return;const u=bo("item-buy");!u||u.path!==$.pathname||(pe.current=!0,ne(!0),ee())},[y]);const le=c.useMemo(()=>i.contractAddress&&(i.itemId??g)?[`${i.contractAddress.toLowerCase()}-${i.itemId??g}`]:void 0,[i.contractAddress,i.itemId,g]),W=Ts(Na,{exclude:le}),E=Es({enabled:W.enabled,hasSignal:W.hasSignal,isLoading:W.isLoading,isError:W.isError,personalized:(Ir=W.result)==null?void 0:Ir.personalized,rowCount:zs(((Sr=W.result)==null?void 0:Sr.data)??[]).length}),{items:B,isCollectionOnly:m,siblings:re,siblingsFetched:S}=Fc({id:i.id,contractAddress:i.contractAddress,itemId:i.itemId??g,tokenId:i.tokenId,creator:i.creator}),{data:T,isLoading:z}=ie({queryKey:["shop-item",i.contractAddress,g],enabled:!b&&!v&&!!i.contractAddress&&!!g,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>eo(i.contractAddress,g)}),D=v?void 0:T;c.useEffect(()=>{D&&K(u=>u.tradeId?{...u,tradeId:D.tradeId,priceCredits:D.priceCredits,manaWei:D.manaWei,available:D.available??u.available,acquisition:D.acquisition,wearableCategory:u.wearableCategory??D.wearableCategory}:{...u,...D})},[D]);const[ae,ve]=c.useState(!1),{data:J=""}=ie({queryKey:["item-desc",i.contractAddress,i.itemId],enabled:!!i.contractAddress&&!!i.itemId,staleTime:5*6e4,queryFn:()=>to(i.contractAddress,i.itemId)}),{data:U,isLoading:X}=ie({queryKey:["collection-meta",i.contractAddress],enabled:!!i.contractAddress,staleTime:5*6e4,queryFn:()=>Oa(i.contractAddress)});c.useEffect(()=>{const u=(D==null?void 0:D.creator)||(U==null?void 0:U.creator);u&&K(se=>se.creator?se:{...se,creator:u})},[D,U]);const fe=c.useMemo(()=>{if(!(v||i.name||D||re.length===0))return(g?re.find(u=>u.itemId===g):void 0)??re.find(u=>u.contractAddress===i.contractAddress)},[v,i.name,i.contractAddress,D,re,g]);c.useEffect(()=>{fe&&K(u=>({...fe,tradeId:u.tradeId??fe.tradeId}))},[fe]);const{data:je,isLoading:ke}=ie({queryKey:["detail-trade",i.id,i.tradeId,i.contractAddress,i.itemId],enabled:!!i.contractAddress,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:async()=>{if(i.tradeId)return i.tradeId;if(!v&&i.itemId){const u=await no(i.contractAddress,i.itemId);return(u==null?void 0:u.id)??null}return null}}),{data:Q}=ie({queryKey:["item-traits",i.contractAddress,g],enabled:!!i.contractAddress&&!!g,staleTime:5*6e4,retry:1,queryFn:()=>ro(i.contractAddress,g)}),ot=(Q==null?void 0:Q.isSmart)??i.isSmart,Le=(Q==null?void 0:Q.utility)??null,$e=c.useMemo(()=>({...i,wearableCategory:i.wearableCategory??(Q==null?void 0:Q.wearableCategory)??void 0,gender:i.gender??(Q==null?void 0:Q.gender)??null}),[i,Q==null?void 0:Q.wearableCategory,Q==null?void 0:Q.gender]),gt=(Q==null?void 0:Q.urn)??null,{data:At}=ie({queryKey:["item-vrm",gt],enabled:!!gt&&i.category==="wearable",staleTime:30*6e4,retry:!1,queryFn:()=>ao(gt)}),[tn,Mt]=c.useState(!1),{data:bt}=ie({queryKey:["item-video",i.contractAddress,g],enabled:ot&&!!i.contractAddress&&!!g,staleTime:30*6e4,retry:!1,queryFn:()=>Mo(i.contractAddress,g)}),Ce=c.useMemo(()=>i.emoteLoop!==void 0?i:(g?re.find(se=>se.itemId===g):void 0)??i,[i,re,g]),Re=qr(I,i.tradeId)??qr(I,je),nn=i.acquisition==="store"&&(i.available??0)>0,de=!!Re||nn,lt=Ns(),{data:Fe=[]}=ie({queryKey:["item-resales",i.contractAddress,i.itemId],enabled:lt&&!b&&!!i.contractAddress&&!!i.itemId,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>Va(i.contractAddress,i.itemId)}),Ke=Fe.length>0?Fe[0].priceCredits:null,Ve=v&&i.tokenId?Fe.find(u=>u.tokenId===i.tokenId)??null:null,Ie=c.useMemo(()=>{const u=Fe[0];return u?{...u,name:u.name||i.name,thumbnail:u.thumbnail||i.thumbnail,rarity:u.rarity||i.rarity,category:u.category||i.category,wearableCategory:u.wearableCategory??i.wearableCategory,gender:u.gender??i.gender}:null},[Fe,i]),[Pt,yt]=c.useState(null),[wt,Ge]=c.useState(!1),[rn,w]=c.useState(!1),[P,F]=c.useState(!1),R=i.manaWei??null,{data:O}=Qa(b||!!R),te=R&&O?Bs(R,O):null;c.useEffect(()=>{te!=null&&K(u=>u.priceCredits===te?u:{...u,priceCredits:te})},[te,i.priceCredits]);const _=c.useMemo(()=>{if(!b||!(h!=null&&h.item))return null;const u=h.item;return u.manaWei?{tradeId:u.tradeId??u.id,listingType:"primary",contractAddress:u.contractAddress,itemId:u.itemId??"",name:u.name,thumbnail:u.thumbnail,rarity:u.rarity,category:u.category,wearableCategory:u.wearableCategory??null,creator:u.creator,manaWei:u.manaWei,available:1,network:u.network,chainId:u.chainId,createdAt:0}:null},[b,h==null?void 0:h.item]),he=b&&k!=null&&!!O&&!!_,De=_s({priceCredits:i.priceCredits,compareAtCredits:i.compareAtCredits,saleEndsAt:i.saleEndsAt}),ye=(()=>{var we,ct;if(!De)return null;const u=yo(A,i.coupon),se=Number(((ct=(we=i.coupon)==null?void 0:we.checks)==null?void 0:ct.uses)??0);return se>0&&u<=se?{claimed:u,total:se}:null})(),Lt=(()=>{if(!De||i.saleUnitsLeft==null)return null;const u=ye?ye.total-ye.claimed:1/0;return i.saleUnitsLeft<u?i.saleUnitsLeft:null})(),Te=c.useMemo(()=>({...i,tradeId:Re,id:Re??i.id}),[i,Re]),an=q.some(u=>u.id===Te.id),Rt=!Te.tokenId,Ai=((Ar=q.find(u=>u.id===Te.id))==null?void 0:Ar.quantity)??0,sn=Rt&&typeof i.available=="number"&&Ai>=i.available,{key:Un,faved:Ye}=Ws(i),He=Ds(i),Mi=Ua(u=>u.locale),Ft=He===void 0?null:He.toLocaleString(Mi),Qn=Ye?n("assetCard.removeFromFavorites"):n("assetCard.addToFavorites"),Vn=He===void 0?Qn:n("itemDetail.favoriteAria",{action:Qn,count:He}),Gn=c.useRef(null);c.useEffect(()=>{!i.name||ke||Gn.current===i.id||(Gn.current=i.id,Z("Shop Viewed Item",{...qs(i),for_sale:de}),Os(i))},[i.id,i.name,ke,de]);const Tt=`${o}/${x??p}`,Yn=c.useRef(Tt);c.useEffect(()=>{if(Yn.current!==Tt){if(Yn.current=Tt,h!=null&&h.item){const u={...h.item,tradeId:h.tradeId??h.item.tradeId};K(v?{...u,tokenId:x,itemId:u.itemId??g}:{...u,tokenId:void 0,itemId:p??u.itemId})}typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"})}},[Tt]);function Pi(){!de||on||ke||!Rt&&an||sn||C(Te,"item_detail")}const Je=oh(i.rarity)?i.rarity:Ae.Rarity.COMMON,Jn=lh($e.gender),Et=Ks($e),Zn=Hs($e.gender),Xn=Yu(i.rarity),er=Ju($e),tr=de&&De,Li=m?n("itemDetail.moreFromCollection"):n("itemDetail.youMightAlsoLike"),on=Us(i,y==null?void 0:y.address),[Ri,nr]=c.useState(!1),[Fi,rr]=c.useState(!1),[Ti,ar]=c.useState(!1),[Ei,ir]=c.useState(!1),[vt,jt]=c.useState(null),[zi,sr]=c.useState(!1),[or,lr]=c.useState(!1),dr=Gt(y==null?void 0:y.providerType),{data:N,isLoading:zt}=ie({queryKey:["owned-token",i.contractAddress,i.tokenId,y==null?void 0:y.address],enabled:!b&&!!(y!=null&&y.address)&&!!i.contractAddress&&!!i.tokenId,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>y?Rr(y.address,i.contractAddress,i.tokenId):null});c.useEffect(()=>{N&&K(u=>u.name?{...u,issuedId:u.issuedId??N.issuedId,priceCredits:N.listingPrice??0,tradeId:N.tradeId}:{id:N.id,name:N.name,creator:"",contractAddress:N.contractAddress,itemId:N.itemId,category:N.category,rarity:N.rarity??"common",network:N.network,chainId:N.chainId,thumbnail:N.image,priceCredits:N.listingPrice??0,gender:null,isSmart:!1,tokenId:N.tokenId,issuedId:N.issuedId,tradeId:N.tradeId})},[N]),c.useEffect(()=>{Ve&&K(u=>u.priceCredits===Ve.priceCredits&&u.tradeId?u:{...u,priceCredits:Ve.priceCredits,tradeId:u.tradeId??Ve.tradeId})},[Ve]),c.useEffect(()=>{vt!=null&&N!=null&&N.isOnSale&&N.listingPrice===vt&&jt(null)},[N,vt]);const cr=!b&&!!i.contractAddress&&!!i.tokenId&&!i.name&&!D&&!zt&&!N,{data:ce,isFetched:Ni}=ie({queryKey:["public-token",i.contractAddress,i.tokenId],enabled:cr,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>io(i.contractAddress,i.tokenId)});c.useEffect(()=>{ce&&K(u=>u.name?u.issuedId?u:{...u,issuedId:ce.issuedId}:{id:ce.id,name:ce.name,creator:"",contractAddress:ce.contractAddress,itemId:ce.itemId,category:ce.category,rarity:ce.rarity??"common",network:ce.network,chainId:ce.chainId,thumbnail:ce.image,priceCredits:ce.listingPrice??0,gender:null,isSmart:!1,tokenId:ce.tokenId,issuedId:ce.issuedId,tradeId:ce.tradeId})},[ce]);const{data:Ee}=ie({queryKey:["publishable-item",i.contractAddress,i.itemId,y==null?void 0:y.address],enabled:on&&!!y&&!!i.itemId,queryFn:async()=>y?(await Po(y.address,y.identity)).find(se=>se.contractAddress.toLowerCase()===i.contractAddress.toLowerCase()&&se.blockchainItemId===i.itemId)??null:null}),ze=v&&!!N,ln=!v&&on,Ne=!b&&(ln||ze),ur=vt!=null?!0:ze?!!(N!=null&&N.isOnSale):de,Nt=ze?N==null?void 0:N.tradeId:Re,pr=ze?!!N:!!Ee,hr=ln||ze&&lt,dn=vt??(ze?(N==null?void 0:N.listingPrice)??0:0),{data:xr=0}=ie({queryKey:["owned-item-count",i.contractAddress,p,y==null?void 0:y.address],enabled:!v&&!b&&!!(y!=null&&y.address)&&!!i.contractAddress&&!!p,staleTime:3e4,queryFn:()=>y?so(y.address,i.contractAddress,p):0});async function Ze(){await Promise.all([I.invalidateQueries({queryKey:["owned-token",i.contractAddress,i.tokenId]}),I.invalidateQueries({queryKey:["detail-trade"]}),I.invalidateQueries({queryKey:["shop-item"]}),I.invalidateQueries({queryKey:["collection-sale-state"]}),I.invalidateQueries({queryKey:["shop-items"]}),I.invalidateQueries({queryKey:["catalog-items"]}),I.invalidateQueries({queryKey:["publishable-items"]}),I.invalidateQueries({queryKey:["publishable-item",i.contractAddress,i.itemId]}),I.invalidateQueries({queryKey:["item-resales",i.contractAddress,i.itemId]})])}async function Bi(u){if(!y||!Nt)throw new Error("No listing to take down");const se=await Ha(Nt);await $o({trade:se,signer:y.signer,mode:u.payGas?"direct":"gasless-only",watch:{isCancelled:async()=>{try{if(ze){if(!i.tokenId)return!1;const we=await Rr(y.address,i.contractAddress,i.tokenId);return we!==null&&!we.isOnSale}return i.itemId?await Xs(i.contractAddress,i.itemId)===null:!1}catch{return!1}},onWaiting:u.onWaiting}}),u.silent||Zt.success(n("myAssets.removedFromSale",{name:i.name})),jt(null),_l(I,Nt),K(we=>we.tradeId===Nt?{...we,tradeId:void 0}:we),Ze(),hn(I,{address:y.address,contractAddress:i.contractAddress,tokenId:i.tokenId},{kind:"removed"})}const fr=u=>async({payGas:se,onWaiting:we})=>{try{return await Bi({silent:u,payGas:se,onWaiting:we}),"ok"}catch(ct){if(ct instanceof ko)return ct.definitive?"relay-reverted":"relay-pending";throw ct}},mr={currentCredits:dn||i.priceCredits||void 0,canPayGas:dr,cancelCurrent:fr(!0)};function gr({edit:u=!1}={}){u||Z("Shop Started Listing",{listing_type:ze?"secondary":"primary",item_id:i.itemId??i.tokenId??null}),lr(u),ze?nr(!0):rr(!0)}function br(){nr(!1),rr(!1),lr(!1),Ze()}const yr=de?ke?n("itemDetail.checking"):sn?n("itemDetail.maxInCart"):!Rt&&an?n("assetCard.inCart"):n("assetCard.addToCart"):n("itemDetail.notForSale"),kt=i.available??(Q==null?void 0:Q.available)??null,_i=typeof kt=="number"&&kt>0&&!i.tokenId&&!b,wr=!b&&!i.tokenId&&kt===0,vr=i.network==="ETHEREUM",dt=wr&&!Ne&&!!Ie,Bt=!!Ie&&q.some(u=>u.id===Ie.id),Wi=!Ne&&de&&!b,Di=b||!Ne&&(de||dt&&!!Ie||wi()),qi=!i.name&&(!!D||!!N||!!ce||!!fe),jr=z||!!i.contractAddress&&!S||!i.name&&zt||qi||cr&&!Ni,kr=!i.name&&!jr,Oi=!!i.name&&Wl({isMarket:b,forSale:de,priceKnown:i.priceCredits>0&&(!R||te!=null)||Ne,stillResolving:jr||!!R&&te==null,manage:Ne,soldOutWithResale:dt,resolvingTrade:ke,isTokenRoute:v,ownedAssetLoading:zt,deepLinkLoading:z}),$r=!i.creator&&(z||X||zt),Cr=!(U!=null&&U.name)&&X,Ki=/^https?:\/\//i.test(i.thumbnail);return Qs(kr?{title:n("seo.item.notFoundTitle"),noindex:!0}:i.name?{title:i.name,description:J||n("seo.item.fallbackDescription",{name:i.name,rarity:i.rarity,category:Qt($e),creator:Wn(i.creator)}),image:Ki?i.thumbnail:void 0,type:"product"}:{}),kr?e.jsxs(Tp,{"data-notfound":!0,children:[e.jsx(Np,{name:"cart"}),e.jsx(Bp,{children:n("itemDetail.notAvailableTitle")}),e.jsx(Ep,{children:n("itemDetail.notAvailableBody")}),e.jsx(zp,{variant:"white",onClick:()=>j("/items"),children:n("notFound.cta")})]}):e.jsxs(rp,{children:[e.jsxs(ap,{"aria-label":n("itemDetail.breadcrumbAria"),children:[e.jsx(ip,{onClick:()=>j("/items"),children:n("nav.collectibles")}),e.jsx(sp,{children:"/"}),e.jsx(op,{children:i.name||n("itemDetail.itemFallback")})]}),e.jsxs(lp,{style:{"--glow-rgb":Ys(Je),"--glow-core":Gs(Je)},children:[e.jsxs(dp,{"data-testid":"item-preview",children:[i.name?e.jsx(Wc,{item:i}):e.jsx(cp,{"aria-busy":"true","aria-label":n("itemPreview.loading"),children:e.jsx(up,{className:"skeleton","aria-hidden":!0})}),Un?e.jsxs(ya,{"data-fav-preview":!0,"data-on":Ye||void 0,"data-count":Ft??void 0,onClick:()=>M(i,"item_detail"),"aria-pressed":Ye,"aria-label":Vn,children:[e.jsx(L,{name:Ye?"heart-solid":"heart",size:18}),He!==void 0?e.jsx(wa,{title:n("itemDetail.savedCount",{count:He}),"data-testid":"fav-count-preview",children:Ft}):null]}):null,bt?e.jsxs(fp,{"data-play-showcase":!0,onClick:()=>Mt(!0),"data-testid":"play-showcase",children:[e.jsx(L,{name:"play",size:18}),n("itemDetail.playShowcase")]}):null]}),e.jsx(pp,{"data-testid":"item-info",children:i.name?e.jsxs(e.Fragment,{children:[tr&&i.compareAtCredits!=null?e.jsx(vp,{pct:Vs(i.compareAtCredits,i.priceCredits),size:"lg",testId:"detail-sale-badge"}):null,e.jsxs(hp,{children:[e.jsxs(xp,{children:[i.name,v&&i.issuedId?` #${i.issuedId}`:""]}),Un?e.jsxs(ya,{"data-fav-title":!0,"data-on":Ye||void 0,"data-count":Ft??void 0,onClick:()=>M(i,"item_detail"),"aria-pressed":Ye,"aria-label":Vn,children:[e.jsx(L,{name:Ye?"heart-solid":"heart",size:18}),He!==void 0?e.jsx(wa,{title:n("itemDetail.savedCount",{count:He}),"data-testid":"fav-count",children:Ft}):null]}):null]}),e.jsxs(mp,{children:[Xn?e.jsx(qt,{content:Lr(i.rarity),children:e.jsx(Ht,{to:Xn,"data-variant":"rarity","data-testid":"detail-rarity-link",style:{background:Pr(Je)},children:i.rarity})}):e.jsx(qt,{content:Lr(i.rarity),children:e.jsx(Be,{"data-variant":"rarity",style:{background:Pr(Je)},children:i.rarity})}),er?e.jsxs(Ht,{to:er,"data-testid":"detail-category-link",title:n("filter.browseByCategory",{category:Qt($e)}),children:[Et?e.jsx(L,{name:Et,size:18}):null,Qt($e)]}):e.jsxs(Be,{children:[Et?e.jsx(L,{name:Et,size:18}):null,Qt($e)]}),Jn?e.jsxs(Be,{children:[Zn?e.jsx(L,{name:Zn,size:18}):null,Jn]}):null,!v&&i.issuedId?e.jsxs(Be,{"data-testid":"detail-issued",children:["#",i.issuedId]}):null,l?e.jsxs(Ht,{to:"/event","data-testid":"detail-event",title:l,children:[e.jsx(L,{name:"star-rounded",size:18}),l]}):null,ot?e.jsxs(Ht,{to:Zu(),"data-testid":"detail-smart",title:n("filter.browseBySmart"),children:[e.jsx(L,{name:"smart",size:18}),n("itemDetail.smart")]}):null,Ce.emoteLoop!==void 0?e.jsxs(Be,{"data-testid":"detail-play-mode",children:[e.jsx(L,{name:Ce.emoteLoop?"play-loop":"play-once",size:18}),Ce.emoteLoop?n("itemDetail.playLoop"):n("itemDetail.playOnce")]}):null,Ce.emoteHasSound?e.jsxs(Be,{"data-testid":"detail-sound",children:[e.jsx(L,{name:"sound",size:18}),n("itemDetail.emoteSound")]}):null,Ce.emoteHasProps?e.jsxs(Be,{"data-testid":"detail-props",children:[e.jsx(L,{name:"props",size:18}),n("itemDetail.emoteProps")]}):null,At?e.jsx(qt,{content:n("itemDetail.exportBlockedTooltip"),children:e.jsxs(Be,{"data-variant":"blocked","data-testid":"detail-export-blocked",tabIndex:0,"aria-label":n("itemDetail.exportBlockedTooltip"),children:[e.jsx(L,{name:"ban",size:16}),n("itemDetail.exportBlocked")]})}):null,Le?e.jsxs(Be,{"data-testid":"detail-utility-chip",children:[e.jsx(L,{name:"utility",size:18}),n("itemDetail.utility")]}):null]}),J||Le?e.jsxs($i,{children:[J?e.jsx(Nn,{children:e.jsxs(zn,{children:[e.jsx(pt,{children:n("itemDetail.description")}),e.jsx(va,{"data-expanded":ae||void 0,children:J}),J.length>140?e.jsx(bp,{className:"link",onClick:()=>ve(u=>!u),children:ae?n("itemDetail.showLess"):n("itemDetail.readMore")}):null]})}):null,Le?e.jsx(Nn,{children:e.jsxs(zn,{"data-testid":"detail-utility",children:[e.jsx(pt,{children:n("itemDetail.utility")}),e.jsx(va,{"data-expanded":!0,children:Le})]})}):null]}):null,!vr&&(i.creator||$r)||U!=null&&U.name||Cr?e.jsxs(Ci,{children:[vr?null:i.creator?e.jsxs(It,{children:[e.jsx(pt,{children:n("itemDetail.creator")}),e.jsx(yp,{address:i.creator,linkToProfile:!0,hidePrefix:!0})]}):$r?e.jsxs(It,{children:[e.jsx(pt,{children:n("itemDetail.creator")}),e.jsxs(Ta,{"aria-hidden":!0,"data-testid":"creator-loading",children:[e.jsx(Ea,{}),e.jsx(za,{})]})]}):null,U!=null&&U.name?e.jsxs(It,{"data-collection":!0,children:[e.jsx(pt,{children:n("itemDetail.collection")}),e.jsx(wp,{contractAddress:i.contractAddress,name:U.name,items:re})]}):Cr?e.jsxs(It,{"data-collection":!0,children:[e.jsx(pt,{children:n("itemDetail.collection")}),e.jsxs(Ta,{"aria-hidden":!0,"data-testid":"collection-loading",children:[e.jsx(Ea,{}),e.jsx(za,{})]})]}):null]}):null,e.jsx(Si,{}),Oi?e.jsxs(ih,{"aria-hidden":!0,"data-testid":"sale-loading",children:[e.jsx(sh,{}),e.jsx(Fa,{}),e.jsx(Fa,{})]}):e.jsxs(e.Fragment,{children:[lt&&!Ne&&!b&&de&&!i.tokenId?e.jsxs(Up,{"data-testid":"buy-from-creator",children:[e.jsxs(Qp,{children:[e.jsx(Vp,{name:"buy-from-creator"}),n("itemDetail.buyFromCreator")]}),e.jsx(Gp,{name:"check-rounded"})]}):null,dt?e.jsxs(eh,{"data-testid":"sold-out",children:[e.jsxs(Aa,{"data-variant":"original",children:[e.jsxs(Ma,{children:[n("itemDetail.originalPrice"),e.jsxs(Pa,{children:[e.jsx(Pe,{className:"ico"}),e.jsx(La,{children:e.jsx(ge,{credits:i.priceCredits})})]}),e.jsx(Ra,{"aria-hidden":!0,children:e.jsx(L,{name:"info",size:12})})]}),e.jsx(th,{"data-testid":"out-of-stock",children:n("itemDetail.soldOut")})]}),e.jsxs(Aa,{"data-variant":"resale",children:[e.jsxs(Ma,{children:[n("itemDetail.resalePrice"),e.jsxs(Pa,{children:[e.jsx(Pe,{className:"ico"}),e.jsx(La,{children:e.jsx(ge,{credits:Ke})})]}),e.jsx(Ra,{"aria-hidden":!0,children:e.jsx(L,{name:"info",size:12})})]}),e.jsxs(nh,{children:[n("itemDetail.stock")," ",Fe.length,"/",Ae.Rarity.getMaxSupply(Je).toLocaleString()]})]})]}):e.jsxs(jp,{children:[e.jsxs(kp,{children:[e.jsxs($p,{children:[b||de?e.jsx(An,{children:n("itemDetail.price")}):null,b?e.jsxs(e.Fragment,{children:[e.jsx($t,{"data-variant":"market","data-testid":"item-price",children:k==null?e.jsx(Ct,{children:"—"}):e.jsxs(e.Fragment,{children:[e.jsx(Ip,{"aria-hidden":!0,children:"≈"}),e.jsx(Ut,{}),e.jsx(Ct,{children:e.jsx(ge,{credits:k})})]})}),e.jsx(Sp,{children:n("assetCard.marketPrice")})]}):de?tr?e.jsxs($t,{"data-variant":"sale","data-testid":"item-price",children:[e.jsx(Ut,{}),e.jsx(Ct,{children:e.jsx(ge,{credits:i.priceCredits})}),e.jsx(Mp,{"data-testid":"detail-price-was",children:e.jsx(ge,{credits:i.compareAtCredits})}),e.jsx(Ao,{until:i.saleEndsAt,testId:"detail-countdown"})]}):e.jsxs($t,{"data-testid":"item-price",children:[e.jsx(Ut,{}),e.jsx(Ct,{children:e.jsx(ge,{credits:i.priceCredits})})]}):ur&&dn?e.jsxs($t,{"data-testid":"item-price",children:[e.jsx(Ut,{}),e.jsx(Ct,{children:e.jsx(ge,{credits:dn})})]}):Ne?null:e.jsxs($t,{"data-variant":"none","data-testid":"item-price",children:[e.jsx("span",{children:n("itemDetail.notForSale")}),e.jsx(qt,{content:n("itemDetail.notForSaleHint"),children:e.jsx(Cp,{tabIndex:0,role:"img","aria-label":n("itemDetail.notForSaleHint"),children:e.jsx(L,{name:"info",size:14})})})]})]}),_i?e.jsxs(ja,{children:[e.jsx(An,{children:n("itemDetail.stock")}),e.jsxs(Sn,{children:[(kt??0).toLocaleString(),"/",Ae.Rarity.getMaxSupply(Je).toLocaleString()]})]}):wr?e.jsxs(ja,{children:[e.jsx(An,{children:n("itemDetail.stock")}),e.jsxs(Sn,{children:[(kt??0).toLocaleString(),"/",Ae.Rarity.getMaxSupply(Je).toLocaleString()]}),e.jsx(Sn,{"data-out":!0,"data-testid":"out-of-stock",children:n("itemDetail.outOfStock")})]}):null]}),ye?e.jsx(Vu,{claimed:ye.claimed,total:ye.total,testId:"detail-offer-stock"}):null,Lt!=null?e.jsx(Ap,{"data-testid":"detail-units-left",children:n("assetCard.unitsLeftAtThisPrice",{count:Lt})}):null]}),e.jsx(Pp,{"data-buttons":Di||void 0,"data-dual":Wi||void 0,children:b?e.jsxs(Mn,{variant:"purple",onClick:xe,disabled:!he,children:[e.jsx("span",{children:n("assetCard.buyNow")}),k!=null?e.jsxs(Pn,{"aria-hidden":!0,children:[e.jsx(Fn,{}),e.jsx(ge,{credits:k})]}):null]}):Ne?e.jsxs(rh,{"data-testid":"manage-actions",children:[ur?e.jsxs(e.Fragment,{children:[hr?e.jsxs(Rp,{onClick:()=>gr({edit:!0}),disabled:!pr,"data-testid":"edit-price",children:[e.jsx(L,{name:"pen",className:"ico"}),e.jsx("span",{children:n("itemDetail.manageUpdatePrice")})]}):null,e.jsx($a,{onClick:()=>sr(!0),"data-testid":"remove-listing",children:e.jsx("span",{children:n("itemDetail.manageRemove")})})]}):e.jsxs(e.Fragment,{children:[hr?e.jsx(Lp,{onClick:()=>gr(),disabled:!pr,children:e.jsx("span",{children:n("itemDetail.manageList")})}):null,ze?e.jsxs(e.Fragment,{children:[e.jsx($a,{onClick:()=>ar(!0),children:e.jsx("span",{children:n("itemDetail.manageTransfer")})}),e.jsx(ka,{type:"button","data-on-purple":!0,"data-testid":"resell-item",onClick:()=>w(!0),children:n("itemDetail.manageResell")})]}):null]}),ln&&Ee?e.jsx(ka,{type:"button","data-on-purple":!0,onClick:()=>ir(!0),children:n("itemDetail.manageIssue")}):null,Ke!=null?e.jsx(ah,{children:e.jsx(Bn,{onClick:()=>Ge(!0),"data-testid":"view-resellers",children:n("itemDetail.viewAllResellers")})}):null]}):de?e.jsxs(e.Fragment,{children:[e.jsxs(Mn,{variant:"purple",onClick:xe,disabled:ke,children:[e.jsx("span",{children:n("assetCard.buyNow")}),e.jsxs(Pn,{"aria-hidden":!0,children:[e.jsx(Fn,{}),e.jsx(ge,{credits:i.priceCredits})]})]}),e.jsxs(Ca,{onClick:Pi,disabled:ke||(Rt?sn:an),"aria-label":yr,children:[e.jsx(L,{name:"cart"}),e.jsx(Ia,{children:yr})]})]}):dt&&Ie?e.jsxs(e.Fragment,{children:[e.jsxs(Mn,{variant:"purple",onClick:()=>y?yt(Ie):H(),children:[e.jsx("span",{children:n("assetCard.buyNow")}),e.jsxs(Pn,{"aria-hidden":!0,children:[e.jsx(Fn,{}),e.jsx(ge,{credits:Ie.priceCredits})]})]}),e.jsxs(Ca,{onClick:()=>{Bt||C(Ie,"item_detail")},disabled:Bt,"aria-label":Bt?n("assetCard.inCart"):n("assetCard.addToCart"),children:[e.jsx(L,{name:"cart"}),e.jsx(Ia,{children:Bt?n("assetCard.inCart"):n("assetCard.addToCart")})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(qu,{item:i}),i.itemId?e.jsx(Xp,{onClick:()=>{Z("Shop Clicked Buy Resale",{item_id:i.itemId,contract_address:i.contractAddress,has_shop_resale:!!Ie}),F(!0)},"data-testid":"buy-resale","aria-haspopup":"dialog",children:n("itemDetail.buyResale")}):null]})}),!Ne&&!b&&Ke!=null?e.jsxs(Yp,{"data-testid":"lowest-price","data-centered":dt||void 0,children:[dt?null:e.jsxs(Jp,{children:[n("itemDetail.lowestPrice"),e.jsx(Pe,{className:"ico"}),e.jsx(Zp,{children:e.jsx(ge,{credits:Ke})})]}),e.jsx(Bn,{onClick:()=>Ge(!0),"data-testid":"view-resellers",children:n("itemDetail.viewAllResellers")})]}):null,!Ne&&!b&&xr>0?e.jsxs(Fp,{"data-testid":"you-own-note",children:[n("itemDetail.youOwnN",{count:xr})," ",e.jsx(Ba,{to:"/my-items",children:n("nav.myAssets")})]}):null]})]}):e.jsx(ch,{})})]}),e.jsx(Js,{exclude:le,title:n("itemDetail.becauseYouOwn"),surface:"pdp",first:Na}),E!==null&&e.jsx(wo,{title:Li,items:B,onViewAll:m&&i.contractAddress?()=>j(`/collection/${i.contractAddress}`):void 0}),V&&b&&_&&O?e.jsx(xi,{listing:_,rate:O,onClose:()=>G(!1),onSold:()=>G(!1)}):V&&!b?e.jsx(En,{item:Te,resume:Y,onClose:()=>{G(!1),ne(!1)}}):null,Pt?e.jsx(En,{item:Pt,onClose:()=>{yt(null),Ze()}}):null,lt&&wt&&i.itemId?e.jsx(fu,{item:i,onClose:()=>Ge(!1)}):null,rn&&x?e.jsx(xa,{contractAddress:o??"",tokenId:x,onClose:()=>w(!1)}):null,P&&i.itemId&&o?e.jsx(xa,{variant:"buy",contractAddress:o,itemId:i.itemId,onClose:()=>F(!1)}):null,Ri&&N&&y?e.jsx(gd,{asset:N,session:y,creator:i.creator,edit:or?mr:void 0,onListed:(u,se)=>{jt(u),Ze(),hn(I,{address:y.address,contractAddress:i.contractAddress,tokenId:i.tokenId},{kind:"listed",priceCredits:u,tradeId:se})},onClose:br}):null,zi&&y?e.jsx(_d,{name:i.name,managed:Dn(y),canPayGas:dr,cancel:fr(!1),onClose:()=>sr(!1)}):null,Ti&&y&&i.tokenId?e.jsx(zd,{item:{contractAddress:i.contractAddress,chainId:i.chainId,tokenId:i.tokenId,name:i.name,thumbnail:i.thumbnail},session:y,onClose:()=>{ar(!1),Ze()},onTransferred:()=>{jt(null),Ze(),hn(I,{address:y.address,contractAddress:i.contractAddress,tokenId:i.tokenId},{kind:"gone"})}}):null,Fi&&Ee&&y?e.jsx(oc,{item:Ee,session:y,edit:or?mr:void 0,onListed:(u,se)=>{jt(u),K(we=>({...we,tradeId:se}))},onClose:br}):null,Ei&&Ee&&y?e.jsx(Rl,{item:{contractAddress:Ee.contractAddress,chainId:nt.chainId,itemId:Ee.blockchainItemId,name:Ee.name,thumbnail:Ee.thumbnail,available:Ee.remainingSupply},session:y,onClose:()=>{ir(!1),Ze()}}):null,tn&&bt?e.jsx(xc,{src:bt,itemName:i.name,onClose:()=>Mt(!1)}):null]})}function ch(){return e.jsxs(_p,{"aria-hidden":!0,children:[e.jsx(qp,{className:"skeleton"}),e.jsxs(Op,{children:[e.jsx(Ln,{className:"skeleton"}),e.jsx(Ln,{className:"skeleton"}),e.jsx(Ln,{className:"skeleton"})]}),e.jsx($i,{children:[0,1].map(t=>e.jsx(Nn,{children:e.jsxs(zn,{children:[e.jsx(Sa,{className:"skeleton"}),e.jsxs(Wp,{children:[e.jsx(Rn,{className:"skeleton"}),e.jsx(Rn,{className:"skeleton"}),e.jsx(Rn,{className:"skeleton","data-short":!0})]})]})},t))}),e.jsx(Ci,{children:[0,1].map(t=>e.jsxs(It,{...t===1?{"data-collection":!0}:{},children:[e.jsx(Sa,{className:"skeleton"}),e.jsx(Dp,{})]},t))}),e.jsx(Si,{}),e.jsx(Kp,{className:"skeleton"}),e.jsx(Hp,{className:"skeleton"})]})}export{dh as ItemDetail,Dh as ItemDetailRoute,dh as default};
-//# sourceMappingURL=ItemDetail-Bvjk0t3i.js.map