@dcl/shop 1.13.1-35339357506.commit-a201fb1 → 1.13.1-35586925336.commit-233cb74

package/_assets/ItemDetail-C2f1Vg-F.js

@@ -0,0 +1,3411 @@
+import{j as e,b as st,r as c,L as qr,e as Za,a as Or}from"./react-JcMZcmnF.js";import{bf as Yt,c as rt,x as at,bk as Kr,bl as es,aL as ot,t as n,bv as ts,bw as ns,V as nt,O as Z,bD as Se,bC as be,bE as Tn,l as pe,bB as un,bA as Hr,i as is,C as De,ar as rs,F as Dn,d as as,E as xt,bj as ss,bi as Ur,G as os,bx as ls,by as ds,db as cs,dc as us,dd as ps,de as hs,w as se,bh as xs,s as r,a as i,a3 as Jt,bb as Xt,bN as Wn,bc as it,I as L,z as Re,p as Qr,aU as Mt,cd as Vr,H as Ve,as as ge,df as fs,M as ms,h as gs,j as bs,n as gt,aG as pn,aa as Gr,dg as Mi,c_ as ys,f as Yr,aH as ws,dh as vs,cc as js,di as ks,bQ as $s,dj as Cs,dk as Is,k as Ss,ag as At,b3 as As,dl as Ms,a6 as Rs,dm as Ls,b5 as Ps,dn as Es,P as Jr,Y as Xr,dp as Zr,dq as Fs,dr as Ts,aE as ea,ds as zs,dt as Ns,du as Bs,dv as _s,ci as Ds,A as Ws,dw as hn,X as qs,bn as Os,bo as Ks,y as Hs,m as Us,dx as Qs,dy as Vs,dz as Gs,dA as Ys,dB as Js,at as Xs,au as Zs,dC as eo,B as to,dD as no,ax as Ri,aw as Li,dE as io,dF as ro,a0 as ao,bu as so,dG as Pi,dH as oo,dI as lo,dJ as co,dK as uo,dL as po,dM as ho,dN as xo,dO as fo}from"./index-0sHpGDt1.js";import{d as Ae}from"./dcl-schemas-Cfq6CqWT.js";import{p as mo,e as Ei,i as go,A as ta,C as bo,b as yo,f as wo,g as vo,h as jo,j as ko,m as $o,u as Co,t as Io,k as So,a as Ao,s as Mo}from"./CollectionCarousel-LKRLbXj2.js";import{d as Fi,t as Ro,e as Ti,G as Lo,c as Po}from"./buy-JkmVuuuT.js";import{c as Eo,i as Zt,D as Fo,S as To,a as zo,b as No,f as Bo}from"./SaleCountdown-DL2l2eox.js";import{u as _o,M as Do,o as Wo,f as qo,b as Oo,c as Ko}from"./cart-checkout-OIIxJ8qp.js";import{w as zi,M as Ho,S as Uo,C as Qo,H as Vo,a as Go,T as Yo,X as Jo,B as Xo,b as Zo,c as el,d as tl,e as tt,f as nl,g as il,h as rl,i as pt,j as qe,W as Wt,m as qt,n as Ot,o as al,v as sl,L as na,P as ia,k as ra,l as aa,E as ol,F as ll,G as Ni,A as dl,p as cl,q as ul,r as pl,s as hl,t as xl,u as fl,I as Bi}from"./CreditPackPicker-DaeRrtlY.js";import{P as ml}from"./PaymentMethodStep-DUz3lI2L.js";import{m as gl}from"./mana-matic-light-Bl5duieC.js";import{q as sa,g as oa,t as bl,s as yl,a as _i,b as wl,d as vl,i as jl,e as kl,c as $l,f as la,m as Cl,k as Il,r as Sl,n as Al,p as Ml}from"./trade-encoding-CTonKWPZ.js";import{J as Rl,p as Ll,C as Pl,I as El}from"./ethers-DP-FFkj0.js";import{a as Fl,w as da,S as ca,G as ua,c as Tl}from"./buy-gasless-wjbNv7iT.js";import{R as Di}from"./resume-buy-CuppYS1m.js";import{a as zl,f as Ue,i as mt}from"./errors-bGFSPwV2.js";import{C as Nl}from"./Confetti-CWbRGatZ.js";import{b as Bl,J as _l,a as Dl}from"./jump-CstL_PNR.js";import{p as pa}from"./import-D9w8U2BF.js";import{E as Qe}from"./ErrorNotice-BkbFM8dT.js";import{L as Wi,M as Wl,B as ql,H as Ol,T as Kl,A as Hl}from"./modal.styles-BnyaAuqp.js";import{S as Ul}from"./Spinner-p5xyOyv6.js";import{M as Ql,E as Vl,s as Gl}from"./sendMetaTransaction-CWnYhaMC.js";import{E as Yl}from"./EmotePlaybackBar-D-ONNk1C.js";import{d as Jl}from"./disposePreview-Bsl7l0mM.js";import{T as Kt}from"./Tooltip-BdEQabCf.js";import{S as Xl}from"./categories-DLTQlZ7m.js";import{c as Zl}from"./crumbs.styles-pyPMgoz0.js";import"./sentry-D1js75-6.js";import"./intl-AKLEHPeO.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]="45c6cba1-d138-4aac-a82f-c190143299c6",t._sentryDebugIdIdentifier="sentry-dbid-45c6cba1-d138-4aac-a82f-c190143299c6")}catch{}})();const ha=216n,ed=(1n<<ha)-1n;function td(t){const s=typeof t=="bigint"?t:BigInt(t.trim());if(s<0n)throw new Error(`Invalid tokenId: ${String(t)}`);return{itemId:(s>>ha).toString(),issuedId:(s&ed).toString()}}function nd(t){if(!t)return null;try{return td(t).itemId}catch{return null}}const xa=["cancelled-listings"];function id(t,s){s&&t.setQueryData(xa,l=>l!=null&&l.includes(s)?l:[...l??[],s])}function qi(t,s){var l;if(s)return(l=t.getQueryData(xa))!=null&&l.includes(s)?void 0:s}function Oi(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 xn(t,s,l){const{address:o,contractAddress:d,tokenId:u}=s;if(!d||!u)return;const x=`${d}-${u}`;t.cancelQueries({queryKey:["owned-token",d,u]}),t.cancelQueries({queryKey:["secondary-sale-state"]}),o&&t.cancelQueries({queryKey:["my-assets",o]});const f=l.kind==="gone";t.setQueriesData({queryKey:["owned-token",d,u]},$=>$&&(f?null:Oi($,l)));const m=o?["my-assets",o]:["my-assets"];t.setQueriesData({queryKey:m},$=>$!=null&&$.pages?{...$,pages:$.pages.map(h=>{if(f){const g=h.items.filter(y=>!(y.contractAddress===d&&y.tokenId===u));return{...h,items:g,total:Math.max(0,h.total-(h.items.length-g.length))}}return{...h,items:h.items.map(g=>g.contractAddress===d&&g.tokenId===u?Oi(g,l):g)}})}:$),t.setQueriesData({queryKey:["secondary-sale-state"]},$=>{var g;if(!$)return $;const h={...$};return l.kind==="removed"||l.kind==="gone"?delete h[x]:h[x]={priceCredits:l.priceCredits,tradeId:l.tradeId??((g=h[x])==null?void 0:g.tradeId)??""},h})}function rd(t){return!(t.isMarket||t.forSale&&t.priceKnown||t.manage||t.soldOutWithResale||!t.stillResolving&&!t.resolvingTrade&&(t.isTokenRoute?!t.ownedAssetLoading:!t.deepLinkLoading))}function fa(){const t=new Map,s=new Set,l=new Set,o=new Set;return{submitStarted:d=>{o.add(d)},submitFinished:d=>{o.delete(d)},broadcast:(d,u)=>{const x=t.get(d);x?x.add(u):t.set(d,new Set([u]))},reverted:d=>{s.add(d)},unobservable:d=>{l.add(d)},isInFlight:d=>o.has(d),mayBeConsumed:d=>{if(l.has(d))return!0;const u=t.get(d);if(!u)return!1;for(const x of u)if(!s.has(x))return!0;return!1}}}const ad=Ll("0.05");async function sd(t){try{return(await new Rl(rt.rpcUrl).getBalance(t)).gte(ad)}catch{return!1}}async function od(t,s){return Yt(t)?sd(s):!1}function ld({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 dd=t=>ds(t.contractAddress,String(t.itemId));async function Ki(t,s={}){if(t.kind==="store")return BigInt(t.mint.item.priceWei);try{return cs(await us(t.trade),t.coupon)}catch(l){return s.reportFailure!==!1&&pe(l,{flow:"buy",step:"mana_price"}),null}}function Hi(t){return t.kind==="trade"?t.trade.id:void 0}function Ui(t){return t.contractAddress&&t.itemId!=null?{contractAddress:t.contractAddress,itemId:String(t.itemId)}:void 0}function zn({item:t,onClose:s,resume:l=!1}){const{session:o}=at(),{data:d}=Kr(o),{data:u}=es(o),x=ot(),f=st();async function m(){try{return await x.fetchQuery(ls())}catch{return}}async function $(){if(u!=null)return u;if(!o)return 0n;try{const j=await x.fetchQuery({queryKey:["mana-balance",o.address],queryFn:()=>hs(o.address),staleTime:3e4});return ie(j),j}catch{return 0n}}const h=_o().packs.slice(0,Do),[g,y]=c.useState("loading"),[k,I]=c.useState(null),[C,S]=c.useState(null),[W,M]=c.useState(!1),[w,U]=c.useState(0),[a,K]=c.useState(""),[J,A]=c.useState(t.priceCredits),T=Math.max(0,J-((d==null?void 0:d.credits)??0)),{packs:X}=Wo(h,T),[V,oe]=c.useState(null),[ce,ie]=c.useState(null),q=u??ce??0n,[N,O]=c.useState(!1),[v,re]=c.useState(null),[R,z]=c.useState(0),[B,H]=c.useState(null),[ae,ve]=c.useState(!1),ee=c.useRef(null),G=c.useRef(!1),te=c.useRef(fa()),fe=(B==null?void 0:B.credits)??J,je=(d==null?void 0:d.credits)??0;c.useEffect(()=>(G.current=!1,()=>{G.current=!0}),[]);async function ke(j,P,F,E){const Q=await $();if(E!=null&&E())return;const ne=Q>0n,D=ne?await Ki(P):null;if(E!=null&&E())return;D!=null?oe(D):ne&&O(!0);const We=zi({priceCents:F,priceManaWei:D??0n,balanceCents:(d==null?void 0:d.balanceCents)??0,manaBalanceWei:Q}).options.some(Fe=>Fe.method==="mana"||Fe.method==="combined"),ye=j-((d==null?void 0:d.credits)??0),Et=h.find(Fe=>Fe.credits>=ye)??h[h.length-1];K(Et.id),We||Z("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:j,credits_balance:(d==null?void 0:d.credits)??0,shortfall:Math.max(0,ye)}),y("nofunds")}c.useEffect(()=>{let j=!1;if(!o){y("error"),I(n("buyModal.signInToCheckout"));return}return(async()=>{try{const P=await qo(t,o.address,ts,await m(),dd,ns);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=Oo(P.line),E=P.line.usdCents,Q=nt(E);if(j)return;if(A(Q),re(F),z(E),d!=null&&d.credits<Q){await ke(Q,F,E,()=>j);return}l?lt({sale:F,usdCents:E}):y("ready")}catch(P){if(j)return;Z(be(P)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"resolve",error_code:Se(P)}),ue(P)}})(),()=>{j=!0,ee.current&&o&&(bt([ee.current]),ee.current=null)}},[w]),c.useEffect(()=>{const j=(B==null?void 0:B.sale)??v;if(!j||g!=="ready"&&g!=="nofunds"||q<=0n||V!==null)return;let P=!1;return Ki(j,{reportFailure:!N}).then(F=>{P||(F!=null?oe(F):O(!0))}),()=>{P=!0}},[g,B,v,q,V,N]);const Y=zi({priceCents:R,priceManaWei:V??0n,balanceCents:(d==null?void 0:d.balanceCents)??0,manaBalanceWei:q});async function lt(j){const P=(B==null?void 0:B.sale)??(j==null?void 0:j.sale)??v,F=(B==null?void 0:B.usdCents)??(j==null?void 0:j.usdCents)??R;if(!o||!P||F<=0)return;y("processing"),I(null),ve(!1);let E=B;if(!E)try{const{credit:D,maxCreditedValue:xe,usdCents:We}=await Tn(o.identity,F,Hi(P),Ui(t));if(G.current){Le([D.id]);return}ee.current=D.id,x.invalidateQueries({queryKey:["usd-balance"]});const ye=nt(We);if(E={sale:P,credit:D,maxCreditedValue:xe,usdCents:We,credits:ye},H(E),ye!==nt(F)){A(ye),z(We),ve(!0),y("ready");return}}catch(D){if(zl(D)){x.invalidateQueries({queryKey:["usd-balance"]}),await ke(nt(F),P,F);return}be(D)||pe(D,{flow:"buy",step:"authorize"}),Z(be(D)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:Se(D)}),I(Ue(D,n("buyModal.error.generic"),{sale:!0})),y("error");return}if(!E)return;let Q=!1,ne;try{const D={purchase:mo(E.sale,[E.credit],E.maxCreditedValue),buyer:o.address,signer:o.signer,onBroadcast:({txHash:xe})=>te.current.broadcast(E.credit.id,xe),onReverted:({txHash:xe})=>{xe&&te.current.reverted(xe)}};if(te.current.submitStarted(E.credit.id),sa())try{ne=await Fl(D),te.current.broadcast(E.credit.id,ne),await da(ne),Q=!0}catch(xe){if(xe instanceof ca)Q=!0;else if(xe instanceof ua){if(xe.reason==="relayer-unreachable")throw te.current.unobservable(E.credit.id),xe;if(!Yt(o.providerType))throw xe;ne=await Fi(D)}else throw ne&&te.current.reverted(ne),xe}else ne=await Fi(D)}catch(D){te.current.submitFinished(E.credit.id),be(D)||pe(D,{flow:"buy",step:"submit",gasless:Q}),$e([E.credit.id]),ee.current=null,Z(be(D)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Se(D)}),x.invalidateQueries({queryKey:["usd-balance"]}),ue(D);return}te.current.submitFinished(E.credit.id),ee.current=null;try{Ei(t.coupon),go(x,t),Z("Shop Completed Purchase",{...un([t]),payment_type:"credits",no_crypto_step:Q,transaction_hash:ne??null})}catch(D){pe(D,{flow:"buy",step:"post_purchase"})}y("complete")}function Le(j){if(!o||j.length===0)return Promise.resolve(!1);const P=j.filter(F=>!te.current.mayBeConsumed(F));return P.length===0?Promise.resolve(!1):Hr(o.identity,P).then(()=>!0,()=>!0)}function $e(j){M(!0),Le(j).then(P=>{P||M(!1)})}function bt(j){return Le(j.filter(P=>!te.current.isInFlight(P)))}function Rt(){Ei(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 nn(){var P;const j=(B==null?void 0:B.sale)??v;if(!(!o||!j)){ee.current&&($e([ee.current]),ee.current=null),y("processing"),I(null);try{const F=(P=Bi(Y,"mana"))==null?void 0:P.manaWei,E=j.kind==="trade"?await wo({trade:j.trade,coupon:j.coupon,buyer:o.address,signer:o.signer,manaWei:F}):await vo({mint:j.mint,buyer:o.address,signer:o.signer,manaWei:F});Z("Shop Completed Purchase",{...un([t]),payment_type:"mana",transaction_hash:E??null}),Rt(),y("complete")}catch(F){be(F)||pe(F,{flow:"buy_mana",step:"submit"}),Z(be(F)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Se(F)}),ue(F)}}}async function Lt(){const j=(B==null?void 0:B.sale)??v,P=Bi(Y,"combined");if(!o||!j||!P)return;y("processing"),I(null),ee.current&&(await Le([ee.current])&&M(!0),ee.current=null);let F=null,E;try{const{credit:Q}=await Tn(o.identity,P.creditsCents,Hi(j),Ui(t));F=Q.id,te.current.submitStarted(Q.id);const ne={buyer:o.address,signer:o.signer,credits:[Q],manaGapWei:P.manaWei,providerType:o.providerType,onBroadcast:({txHash:D})=>te.current.broadcast(Q.id,D),onReverted:({txHash:D})=>{D&&te.current.reverted(D)},onUnobservable:()=>te.current.unobservable(Q.id)};E=j.kind==="trade"?await jo({trade:j.trade,coupon:j.coupon,...ne}):await ko({mint:j.mint,...ne})}catch(Q){F&&te.current.submitFinished(F),F&&$e([F]),be(Q)||pe(Q,{flow:"buy_credits_and_mana",step:"submit"}),Z(be(Q)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Se(Q)}),x.invalidateQueries({queryKey:["usd-balance"]}),ue(Q);return}F&&te.current.submitFinished(F);try{Rt(),Z("Shop Completed Purchase",{...un([t]),payment_type:"credits_and_mana",transaction_hash:E??null})}catch(Q){pe(Q,{flow:"buy_credits_and_mana",step:"post_purchase"})}y("complete")}async function yt(){if(!(!a||!o)){try{sessionStorage.setItem(Di,JSON.stringify(t))}catch{}ee.current&&(Le([ee.current]),ee.current=null),H(null),y("loading");try{const j=await Ko(a,{address:o.address,identity:o.identity});if(j.url){window.location.href=j.url;return}if(!j.orderId)throw new Error("Checkout returned neither a redirect url nor an order id");f(`/credits?order=${encodeURIComponent(j.orderId)}`)}catch(j){pe(j,{flow:"buy_credits_and_item"});try{sessionStorage.removeItem(Di)}catch{}I(n("buyModal.error.creditsCheckout")),y("error")}}}const[Ce,Pe]=c.useState(null);function rn(j,P){const{spender:F,chainId:E}=$o(j,P);return yl(E,F)}function ue(j){if(I(Ue(j,n("buyModal.error.generic"),{sale:!0})),y("error"),!is(j)||!o)return;const P=j.required;(async()=>{if(await od(o.providerType,o.address)){S(P);return}I(n("buyModal.error.relayDownNoRail"))})()}async function dt(j){if(o){S(null);try{await ps(o.web3Provider,j)}catch(P){be(P)||pe(P,{flow:"buy",step:"switch_chain"}),S(j);return}wt()}}function Ee(j){j==="mana"?nn():j==="combined"?Lt():lt()}const Ke=c.useRef(!1);async function Ye(j){var P;if(!Ke.current){Ke.current=!0;try{const F=(B==null?void 0:B.sale)??v;if(j==="credits"||!F||!o){Ee(j);return}const E=rn(j,F),Q=((P=Y.options.find(D=>D.method===j))==null?void 0:P.manaWei)??0n,ne=await oa(E,o.address,Q).catch(()=>!0);if(bl(o.providerType,ne)){Pe({auth:E,rail:j});return}Ee(j)}finally{Ke.current=!1}}}const Ie=Y.options.some(j=>j.method==="mana"||j.method==="combined"),Pt=g==="ready"&&(Ie||Y.manaShortfall!=null)||g==="nofunds"&&Ie;function wt(){I(null),H(null),ve(!1),M(!1),y("loading"),U(j=>j+1)}const vt=g==="error"&&C===null&&(!!ee.current||W),Je=g==="processing",an=g==="complete"?n("buyModal.titleComplete"):g==="error"?n("cartCheckout.errorTitle"):g==="nofunds"?n("buyModal.titleNoFunds"):n("buyModal.titleBuy");return Ce&&o?e.jsx(ta,{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:gl,width:24,height:24,alt:"","aria-hidden":!0}),onAuthorized:()=>{const{rail:j}=Ce;Pe(null),Ee(j)},onCancel:()=>Pe(null),onClose:()=>{Pe(null),s()}}):e.jsxs(Ho,{role:"dialog","aria-modal":"true","aria-label":n("buyModal.dialogAria",{name:t.name}),"data-testid":"buy-modal",children:[e.jsx(Uo,{onClick:Je?void 0:s,"aria-hidden":!0}),e.jsx(Qo,{"data-tall":g==="processing"||g==="loading"||void 0,children:Pt?e.jsx(ml,{asset:{name:t.name,thumb:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null,caption:t.creator?e.jsx(rs,{address:t.creator}):null},priceCredits:fe,priceCents:R,options:Y.options,priceManaWei:V??0n,balanceCredits:je,manaBalanceWei:q,onBuy:j=>void Ye(j),onClose:s,busy:Je,notice:ae?n("buyModal.priceChanged"):d!=null&&d.held?n("buyModal.heldExplainer",{credits:d.held.credits,currency:De.name}):null}):e.jsxs(e.Fragment,{children:[e.jsxs(Vo,{children:[e.jsxs(Go,{children:[e.jsx(Yo,{children:an}),!Je&&e.jsx(Jo,{onClick:s,"aria-label":n("buyModal.close"),children:e.jsx(bo,{})})]}),e.jsxs(Xo,{children:[e.jsx(Zo,{children:g==="nofunds"?n("buyModal.dclBalance"):n("buyModal.myCreditsBalance")}),e.jsx(el,{}),e.jsx(tl,{children:Dn(je)})]})]}),g==="loading"&&e.jsx(tt,{"data-processing":!0,children:e.jsx("span",{className:"spinner","aria-hidden":!0})}),g==="error"&&e.jsxs(tt,{children:[e.jsxs(nl,{"data-testid":"buy-error",children:[e.jsx(il,{src:yo,alt:"",width:64,height:80}),e.jsxs(rl,{children:[e.jsx("b",{children:n("cartCheckout.errorHeadline")})," ",k??(vt?null:n("cartCheckout.errorBody")),vt?e.jsxs(e.Fragment,{children:[k?" ":"",n("cartCheckout.heldLead",{currency:De.name}),e.jsx("b",{children:n("cartCheckout.heldBold")}),n("cartCheckout.heldTail",{currency:De.name})]}):null]})]}),C!==null?e.jsxs(pt,{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 dt(C),children:n("buyModal.error.switchAndRetry",{network:as(C)})})]}):vt?e.jsx(pt,{children:e.jsx(qe,{"data-variant":"purple","data-full":!0,onClick:s,children:n("cartCheckout.gotIt")})}):e.jsxs(pt,{children:[e.jsx(qe,{"data-variant":"outline",onClick:s,children:n("buyModal.cancel")}),e.jsx(qe,{"data-variant":"purple",onClick:wt,children:n("cartCheckout.tryAgain")})]})]}),g==="nofunds"&&e.jsxs(tt,{children:[N&&V===null&&q>0n?e.jsxs(Wt,{"data-testid":"mana-price-unavailable",children:[e.jsx(qt,{}),e.jsx(Ot,{children:n("buyModal.manaPriceUnavailable")})]}):null,d!=null&&d.held?e.jsxs(Wt,{"data-testid":"nofunds-held",children:[e.jsx(qt,{}),e.jsx(Ot,{children:n("buyModal.heldExplainer",{credits:d.held.credits,currency:De.name})})]}):null,e.jsxs(Wt,{children:[e.jsx(qt,{}),e.jsxs(Ot,{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}),xt()?null:e.jsxs(e.Fragment,{children:[" ",e.jsx(al,{href:ss("/credits"),target:"_blank",rel:"noopener noreferrer",children:n("buyModal.warningLearnMore")})]})]})]}),e.jsx(Qi,{item:t,priceCredits:fe}),xt()?null:e.jsx(e.Fragment,{children:e.jsx(sl,{packs:X,selectedId:a||void 0,onSelect:K})}),e.jsxs(pt,{children:[e.jsx(qe,{"data-variant":"outline",onClick:s,children:n("buyModal.cancel")}),xt()?null:e.jsx(qe,{"data-variant":"gradient",onClick:()=>void yt(),children:n("buyModal.buy")})]})]}),g==="ready"&&e.jsxs(tt,{children:[ae&&e.jsxs(Wt,{"data-testid":"price-changed",role:"status",children:[e.jsx(qt,{}),e.jsx(Ot,{children:n("buyModal.priceChanged")})]}),e.jsx(Qi,{item:t,priceCredits:fe}),e.jsx(pt,{children:e.jsx(qe,{"data-variant":"gradient","data-full":!0,onClick:()=>void lt(),children:n("buyModal.buy")})})]}),g==="processing"&&e.jsxs(tt,{"data-processing":!0,children:[e.jsx(na,{src:Ur,alt:"",width:61,height:61}),e.jsx(ia,{children:l?n("buyModal.completingPurchase"):n("buyModal.completingTransaction")}),e.jsx(ra,{"aria-hidden":!0,children:e.jsx(aa,{})})]}),g==="complete"&&e.jsxs(tt,{children:[e.jsx(Nl,{}),e.jsxs(ol,{children:[e.jsx(ld,{}),e.jsxs(ll,{children:[e.jsx("b",{children:n("getCredits.successTitle")})," ",n("buyModal.successBody")]})]}),e.jsxs(pt,{"data-stack":!0,children:[e.jsx(qe,{"data-variant":"outline",onClick:()=>f(os([t.category])),children:n("buyModal.myAssets")}),xt()?e.jsx(Ni,{"data-variant":"ruby",href:Bl([t]),onClick:s,children:n("success.goToBackpack")}):e.jsxs(Ni,{"data-variant":"ruby",href:_l,target:"_blank",rel:"noreferrer",onClick:s,children:[n("buyModal.tryInWorld"),e.jsx(Dl,{})]})]})]})]})})]})}function Qi({item:t,priceCredits:s}){return e.jsxs(dl,{children:[e.jsx(cl,{children:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null}),e.jsxs(ul,{children:[e.jsxs("div",{children:[e.jsx(pl,{title:t.name,children:t.name||n("buyModal.itemFallback")}),t.creator?e.jsx(hl,{address:t.creator}):null]}),e.jsxs(xl,{children:[e.jsx(fl,{}),e.jsx("span",{children:Dn(s)})]})]})]})}function cd(){const{data:t}=se({queryKey:["feature-flag","proceeds-to-treasury"],queryFn:xs,staleTime:6e4,refetchOnWindowFocus:!0,retry:1});return t===!0}const ud=r.div`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  width: 100%;
+  max-width: 456px;
+`,pd=r.span`
+  flex: none;
+  font-family: ${i.font.sans};
+  font-size: 18px;
+  color: ${i.colors.muted};
+`,hd=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  line-height: 1.5;
+  color: ${i.colors.muted};
+  text-align: center;
+`,xd=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  line-height: 1.5;
+  color: ${i.colors.text};
+`;function ma(t,s){const[l,o]=c.useState(!1),[d,u]=c.useState(!1),[x,f]=c.useState(null),m=c.useRef(null);c.useEffect(()=>{const h=new AbortController;return m.current=h,()=>h.abort(new DOMException("Modal closed","AbortError"))},[]);async function $(h){if(!t||l)return!0;f(null);try{const g=await t.cancelCurrent({payGas:h,onWaiting:y=>u(y>2e4)});return g!=="ok"?(f(g==="relay-reverted"?"reverted":"pending"),!1):(o(!0),!0)}catch(g){return pe(g,{flow:"edit_price_cancel"}),s(Ue(g,n("listingEdit.cancelFailed"))),!1}finally{u(!1)}}return{cancelDone:l,slow:d,cancelFailed:x,setCancelFailed:f,cancelCurrent:$,signal:()=>{var h;return(h=m.current)==null?void 0:h.signal}}}function qn({state:t,canPayGas:s,busy:l,onPayGas:o,onLater:d,testId:u="edit-cancel-relay-failed"}){return e.jsxs(xd,{"data-testid":u,children:[s?t==="reverted"?n("itemDetail.cancelRelayReverted"):n("itemDetail.cancelRelayFailed"):n("itemDetail.cancelRelayRetry"),s?e.jsxs(e.Fragment,{children:[" ",e.jsx(Wi,{type:"button","data-testid":"cancel-pay-gas",onClick:o,disabled:l,children:n("itemDetail.cancelPayGas")}),d?e.jsxs(e.Fragment,{children:[" ",e.jsx(Wi,{type:"button","data-testid":"cancel-later",onClick:d,disabled:l,children:n("itemDetail.cancelLater")})]}):null]}):null]})}function ga({phase:t,managed:s,slow:l}){const d=t==="list"?2:1,u=`listingEdit.${s?"step":"confirm"}${t==="list"?"New":"Removal"}`;return e.jsxs(tt,{"data-processing":!0,"data-testid":"listing-steps",role:"status","aria-live":"polite",children:[e.jsx(na,{src:Ur,alt:"",width:61,height:61}),e.jsx(ia,{children:n(u)}),e.jsxs(ud,{children:[e.jsx(ra,{"aria-hidden":!0,children:e.jsx(aa,{})}),e.jsxs(pd,{"data-testid":"listing-steps-count",children:[d,"/",2]})]}),l?e.jsx(hd,{"data-testid":"listing-steps-slow",children:n("listingEdit.slow")}):null]})}const fn=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);
+`,mn=r.div`
+  width: 560px;
+  max-width: 100%;
+  max-height: 92vh;
+  overflow-y: auto;
+  background: ${i.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;
+`,gn=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${i.colors.gray4};
+`,bn=r.h2`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${i.colors.text};
+`,yn=r.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  color: ${i.colors.text};
+
+  .ico {
+    width: 18px;
+    height: 18px;
+  }
+  &:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,fd=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 14px;
+  line-height: 1.57;
+  color: ${i.colors.text};
+  text-align: left;
+`,md=r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,gd=r.div`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 180px;
+  height: 180px;
+  border-radius: 16px;
+  background: ${i.colors.media};
+  border: 1px solid ${i.colors.gray4};
+  overflow: hidden;
+
+  img {
+    width: 150px;
+    height: 150px;
+    object-fit: contain;
+    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
+  }
+
+  ${i.media.maxWidth("mobile")} {
+    width: 120px;
+    height: 120px;
+
+    img {
+      width: 100px;
+      height: 100px;
+    }
+  }
+`,bd=r.div`
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 8px;
+`,yd=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.57;
+  color: ${i.colors.text};
+`,wd=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 10px;
+  line-height: 1.43;
+  color: ${i.colors.muted};
+`,vd=r.div`
+  display: flex;
+  gap: 12px;
+
+  ${i.media.maxWidth("mobile")} {
+    flex-direction: column;
+  }
+`,Vi=r.label`
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,Gi=r.span`
+  font-family: ${i.font.sans};
+  font-size: 12px;
+  color: ${i.colors.muted};
+`,jd=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px;
+  height: 42px;
+  padding: 0 8px;
+  border: 0.5px solid ${i.colors.text};
+  border-radius: 8px;
+  background: ${i.colors.white};
+
+  &:focus-within {
+    border-color: ${i.colors.magenta};
+  }
+  &[aria-invalid='true'] {
+    border-color: ${i.colors.err};
+  }
+
+  .ccy {
+    flex: none;
+    width: 22px;
+    height: 22px;
+    color: ${i.colors.rarity};
+  }
+  .cal {
+    flex: none;
+    width: 18px;
+    height: 18px;
+    color: ${i.colors.text};
+  }
+`,kd=r.input`
+  flex: 1 1 auto;
+  min-width: 0;
+  border: 0;
+  outline: none;
+  background: transparent;
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  color: ${i.colors.text};
+
+  &::placeholder {
+    color: ${i.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;
+  }
+`,$d=r.span`
+  flex: none;
+  font-family: ${i.font.sans};
+  font-size: 10px;
+  color: ${i.colors.muted2};
+`,Cd=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 ${i.colors.text};
+    border-radius: 8px;
+    background: ${i.colors.white};
+    font-family: ${i.font.sans};
+    font-size: 13px;
+    color: ${i.colors.text};
+    outline: none;
+  }
+  .react-datepicker__input-container input:focus {
+    border-color: ${i.colors.magenta};
+  }
+  &[data-invalid='true'] .react-datepicker__input-container input {
+    border-color: ${i.colors.err};
+  }
+  /* The showIcon calendar glyph inside the field. */
+  .react-datepicker__calendar-icon {
+    fill: ${i.colors.text};
+    opacity: 0.85;
+  }
+
+  ${Eo}
+`,Id=r.button`
+  width: 100%;
+  height: 48px;
+  border: 0;
+  border-radius: 16px;
+  cursor: pointer;
+  background: ${i.colors.accent};
+  color: ${i.colors.white};
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 15px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover:not(:disabled) {
+    background: ${i.colors.accentHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    cursor: not-allowed;
+    background: rgba(105, 31, 169, 0.2);
+    color: ${i.colors.white};
+  }
+`;r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  color: ${i.colors.muted};
+  text-align: center;
+`;const Sd=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${i.colors.muted};
+`,Ad=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;
+`,Md=r.div`
+  display: grid;
+  place-items: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: ${i.colors.ok};
+  color: ${i.colors.white};
+
+  .ico {
+    width: 34px;
+    height: 34px;
+  }
+`,Rd=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 20px;
+  line-height: 1.334;
+  color: ${i.colors.text2};
+
+  b {
+    font-weight: 700;
+  }
+`,Ld=r.div`
+  display: flex;
+  gap: 12px;
+
+  ${i.media.maxWidth("mobile")} {
+    flex-direction: column-reverse;
+  }
+`,Pd=r.button`
+  flex: 1 1 0;
+  height: 48px;
+  border: 2px solid ${i.colors.accent};
+  border-radius: 12px;
+  background: transparent;
+  color: ${i.colors.accent};
+  cursor: pointer;
+  font-family: ${i.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 ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,Ed=r.button`
+  flex: 1 1 0;
+  height: 48px;
+  border: 0;
+  border-radius: 12px;
+  background: ${i.colors.accent};
+  color: ${i.colors.softWhite};
+  cursor: pointer;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover {
+    background: ${i.colors.accentHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,Fd=30;function Yi(t){const s=new Date;return s.setHours(0,0,0,0),s.setDate(s.getDate()+t),s}function Td({asset:t,session:s,creator:l,edit:o,onListed:d,onClose:u}){const x=ot(),f=st(),m=cd(),{data:$}=se({queryKey:["collection-meta",t.contractAddress],enabled:!l&&!!t.contractAddress,staleTime:5*6e4,queryFn:()=>Vr(t.contractAddress)}),h=l||($==null?void 0:$.creator),{data:g}=Jt(h),y=h?g!=null&&g.name?Xt(g.name):Wn(h):null,[k,I]=c.useState(o!=null&&o.currentCredits?String(o.currentCredits):"10"),[C,S]=c.useState(()=>Yi(Fd)),[W,M]=c.useState(null),[w,U]=c.useState(!1),[a,K]=c.useState(null),[J,A]=c.useState("form"),T=c.useRef({}),{cancelDone:X,slow:V,cancelFailed:oe,setCancelFailed:ce,cancelCurrent:ie,signal:q}=ma(o,M),N=Zt(s),O=Number(k),v=Number.isInteger(O)&&O>0,re=!!o&&!X&&O===o.currentCredits,R=C?C.getTime():NaN,z=!!C&&R>Date.now(),B=Yi(1),H=v?`$${it(O).toFixed(2)}`:"$0";async function ae(G={}){if(M(null),!v){M(n("sellModal.errorWholeNumber"));return}if(!z){M(n("sellModal.invalidDate"));return}if(!N){U(!0);try{const te=_i(t.contractAddress,t.chainId),fe=await oa(te,s.address);if(U(!1),!fe){T.current=G,A("authorize");return}}catch{U(!1)}}await ve(G)}async function ve(G={}){var te,fe;if(M(null),!v){M(n("sellModal.errorWholeNumber"));return}if(!z){M(n("sellModal.invalidDate"));return}U(!0);try{if(!await ie(G.payGas))return;await wl({signer:s.signer,contractAddress:t.contractAddress,chainId:t.chainId});const je=await vl({signer:s.signer,nft:{contractAddress:t.contractAddress,tokenId:t.tokenId,network:t.network,chainId:t.chainId},usdPrice:it(O),expiresAtMs:R}),ke=await(o?pa(je,s.identity,{signal:q()}):Qr(je,s.identity));(te=q())==null||te.throwIfAborted(),K(O),Z("Shop Listed Item",{item_id:t.itemId??t.tokenId??null,contract_address:t.contractAddress,price_credits:O,price_usd:it(O),listing_type:"secondary",is_primary:!1}),Mt.success(n(o?"listingEdit.toastUpdated":"sellModal.toastOnSale",{name:t.name})),x.invalidateQueries({queryKey:["my-assets",s.address]}),d==null||d(O,ke.id)}catch(je){if((fe=q())!=null&&fe.aborted)return;pe(je,{flow:"list_secondary"}),Z("Shop Listing Failed",{listing_type:"secondary",error_code:Se(je)}),M(Ue(je,n(o?"listingEdit.listFailedAfterCancel":"sellModal.errorGeneric")))}finally{U(!1)}}function ee(){u(),f("/my-items")}return a!==null?e.jsx(fn,{onClick:u,role:"presentation",children:e.jsxs(mn,{onClick:G=>G.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n(o?"listingEdit.successHeader":"sellModal.successHeader"),children:[e.jsxs(gn,{children:[e.jsx(bn,{children:n(o?"listingEdit.successHeader":"sellModal.successHeader")}),e.jsx(yn,{onClick:u,"aria-label":n("getCredits.done"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsxs(Ad,{children:[e.jsx(Md,{"aria-hidden":!0,children:e.jsx(L,{name:"check",className:"ico"})}),e.jsxs(Rd,{children:[e.jsx("b",{children:n(o?"listingEdit.successBody":"sellModal.successOnSale")})," ",n("sellModal.successManage")]})]}),e.jsxs(Ld,{children:[e.jsx(Pd,{onClick:ee,children:n("sellModal.myItems")}),e.jsx(Ed,{onClick:u,children:n("getCredits.done")})]})]})}):J==="authorize"?e.jsx(ta,{auth:_i(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:()=>{A("form"),ve(T.current)},onCancel:()=>A("form"),onClose:u}):o&&w?e.jsx(fn,{role:"presentation",children:e.jsxs(mn,{onClick:G=>G.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("listingEdit.title"),"data-testid":"modal",children:[e.jsxs(gn,{children:[e.jsx(bn,{children:n("listingEdit.title")}),e.jsx(yn,{disabled:!0,"aria-label":n("sellModal.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsx(ga,{phase:X?"list":"cancel",managed:N,slow:V})]})}):e.jsx(fn,{onClick:w?void 0:u,role:"presentation",children:e.jsxs(mn,{"data-testid":"modal",onClick:G=>G.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n(o?"listingEdit.title":"sellModal.sellProduct"),children:[e.jsxs(gn,{children:[e.jsx(bn,{children:n(o?"listingEdit.title":"sellModal.sellProduct")}),e.jsx(yn,{onClick:u,disabled:w,"aria-label":n("sellModal.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsx(fd,{children:n(o?"listingEdit.subtitle":"sellModal.subtitle")}),e.jsxs(md,{children:[e.jsx(gd,{children:t.image?e.jsx("img",{src:t.image,alt:""}):null}),e.jsxs(bd,{children:[e.jsx(yd,{children:t.name}),y?e.jsx(wd,{children:n("sellModal.byCreator",{name:y})}):null]})]}),e.jsxs(vd,{children:[e.jsxs(Vi,{children:[e.jsx(Gi,{children:n("sellModal.priceShort")}),e.jsxs(jd,{"aria-invalid":k.length>0&&!v,children:[e.jsx(Re,{className:"ccy"}),e.jsx(kd,{"data-testid":"price-input",type:"number",min:"1",step:"1",inputMode:"numeric",value:k,onChange:G=>I(G.target.value),disabled:w,"aria-label":n("sellModal.priceLabel",{currency:"credits"})}),e.jsx($d,{"aria-hidden":!0,children:H})]})]}),e.jsxs(Vi,{children:[e.jsx(Gi,{children:n("sellModal.expirationLabel")}),e.jsx(Cd,{"data-invalid":!!C&&!z,children:e.jsx(Fo,{selected:C,onChange:S,minDate:B,dateFormat:"MM/dd/yyyy",placeholderText:"MM/DD/YYYY",disabled:w,showIcon:!0,showPopperArrow:!1,todayButton:n("sellModal.today"),ariaLabelledBy:void 0,"aria-label":n("sellModal.expirationLabel")})})]})]}),m&&v?e.jsx(Sd,{children:n("sellModal.proceedsCredits",{count:O})}):null,oe?e.jsx(qn,{state:oe,canPayGas:!!(o!=null&&o.canPayGas),busy:w,onPayGas:()=>void ae({payGas:!0}),onLater:()=>ce(null)}):null,e.jsx(Qe,{message:W}),e.jsx(Id,{onClick:()=>void ae(),disabled:w||re||oe==="pending"||!v||!z,"data-testid":"list-submit",children:o?n(X?"sellModal.putUpForSale":"listingEdit.submit"):w?N?n("sellModal.puttingOnSale"):n("sellModal.confirmListing"):n("sellModal.putUpForSale")})]})})}const zd=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);
+`,Nd=r.div`
+  width: 560px;
+  max-width: 100%;
+  max-height: 92vh;
+  overflow-y: auto;
+  background: ${i.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;
+
+  ${i.media.maxWidth("mobile")} {
+    padding: 12px 16px 16px;
+  }
+`,Bd=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${i.colors.gray4};
+`,_d=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+`,Dd=r.h2`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${i.colors.text};
+`,Wd=r.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  color: ${i.colors.text};
+
+  .ico {
+    width: 18px;
+    height: 18px;
+  }
+  &:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,qd=r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,Od=r.img`
+  flex: none;
+  width: 72px;
+  height: 72px;
+  border-radius: 12px;
+  object-fit: cover;
+  background: ${i.colors.media};
+`,Kd=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 1.4;
+  color: ${i.colors.text};
+`,Hd=r.label`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`,Ud=r.span`
+  font-family: ${i.font.sans};
+  font-size: 12px;
+  color: ${i.colors.muted};
+`,Qd=r.input`
+  width: 100%;
+  height: 44px;
+  padding: 0 12px;
+  border: 1px solid ${i.colors.text};
+  border-radius: 8px;
+  background: ${i.colors.white};
+  font-family: ${i.font.sans};
+  font-size: 14px;
+  color: ${i.colors.text};
+
+  &::placeholder {
+    color: ${i.colors.muted2};
+  }
+  &:focus-visible {
+    outline: none;
+    border-color: ${i.colors.magenta};
+  }
+  &[aria-invalid='true'] {
+    border-color: ${i.colors.err};
+  }
+  &:disabled {
+    opacity: 0.6;
+  }
+`,Vd=r.p`
+  margin: 0;
+  padding: 12px 14px;
+  border-radius: 10px;
+  background: rgba(255, 45, 85, 0.1);
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  line-height: 1.5;
+  color: ${i.colors.text2};
+`,Ji=r.div`
+  display: flex;
+  gap: 12px;
+
+  ${i.media.maxWidth("mobile")} {
+    flex-direction: column-reverse;
+  }
+`,Gd=r.button`
+  flex: 1;
+  height: 48px;
+  border: 2px solid ${i.colors.blackBtn};
+  border-radius: 16px;
+  background: transparent;
+  color: ${i.colors.text};
+  cursor: pointer;
+  font-family: ${i.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 ${i.colors.accent};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+`,Xi=r.button`
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  height: 48px;
+  border: 0;
+  border-radius: 16px;
+  background: ${i.colors.blackBtn};
+  color: ${i.colors.softWhite};
+  cursor: pointer;
+  font-family: ${i.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 ${i.colors.accent};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    opacity: 0.55;
+    cursor: default;
+  }
+`,Yd=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;
+`,Jd=r.div`
+  display: grid;
+  place-items: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: ${i.colors.ok};
+  color: ${i.colors.white};
+
+  .ico {
+    width: 34px;
+    height: 34px;
+  }
+`,Xd=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 16px;
+  line-height: 1.34;
+  color: ${i.colors.text2};
+
+  b {
+    font-weight: 700;
+  }
+`;function Zd(t){return/^0x[a-fA-F0-9]{40}$/.test(t.trim())}function ec({item:t,session:s,onClose:l,onTransferred:o}){const[d,u]=c.useState(""),[x,f]=c.useState(!1),[m,$]=c.useState(null),[h,g]=c.useState(!1),y=d.trim(),k=Zd(y),I=k&&y.toLowerCase()===s.address.toLowerCase(),C=y.length===0?null:k?I?n("transfer.selfAddress"):null:n("transfer.invalidAddress"),S=k&&!I&&!x;async function W(){if(S){$(null),f(!0);try{await Ro({contractAddress:t.contractAddress,chainId:t.chainId,tokenId:t.tokenId,to:y,signer:s.signer}),Z("Shop Transferred Item",{contract_address:t.contractAddress,token_id:t.tokenId}),g(!0),Mt.success(n("transfer.toastSuccess",{name:t.name})),o==null||o()}catch(M){mt(M)||pe(M,{flow:"transfer-item",tokenId:t.tokenId}),Z("Shop Transfer Failed",{error_code:Se(M)}),$(mt(M)?n("getCredits.errorCanceled"):Ue(M,n("transfer.errorGeneric")))}finally{f(!1)}}}return e.jsx(zd,{onClick:x?void 0:l,role:"presentation",children:e.jsxs(Nd,{onClick:M=>M.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("transfer.title"),children:[e.jsx(Bd,{children:e.jsxs(_d,{children:[e.jsx(Dd,{children:n("transfer.title")}),e.jsx(Wd,{onClick:l,disabled:x,"aria-label":n("sellModal.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]})}),h?e.jsxs(e.Fragment,{children:[e.jsxs(Yd,{children:[e.jsx(Jd,{"aria-hidden":!0,children:e.jsx(L,{name:"check",className:"ico"})}),e.jsx(Xd,{children:n("transfer.successBody",{name:t.name})})]}),e.jsx(Ji,{children:e.jsx(Xi,{onClick:l,children:n("getCredits.done")})})]}):e.jsxs(e.Fragment,{children:[e.jsxs(qd,{children:[t.thumbnail?e.jsx(Od,{src:t.thumbnail,alt:""}):null,e.jsx(Kd,{children:t.name})]}),e.jsxs(Hd,{children:[e.jsx(Ud,{children:n("transfer.addressLabel")}),e.jsx(Qd,{type:"text",spellCheck:!1,autoComplete:"off",placeholder:"0x…",value:d,onChange:M=>u(M.target.value),disabled:x,"aria-invalid":!!C,"aria-label":n("transfer.addressLabel")}),C?e.jsx(Qe,{message:C}):null]}),e.jsx(Vd,{children:n("transfer.warning")}),e.jsx(Qe,{message:m}),e.jsxs(Ji,{children:[e.jsx(Gd,{onClick:l,disabled:x,children:n("sellModal.cancel")}),e.jsx(Xi,{onClick:()=>void W(),disabled:!S,children:x?n("transfer.transferring"):n("transfer.transfer")})]})]})]})})}const tc=r(Wl)`
+  width: min(500px, 92vw);
+  gap: 20px;
+
+  ${i.media.maxWidth("mobile")} {
+    [data-actions] {
+      flex-direction: column-reverse;
+    }
+    [data-actions] > * {
+      width: 100%;
+    }
+  }
+`,nc=r(Ve)`
+  background: ${i.colors.accent};
+  color: ${i.colors.white};
+  text-transform: uppercase;
+  letter-spacing: 0.046em;
+  font-size: 13px;
+
+  &:hover:not(:disabled) {
+    background: ${i.colors.accentHover};
+  }
+`;function ic({name:t,managed:s,canPayGas:l,cancel:o,onClose:d}){const[u,x]=c.useState(!1),[f,m]=c.useState(!1),[$,h]=c.useState(null),[g,y]=c.useState(null);async function k(I){h(null),y(null),x(!0);try{const C=await o({payGas:I,onWaiting:S=>m(S>2e4)});C==="ok"?d():y(C==="relay-reverted"?"reverted":"pending")}catch(C){const S=mt(C);S||pe(C,{flow:"remove-listing"});const W=n("myAssets.removeListingError");h(s?W:S?n("getCredits.errorCanceled"):Ue(C,W))}finally{x(!1),m(!1)}}return e.jsx(ql,{onClick:u?void 0:d,role:"presentation",children:e.jsxs(tc,{onClick:I=>I.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("removeListing.title"),"data-testid":"remove-listing-modal",children:[e.jsx(Ol,{children:e.jsx(Kl,{children:n("removeListing.title")})}),e.jsx("p",{className:"muted",style:{margin:0},children:n("removeListing.body",{name:t})}),u&&f?e.jsx("p",{className:"muted small",style:{margin:0},"data-testid":"cancel-slow",children:n(l?"itemDetail.cancelSlow":"itemDetail.cancelSlowManaged")}):null,g?e.jsx(qn,{state:g,canPayGas:l,busy:u,onPayGas:()=>void k(!0),testId:"cancel-gasless-failed"}):null,e.jsx(Qe,{message:$}),e.jsxs(Hl,{"data-actions":!0,children:[e.jsx(Ve,{variant:"outline",onClick:d,disabled:u,children:n("sellModal.cancel")}),e.jsx(nc,{onClick:()=>void k(),disabled:u||g==="pending","data-testid":"remove-confirm",children:u?e.jsx(Ul,{size:"small"}):n("itemDetail.manageRemove")})]})]})})}const wn=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);
+`,vn=r.div`
+  width: 560px;
+  max-width: 100%;
+  max-height: 92vh;
+  overflow-y: auto;
+  background: ${i.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;
+`,jn=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${i.colors.gray4};
+`,kn=r.h2`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${i.colors.text};
+`,$n=r.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  color: ${i.colors.text};
+
+  .ico {
+    width: 18px;
+    height: 18px;
+  }
+  &:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,rc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 14px;
+  line-height: 1.57;
+  color: ${i.colors.text};
+  text-align: left;
+`,ac=r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,sc=r.div`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 180px;
+  height: 180px;
+  border-radius: 16px;
+  background: ${i.colors.media};
+  border: 1px solid ${i.colors.gray4};
+  overflow: hidden;
+
+  img {
+    width: 150px;
+    height: 150px;
+    object-fit: contain;
+    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
+  }
+
+  ${i.media.maxWidth("mobile")} {
+    width: 120px;
+    height: 120px;
+
+    img {
+      width: 100px;
+      height: 100px;
+    }
+  }
+`,oc=r.div`
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 8px;
+`,lc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.57;
+  color: ${i.colors.text};
+`,dc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 10px;
+  line-height: 1.43;
+  color: ${i.colors.muted};
+`,cc=r.label`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,uc=r.span`
+  font-family: ${i.font.sans};
+  font-size: 12px;
+  color: ${i.colors.muted};
+`,pc=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px;
+  height: 42px;
+  padding: 0 8px;
+  border: 0.5px solid ${i.colors.text};
+  border-radius: 8px;
+  background: ${i.colors.white};
+
+  &:focus-within {
+    border-color: ${i.colors.magenta};
+  }
+  &[aria-invalid='true'] {
+    border-color: ${i.colors.err};
+  }
+
+  .ccy {
+    flex: none;
+    width: 22px;
+    height: 22px;
+    color: ${i.colors.rarity};
+  }
+`,hc=r.input`
+  flex: 1 1 auto;
+  min-width: 0;
+  border: 0;
+  outline: none;
+  background: transparent;
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  color: ${i.colors.text};
+
+  &::placeholder {
+    color: ${i.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;
+  }
+`,xc=r.span`
+  flex: none;
+  font-family: ${i.font.sans};
+  font-size: 10px;
+  color: ${i.colors.muted2};
+`,Ht=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${i.colors.muted};
+`,fc=r.button`
+  width: 100%;
+  height: 48px;
+  border: 0;
+  border-radius: 16px;
+  cursor: pointer;
+  background: ${i.colors.accent};
+  color: ${i.colors.white};
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 15px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover:not(:disabled) {
+    background: ${i.colors.accentHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    cursor: not-allowed;
+    background: rgba(105, 31, 169, 0.2);
+    color: ${i.colors.white};
+  }
+`,mc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  color: ${i.colors.muted};
+  text-align: center;
+`,gc=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;
+`,bc=r.div`
+  display: grid;
+  place-items: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: ${i.colors.ok};
+  color: ${i.colors.white};
+
+  .ico {
+    width: 34px;
+    height: 34px;
+  }
+`,yc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 20px;
+  line-height: 1.334;
+  color: ${i.colors.text2};
+
+  b {
+    font-weight: 700;
+  }
+`,wc=r.p`
+  margin: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-family: ${i.font.sans};
+  font-size: 14px;
+  line-height: 1.43;
+  color: ${i.colors.text2};
+
+  strong {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-weight: 700;
+  }
+  .ccy-mark {
+    width: 18px;
+    height: 18px;
+    color: ${i.colors.rarity};
+  }
+`,vc=r.div`
+  display: flex;
+  gap: 12px;
+
+  ${i.media.maxWidth("mobile")} {
+    flex-direction: column-reverse;
+  }
+`,jc=r.button`
+  flex: 1 1 0;
+  height: 48px;
+  border: 2px solid ${i.colors.accent};
+  border-radius: 12px;
+  background: transparent;
+  color: ${i.colors.accent};
+  cursor: pointer;
+  font-family: ${i.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 ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,kc=r.button`
+  flex: 1 1 0;
+  height: 48px;
+  border: 0;
+  border-radius: 12px;
+  background: ${i.colors.accent};
+  color: ${i.colors.softWhite};
+  cursor: pointer;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover {
+    background: ${i.colors.accentHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,$c=1e3*60*60*24*182;function Cc({item:t,session:s,edit:l,onListed:o,onClose:d}){const u=ot(),x=st(),[f,m]=c.useState(l!=null&&l.currentCredits?String(l.currentCredits):"10"),[$,h]=c.useState(null),[g,y]=c.useState(null),[k,I]=c.useState(!1),[C,S]=c.useState(null),[W,M]=c.useState(null),{cancelDone:w,slow:U,cancelFailed:a,setCancelFailed:K,cancelCurrent:J,signal:A}=ma(l,y),T=rt.chainId,X=Zt(s),{data:V}=Jt(s.address),oe=V!=null&&V.name?Xt(V.name):Wn(s.address),ce=Number(f),ie=Number.isInteger(ce)&&ce>0,q=!!l&&!w&&ce===l.currentCredits,N=ie?`$${it(ce).toFixed(2)}`:"$0";c.useEffect(()=>{let R=!1;return(async()=>{try{const z=await jl({contractAddress:t.contractAddress,chainId:T});R||S(z)}catch{R||S(!1)}})(),()=>{R=!0}},[t.contractAddress,T]);async function O(R={}){var B,H;y(null);const z=Number(f);if(!Number.isInteger(z)||z<=0){y(n("primaryList.errorWholeNumber"));return}I(!0);try{if(!await J(R.payGas))return;C||(h(n("primaryList.statusEnabling")),await kl({signer:s.signer,contractAddress:t.contractAddress,chainId:T}),S(!0)),h(n("primaryList.statusPublishing"));const ae=await $l({signer:s.signer,item:{contractAddress:t.contractAddress,itemId:t.blockchainItemId,network:Ae.Network.MATIC,chainId:T},usdPrice:it(z),uses:t.remainingSupply,expiresAtMs:Date.now()+$c});h(n("primaryList.statusFinishing"));const ve=await(l?pa(ae,s.identity,{signal:A()}):Qr(ae,s.identity));(B=A())==null||B.throwIfAborted(),h(null),M(z),Z("Shop Listed Item",{item_id:t.blockchainItemId,contract_address:t.contractAddress,price_credits:z,price_usd:it(z),listing_type:"primary",is_primary:!0}),Mt.success(n(l?"listingEdit.toastUpdated":"primaryList.toastOnSale",{name:t.name})),o==null||o(z,ve.id),u.invalidateQueries({queryKey:["publishable-items"]}),u.invalidateQueries({queryKey:["collection-sale-state"]}),u.invalidateQueries({queryKey:["shop-items"]}),u.invalidateQueries({queryKey:["catalog-items"]}),u.invalidateQueries({queryKey:["overview-listings"]}),u.invalidateQueries({queryKey:["upsell-listings"]})}catch(ae){if((H=A())!=null&&H.aborted)return;pe(ae,{flow:"list_primary"}),Z("Shop Listing Failed",{listing_type:"primary",error_code:Se(ae)}),y(Ue(ae,n(l?"listingEdit.listFailedAfterCancel":"primaryList.errorGeneric"))),h(null)}finally{I(!1)}}function v(){d(),x(fs(t.contractAddress,t.blockchainItemId))}const re=C===null?n("primaryList.checking"):l?n(w?"primaryList.putOnSale":"listingEdit.submit"):k?X?n("primaryList.publishing"):n("primaryList.confirmListing"):C===!1?n("primaryList.enableAndPutOnSale"):n("primaryList.putOnSale");return W!==null?e.jsx(wn,{onClick:d,role:"presentation",children:e.jsxs(vn,{onClick:R=>R.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n(l?"listingEdit.successHeader":"primaryList.successTitle"),children:[e.jsxs(jn,{children:[e.jsx(kn,{children:n(l?"listingEdit.successHeader":"primaryList.successTitle")}),e.jsx($n,{onClick:d,"aria-label":n("getCredits.done"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsxs(gc,{children:[e.jsx(bc,{"aria-hidden":!0,children:e.jsx(L,{name:"check",className:"ico"})}),e.jsx(yc,{children:e.jsx("b",{children:t.name})}),e.jsxs(wc,{children:[n("primaryList.listedFor")," ",e.jsxs("strong",{children:[e.jsx(Re,{className:"ccy-mark"})," ",e.jsx(ge,{credits:W})]})," ",n("primaryList.dotAvailable",{count:t.remainingSupply})]})]}),e.jsxs(vc,{children:[e.jsx(jc,{onClick:d,children:n("getCredits.done")}),e.jsx(kc,{onClick:v,children:n("primaryList.viewInShop")})]})]})}):l&&k?e.jsx(wn,{role:"presentation",children:e.jsxs(vn,{onClick:R=>R.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("listingEdit.title"),"data-testid":"modal",children:[e.jsxs(jn,{children:[e.jsx(kn,{children:n("listingEdit.title")}),e.jsx($n,{disabled:!0,"aria-label":n("primaryList.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsx(ga,{phase:w?"list":"cancel",managed:X,slow:U})]})}):e.jsx(wn,{onClick:k?void 0:d,role:"presentation",children:e.jsxs(vn,{"data-testid":"modal",onClick:R=>R.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":l?n("listingEdit.title"):n("primaryList.publishTitle",{name:t.name}),children:[e.jsxs(jn,{children:[e.jsx(kn,{children:l?n("listingEdit.title"):n("primaryList.publishTitle",{name:t.name})}),e.jsx($n,{onClick:d,disabled:k,"aria-label":n("primaryList.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsx(rc,{children:n("primaryList.fromCollection",{collectionName:t.collectionName,count:t.remainingSupply})}),e.jsxs(ac,{children:[e.jsx(sc,{children:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null}),e.jsxs(oc,{children:[e.jsx(lc,{children:t.name}),oe?e.jsx(dc,{children:n("primaryList.byCreator",{name:oe})}):null]})]}),e.jsxs(cc,{children:[e.jsx(uc,{children:n("primaryList.priceShort")}),e.jsxs(pc,{"aria-invalid":f.length>0&&!ie,children:[e.jsx(Re,{className:"ccy"}),e.jsx(hc,{"data-testid":"price-input",type:"number",min:"1",step:"1",inputMode:"numeric",value:f,onChange:R=>m(R.target.value),disabled:k,"aria-label":n("primaryList.priceLabel",{currency:De.name})}),e.jsx(xc,{"aria-hidden":!0,children:N})]})]}),e.jsx(Ht,{children:n("primaryList.pricedInWhole",{currency:De.name,currencySingular:De.nameSingular})}),l?!k&&!w?e.jsx(Ht,{children:n("listingEdit.subtitle")}):null:C===!1&&!k?e.jsx(Ht,{children:X?n("primaryList.firstTimeManaged",{collectionName:t.collectionName}):n("primaryList.firstTimeConfirm",{collectionName:t.collectionName})}):C===!0&&!k?e.jsx(Ht,{children:X?n("primaryList.readyManaged"):n("primaryList.readyConfirm")}):null,a?e.jsx(qn,{state:a,canPayGas:!!(l!=null&&l.canPayGas),busy:k,onPayGas:()=>void O({payGas:!0}),onLater:()=>K(null)}):null,$&&!l?e.jsx(mc,{children:$}):null,e.jsx(Qe,{message:g}),e.jsx(fc,{onClick:()=>void O(),disabled:k||q||a==="pending"||C===null||!ie,"data-testid":"list-submit",children:re})]})})}const ba=["function issueTokens(address[] _beneficiaries, uint256[] _itemIds)"];function ya(t){return/^0x[a-fA-F0-9]{40}$/.test(t.trim())}function wa(t){return t.reduce((s,l)=>s+Math.max(0,Math.floor(l.amount||0)),0)}function Ic(t,s){const l=t.filter(d=>d.address.trim().length>0||(d.amount||0)>0);if(l.length===0)return!1;for(const d of l)if(!ya(d.address)||!Number.isInteger(d.amount)||d.amount<1)return!1;const o=wa(l);return o>=1&&o<=s}function Sc(t,s){const l=[],o=[];for(const d of t){const u=d.address.trim(),x=Math.max(0,Math.floor(d.amount||0));if(!(!u||x===0))for(let f=0;f<x;f++)l.push(u),o.push(s)}return{beneficiaries:l,itemIds:o}}async function Ac(t){const{contractAddress:s,chainId:l,beneficiaries:o,itemIds:d,signer:u}=t,x={...gs(bs.ERC721CollectionV2,l),address:s},f=new El(ba).encodeFunctionData("issueTokens",[o,d]),m=Sl(),$=Al(u.provider,m),h=await Gl($,m,f,x,{serverURL:la.relayerUrl});return await Ml(h,"the mint"),h}async function Mc(t){const{signer:s,contractAddress:l,chainId:o,entries:d,itemId:u}=t,{beneficiaries:x,itemIds:f}=Sc(d,u);if(x.length===0)throw new Error("No copies to issue");if(la.enabled)try{return await Ac({contractAddress:l,chainId:o,beneficiaries:x,itemIds:f,signer:s})}catch(g){if(g instanceof Ql&&g.code===Vl.USER_DENIED||g instanceof Cl)throw g;console.warn("[issue] gasless meta-tx failed, falling back to a direct tx:",g)}return await ms(s.provider,o),(await(await new Pl(l,ba,s).issueTokens(x,f,Il(o))).wait()).transactionHash}const Rc=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);
+`,Lc=r.div`
+  width: 560px;
+  max-width: 100%;
+  max-height: 92vh;
+  overflow-y: auto;
+  background: ${i.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: 20px;
+`,Pc=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${i.colors.gray4};
+`,Ec=r.h2`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${i.colors.text};
+`,Fc=r.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  color: ${i.colors.text};
+
+  .ico {
+    width: 18px;
+    height: 18px;
+  }
+  &:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,Tc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 14px;
+  line-height: 1.57;
+  color: ${i.colors.text};
+  text-align: left;
+`,zc=r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,Nc=r.div`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 56px;
+  height: 56px;
+  border-radius: 12px;
+  background: ${i.colors.media};
+  border: 1px solid ${i.colors.gray4};
+  overflow: hidden;
+
+  img {
+    width: 48px;
+    height: 48px;
+    object-fit: contain;
+    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
+  }
+`,Bc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 1.4;
+  color: ${i.colors.text};
+`,_c=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+`,Dc=r.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+`,Wc=r.label`
+  flex: 1 1 auto;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,qc=r.label`
+  flex: none;
+  width: 96px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,Zi=r.span`
+  font-family: ${i.font.sans};
+  font-size: 12px;
+  color: ${i.colors.muted};
+`,er=r.input`
+  height: 42px;
+  padding: 0 10px;
+  border: 0.5px solid ${i.colors.text};
+  border-radius: 8px;
+  background: ${i.colors.white};
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  color: ${i.colors.text};
+  outline: none;
+
+  &::placeholder {
+    color: ${i.colors.muted2};
+  }
+  &:focus {
+    border-color: ${i.colors.magenta};
+  }
+  &[aria-invalid='true'] {
+    border-color: ${i.colors.err};
+  }
+  /* Strip the number spinners on the amount input. */
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  &[type='number'] {
+    -moz-appearance: textfield;
+    appearance: textfield;
+  }
+`,Oc=r.button`
+  flex: none;
+  margin-top: 22px;
+  display: grid;
+  place-items: center;
+  width: 42px;
+  height: 42px;
+  border: 0.5px solid ${i.colors.gray4};
+  border-radius: 8px;
+  background: ${i.colors.white};
+  color: ${i.colors.muted};
+  cursor: pointer;
+
+  .ico {
+    width: 16px;
+    height: 16px;
+  }
+  &:hover:not(:disabled) {
+    color: ${i.colors.err};
+    border-color: ${i.colors.err};
+  }
+  &:disabled {
+    opacity: 0.35;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,Kc=r.button`
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 0;
+  background: none;
+  padding: 0;
+  cursor: pointer;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  color: ${i.colors.accent};
+
+  .ico {
+    width: 16px;
+    height: 16px;
+  }
+  &:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,Hc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  line-height: 1.5;
+  color: ${t=>t.over?i.colors.err:i.colors.text};
+
+  strong {
+    font-weight: 700;
+  }
+`,Uc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${i.colors.muted};
+`;r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 13px;
+  color: ${i.colors.muted};
+  text-align: center;
+`;const Qc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 11px;
+  color: ${i.colors.err};
+`,tr=r.div`
+  display: flex;
+  gap: 12px;
+
+  ${i.media.maxWidth("mobile")} {
+    flex-direction: column-reverse;
+  }
+`,Vc=r.button`
+  flex: 1 1 0;
+  height: 48px;
+  border: 2px solid ${i.colors.accent};
+  border-radius: 12px;
+  background: transparent;
+  color: ${i.colors.accent};
+  cursor: pointer;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover:not(:disabled) {
+    background: rgba(105, 31, 169, 0.06);
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,nr=r.button`
+  flex: 1 1 0;
+  height: 48px;
+  border: 0;
+  border-radius: 12px;
+  cursor: pointer;
+  background: ${i.colors.accent};
+  color: ${i.colors.white};
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover:not(:disabled) {
+    background: ${i.colors.accentHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    cursor: not-allowed;
+    background: rgba(105, 31, 169, 0.2);
+    color: ${i.colors.white};
+  }
+`,Gc=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;
+`,Yc=r.div`
+  display: grid;
+  place-items: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: ${i.colors.ok};
+  color: ${i.colors.white};
+
+  .ico {
+    width: 34px;
+    height: 34px;
+  }
+`,Jc=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 20px;
+  line-height: 1.334;
+  color: ${i.colors.text2};
+
+  b {
+    font-weight: 700;
+  }
+`;function Xc(t){return t.map(s=>({address:s.address,amount:Number(s.amount)}))}function Zc({item:t,session:s,onClose:l,onIssued:o}){const d=ot(),[u,x]=c.useState([{address:"",amount:"1"}]),[f,m]=c.useState(!1),[$,h]=c.useState(null),[g,y]=c.useState(null),k=c.useRef(null),I=Zt(s),C=Xc(u),S=wa(C),W=Ic(C,t.available),M=S>t.available;c.useEffect(()=>{var T;(T=k.current)==null||T.focus();function A(X){X.key==="Escape"&&!f&&l()}return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[f,l]);function w(A,T){x(X=>X.map((V,oe)=>oe===A?{...V,...T}:V))}function U(){x(A=>[...A,{address:"",amount:"1"}])}function a(A){x(T=>T.length<=1?T:T.filter((X,V)=>V!==A))}async function K(){if(!(!W||f)){h(null),m(!0);try{await Mc({signer:s.signer,contractAddress:t.contractAddress,chainId:t.chainId,entries:C,itemId:t.itemId}),Z("Shop Issued Item",{contract_address:t.contractAddress,item_id:t.itemId,recipients:C.filter(A=>A.address.trim().length>0).length,copies:S}),y(S),Mt.success(n("issue.toastSuccess",{count:S,name:t.name})),d.invalidateQueries({queryKey:["publishable-item"]}),d.invalidateQueries({queryKey:["publishable-items"]}),o==null||o()}catch(A){mt(A)||pe(A,{flow:"issue-item",itemId:t.itemId}),Z("Shop Issue Failed",{error_code:Se(A)}),h(mt(A)?n("getCredits.errorCanceled"):Ue(A,n("issue.errorGeneric")))}finally{m(!1)}}}const J=f?I?n("issue.issuing"):n("issue.confirm"):S>0?n("issue.issueCount",{count:S}):n("issue.issue");return e.jsx(Rc,{onClick:f?void 0:l,role:"presentation",children:e.jsxs(Lc,{ref:k,tabIndex:-1,"data-testid":"issue-modal",onClick:A=>A.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("issue.title"),children:[e.jsxs(Pc,{children:[e.jsx(Ec,{children:n("issue.title")}),e.jsx(Fc,{onClick:l,disabled:f,"aria-label":n("sellModal.cancel"),children:e.jsx(L,{name:"close",className:"ico"})})]}),g!==null?e.jsxs(e.Fragment,{children:[e.jsxs(Gc,{children:[e.jsx(Yc,{"aria-hidden":!0,children:e.jsx(L,{name:"check",className:"ico"})}),e.jsx(Jc,{children:n("issue.successBody",{count:g,name:t.name})})]}),e.jsx(tr,{children:e.jsx(nr,{onClick:l,children:n("getCredits.done")})})]}):e.jsxs(e.Fragment,{children:[e.jsxs(zc,{children:[e.jsx(Nc,{children:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null}),e.jsx(Bc,{children:t.name})]}),e.jsx(Tc,{children:n("issue.subtitle")}),e.jsx(_c,{children:u.map((A,T)=>{const X=A.address.trim(),V=X.length>0&&!ya(X),oe=Number(A.amount),ce=A.amount.length>0&&(!Number.isInteger(oe)||oe<1);return e.jsxs(Dc,{children:[e.jsxs(Wc,{children:[e.jsx(Zi,{children:n("issue.addressLabel")}),e.jsx(er,{type:"text",spellCheck:!1,autoComplete:"off",placeholder:"0x…",value:A.address,onChange:ie=>w(T,{address:ie.target.value}),disabled:f,"aria-invalid":V,"aria-label":n("issue.addressLabel")}),V?e.jsx(Qc,{children:n("issue.invalidAddress")}):null]}),e.jsxs(qc,{children:[e.jsx(Zi,{children:n("issue.amountLabel")}),e.jsx(er,{type:"number",min:"1",step:"1",inputMode:"numeric",value:A.amount,onChange:ie=>w(T,{amount:ie.target.value}),disabled:f,"aria-invalid":ce,"aria-label":n("issue.amountLabel")})]}),e.jsx(Oc,{onClick:()=>a(T),disabled:f||u.length<=1,"aria-label":n("issue.removeRow"),children:e.jsx(L,{name:"close",className:"ico"})})]},T)})}),e.jsxs(Kc,{onClick:U,disabled:f,children:[e.jsx(L,{name:"plus",className:"ico"}),n("issue.addRow")]}),e.jsxs(Hc,{over:M,"aria-live":"polite",children:[e.jsx("strong",{children:S})," / ",t.available," ",n("issue.itemsToIssue")]}),M?e.jsx(Uc,{children:n("issue.overCap",{available:t.available})}):null,e.jsx(Qe,{message:$}),e.jsxs(tr,{children:[e.jsx(Vc,{onClick:l,disabled:f,children:n("sellModal.cancel")}),e.jsx(nr,{onClick:()=>void K(),disabled:!W||f,children:J})]})]})]})})}const eu=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);
+`,tu=r.div`
+  width: 760px;
+  max-width: 100%;
+  background: ${i.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;
+`,nu=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${i.colors.gray4};
+`,iu=r.h2`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${i.colors.text};
+`,ru=r.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  color: ${i.colors.text};
+
+  .ico {
+    width: 18px;
+    height: 18px;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,au=r.video`
+  display: block;
+  width: 100%;
+  max-height: 70vh;
+  border-radius: 12px;
+  background: ${i.colors.blackBtn};
+`;function su({src:t,itemName:s,onClose:l}){const o=c.useRef(null);return c.useEffect(()=>{var u;(u=o.current)==null||u.focus();function d(x){x.key==="Escape"&&l()}return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[l]),e.jsx(eu,{onClick:l,role:"presentation",children:e.jsxs(tu,{ref:o,tabIndex:-1,onClick:d=>d.stopPropagation(),"data-testid":"modal",role:"dialog","aria-modal":"true","aria-label":n("itemDetail.showcaseTitle"),children:[e.jsxs(nu,{children:[e.jsx(iu,{children:s||n("itemDetail.showcaseTitle")}),e.jsx(ru,{onClick:l,"aria-label":n("itemDetail.showcaseClose"),children:e.jsx(L,{name:"close",size:18})})]}),e.jsx(au,{src:t,"data-testid":"showcase-video",controls:!0,autoPlay:!0,muted:!0,playsInline:!0,preload:"auto"})]})})}const{colors:Oe,radius:ou}=i,lu=r.div`
+  position: fixed;
+  inset: 0;
+  z-index: 60;
+  display: grid;
+  place-items: center;
+  padding: 20px;
+`,du=r.div`
+  position: absolute;
+  inset: 0;
+  background: rgba(22, 21, 24, 0.45);
+`,cu=r.div`
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  max-width: 420px;
+  background: ${Oe.white};
+  border-radius: ${ou.banner};
+  padding: 24px;
+  box-shadow: 0 24px 60px rgba(22, 21, 24, 0.28);
+  animation: cart-pop-in 0.16s ease;
+`,uu=r.div`
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  margin-bottom: 18px;
+`,pu=r.div`
+  width: 64px;
+  height: 64px;
+  flex: none;
+  border-radius: 12px;
+  overflow: hidden;
+  background: ${Oe.media};
+
+  & img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,hu=r.div`
+  font-weight: 700;
+  font-size: 16px;
+  color: ${Oe.text};
+  margin-bottom: 6px;
+`,xu=r.div`
+  background: ${Oe.panel};
+  border-radius: 14px;
+  padding: 16px;
+  margin-bottom: 14px;
+`,ir=r.div`
+  color: ${Oe.muted};
+  font-size: 13px;
+  font-weight: 600;
+  margin-bottom: 6px;
+`,rr=r.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 700;
+  font-size: 24px;
+  color: ${Oe.text};
+
+  &[data-approx] {
+    color: ${Oe.text2};
+  }
+`,fu=r.span`
+  color: ${Oe.muted};
+`,ar=r(Re)`
+  width: 20px;
+  height: 20px;
+  color: ${Oe.text};
+`,sr=r.div`
+  margin-top: 6px;
+  font-size: 13px;
+`,mu=r.div`
+  font-size: 13px;
+  margin-bottom: 6px;
+`,va=gt`
+  margin: 6px 0 0;
+  font-size: 13px;
+`,Cn=r.p`
+  ${va};
+`,gu=r(Qe)`
+  ${va};
+`,bu=r.div`
+  display: flex;
+  gap: 10px;
+  margin-top: 18px;
+`,or=r(Ve)`
+  flex: 1;
+`;function In(t){if(mt(t))return n("errors.rejected");const s=(t.message??"").toLowerCase();return s.includes("insufficient")?n("marketCheckout.error.insufficient",{currency:De.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 yu(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 ja({listing:t,rate:s,onClose:l,onSold:o}){const{session:d}=at(),{data:u,isError:x}=Kr(d),f=ot(),m=st(),[$,h]=c.useState("confirm"),[g,y]=c.useState(n("marketCheckout.checkingListing")),[k,I]=c.useState(null),[C,S]=c.useState(null),[W,M]=c.useState(null),[w,U]=c.useState(!1),a=c.useRef(null),K=c.useRef(!1),J=c.useRef(fa());c.useEffect(()=>(K.current=!1,()=>{K.current=!0}),[]);const A=nt(pn(t.manaWei,s));c.useEffect(()=>{let q=!1;if(!d){h("error"),I(n("buyModal.signInToCheckout"));return}return(async()=>{try{const O=await Yr(t.tradeId);if(!O)throw new Error("not found");if(ws(O,d.address))throw new Error("You can't buy your own listing.");const v=pn(t.manaWei,s);if(!Number.isFinite(v)||v<=0)throw new Error("price unavailable");if(q)return;S({trade:O,usdCents:v,credits:nt(v)}),y("")}catch(O){if(q)return;console.error("[market] listing check failed",O),Z(be(O)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"resolve",error_code:Se(O),value_usd:Math.round(pn(t.manaWei,s))/100}),h("error"),I(In(O))}})(),()=>{q=!0,a.current&&d&&(oe([a.current]),a.current=null)}},[]);const T=!!C&&u!=null&&u.credits<C.credits;async function X(){if(!d||!C)return;if(T){Z("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:C.credits,credits_balance:(u==null?void 0:u.credits)??0,shortfall:Math.max(0,C.credits-((u==null?void 0:u.credits)??0))}),a.current&&(await V([a.current])&&M(null),a.current=null),m("/credits");return}h("working"),I(null),U(!1);let q=W;if(!q){y(n("marketCheckout.lockingPrice"));try{const{credit:R,maxCreditedValue:z,usdCents:B}=await Tn(d.identity,C.usdCents,t.tradeId);if(K.current){V([R.id]);return}a.current=R.id,f.invalidateQueries({queryKey:["usd-balance"]});const H=nt(B);if(q={trade:C.trade,credit:R,maxCreditedValue:z,usdCents:B,credits:H},M(q),H!==C.credits){S({trade:C.trade,usdCents:B,credits:H}),U(!0),y(""),h("confirm");return}}catch(R){console.error("[market] authorize failed",R),be(R)||pe(R,{flow:"market_buy_now",step:"authorize"}),Z(be(R)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:Se(R),value_usd:C.usdCents/100}),y(""),I(In(R)),h("error");return}}if(!q)return;const N=q;let O=!1,v;try{y(n("marketCheckout.confirming"));const R={trade:N.trade,buyer:d.address,signer:d.signer,credits:[N.credit],maxCreditedValue:N.maxCreditedValue,onBroadcast:({txHash:z})=>J.current.broadcast(N.credit.id,z),onReverted:({txHash:z})=>{z&&J.current.reverted(z)}};if(J.current.submitStarted(N.credit.id),sa())try{v=await Tl(R),J.current.broadcast(N.credit.id,v),await da(v),O=!0}catch(z){if(z instanceof ca)O=!0;else if(z instanceof ua){if(z.reason==="relayer-unreachable")throw J.current.unobservable(N.credit.id),z;if(!Yt(d.providerType))throw z;v=await Ti(R)}else throw v&&J.current.reverted(v),z}else v=await Ti(R)}catch(R){J.current.submitFinished(N.credit.id),console.error("[market] buy now failed",R),await V([N.credit.id])&&M(null),a.current=null,Z(be(R)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Se(R),value_usd:N.usdCents/100}),f.invalidateQueries({queryKey:["usd-balance"]}),I(In(R)),h("error");const z=(R.message??"").toLowerCase();(z.includes("not found")||z.includes("no active listing")||z.includes("404"))&&o();return}J.current.submitFinished(N.credit.id),a.current=null;try{f.invalidateQueries({queryKey:["usd-balance"]}),Z("Shop Completed Purchase",{items:[{item_id:t.itemId??null,contract_address:t.contractAddress,token_id:null,price_usd:N.usdCents/100,category:t.category,is_smart:!1}],value_credits:N.credits,value_usd:N.usdCents/100,purchase_type:"item",is_primary:!0,payment_type:"credits",no_crypto_step:O,transaction_hash:v??null}),f.invalidateQueries({queryKey:["detail-trade"]}),f.invalidateQueries({queryKey:["shop-item"]}),f.invalidateQueries({queryKey:["item-resales",t.contractAddress,t.itemId]}),f.invalidateQueries({queryKey:["shop-items"]}),f.invalidateQueries({queryKey:["catalog-items"]}),f.invalidateQueries({queryKey:["my-assets"]}),f.invalidateQueries({queryKey:["purchases"]})}catch(R){pe(R,{flow:"market_buy_now",step:"post_purchase"})}const re={items:[yu(t)],txHash:v};m("/success",{state:re})}async function V(q){if(!d||q.length===0)return!1;const N=q.filter(O=>!J.current.mayBeConsumed(O));if(N.length===0)return!1;try{return await Hr(d.identity,N),!0}catch{return!1}}function oe(q){V(q.filter(N=>!J.current.isInFlight(N)))}function ce(){d&&W&&V([W.credit.id]),a.current=null,l()}const ie=$==="working";return e.jsxs(lu,{role:"dialog","aria-modal":"true","aria-label":n("buyModal.dialogAria",{name:t.name}),children:[e.jsx(du,{onClick:ie?void 0:ce,"aria-hidden":!0}),e.jsxs(cu,{children:[e.jsxs(uu,{children:[e.jsx(pu,{children:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null}),e.jsxs("div",{children:[e.jsx(hu,{title:t.name,children:t.name||n("buyModal.itemFallback")}),e.jsx(Gr,{"data-variant":"rarity",children:t.rarity})]})]}),e.jsx(xu,{children:C?e.jsxs(e.Fragment,{children:[e.jsx(ir,{children:n("marketCheckout.finalPrice")}),e.jsxs(rr,{children:[e.jsx(ar,{}),e.jsx(ge,{credits:C.credits})," ",Mi(C.credits)]}),e.jsxs(sr,{className:"muted",children:["$",it(C.credits).toFixed(2)]})]}):e.jsxs(e.Fragment,{children:[e.jsx(ir,{children:n("marketCheckout.todaysPrice")}),e.jsxs(rr,{"data-approx":!0,children:[e.jsx(fu,{"aria-hidden":!0,children:"≈"}),e.jsx(ar,{}),e.jsx(ge,{credits:A})," ",Mi(A)]}),e.jsx(sr,{className:"muted",children:g||n("marketCheckout.checkingListing")})]})}),d?e.jsxs(mu,{className:"muted",children:[n("marketCheckout.yourBalance")," ",e.jsx(Re,{className:"ccy-mark"})," ",ys(u,x)]}):null,T?e.jsx(Cn,{className:"muted",children:n("marketCheckout.needMore",{currency:De.name})}):null,w?e.jsx(Cn,{"data-testid":"price-changed",role:"status",children:n("buyModal.priceChanged")}):null,g&&$==="working"?e.jsx(Cn,{className:"muted",children:g}):null,e.jsx(gu,{message:k}),e.jsxs(bu,{children:[e.jsx(or,{variant:"ghost",onClick:ce,disabled:ie,children:n("buyModal.cancel")}),e.jsx(or,{variant:"purple",onClick:()=>void X(),disabled:ie||!C||T&&xt(),children:ie?n("marketCheckout.buying"):T&&!xt()?n("nav.getCredits",{currency:De.name}):n("marketCheckout.confirmPurchase")})]})]})]})}function wu(t,s,{enabled:l=!0,first:o}={}){const{data:d,isFetched:u}=se({queryKey:["related-items",t,s,o],enabled:l&&!!t&&!!s,staleTime:3e5,queryFn:()=>vs(t,s,{first:o})});return{items:d??[],isFetched:u}}const ka=15;function vu(t){return`${t.contractAddress}-${t.itemId??t.tokenId??t.id}`.toLowerCase()}function ju(t,s){return!!(s.id&&t.id===s.id||s.itemId&&t.itemId===s.itemId&&lr(t,s)||s.tokenId&&t.tokenId===s.tokenId&&lr(t,s))}function lr(t,s){var l;return s.contractAddress?((l=t.contractAddress)==null?void 0:l.toLowerCase())===s.contractAddress.toLowerCase():!1}function Sn(t,s,l=ka){const o=new Set,d=[];function u(f,m){for(const $ of f){if(d.length>=m)return;if(ju($,s))continue;const h=vu($);o.has(h)||(o.add(h),d.push($))}}u(t.collection,1/0);const x=d.length;return u(t.creator??[],l),u(t.related??[],l),{items:d,isCollectionOnly:d.length>0&&d.length===x}}const ku=20,$u=30,dr=[];function Cu(t,s=ka){const{id:l,contractAddress:o,itemId:d,tokenId:u,creator:x}=t,f=c.useMemo(()=>({id:l,contractAddress:o,itemId:d,tokenId:u}),[l,o,d,u]),{data:m=dr,isFetched:$}=se({queryKey:["collection-items",o],enabled:!!o,queryFn:()=>ks(o,{first:ku}).then(U=>U.items)}),h=c.useMemo(()=>Sn({collection:m},f,s).items.length,[m,f,s]),g=$&&h<s,y=g&&!!x,k=se({queryKey:["suggestions-creator",x],enabled:y,staleTime:5*6e4,queryFn:()=>$s({creator:x,isOnSale:!0,first:$u}).then(U=>U.items)}),I=k.data??dr,C=!y||k.isSuccess||k.isError,S=c.useMemo(()=>Sn({collection:m,creator:I},f,s).items.length,[m,I,f,s]),{items:W}=wu(o,d??null,{enabled:g&&C&&S<s,first:s}),M=c.useMemo(()=>Sn({collection:m,creator:I,related:W},f,s),[m,I,W,f,s]),w=js(M.items);return{...M,items:w,siblings:m,siblingsFetched:$}}function Iu(t){const s=Cs();return!s||!Is(s.contracts,t)?null:s.label}const{colors:_e,media:On}=i,Su=Ss`
+  to {
+    transform: rotate(360deg);
+  }
+`,Au=r.div``,Mu=r.span`
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  border: 3px solid ${_e.line};
+  border-top-color: ${_e.accent};
+  animation: ${Su} 0.8s linear infinite;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation-duration: 2.4s;
+  }
+`,Ru=r.p``,Lu=r.div``,cr=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;
+    }
+  }
+`,ur=r.span`
+  ${On.maxWidth("lg")} {
+    display: none;
+  }
+`,pr=r(L)`
+  display: none;
+
+  ${On.maxWidth("lg")} {
+    display: block;
+  }
+`,hr="shop-item-preview";function Pu({item:t}){const s=at(T=>{var X;return(X=T.session)==null?void 0:X.address}),{data:l,isLoading:o}=Jt(s),d=s&&l?s:"default",u=t.category==="emote",[x,f]=c.useState("avatar"),m=!u&&x==="item",$=m||!o,h=At(T=>T.fittingOpen),{ref:g,active:y}=As(),k=$&&y&&!h,[I,C]=c.useState(!0);c.useEffect(()=>{C(!0)},[t.id,m]),c.useEffect(()=>{k&&C(!0)},[k]);const S=c.useRef(null);c.useEffect(()=>{if(k)return()=>{Jl(S.current),S.current=null}},[k]);const[W,M]=c.useState(Ae.PreviewRenderer.UNITY),w=W===Ae.PreviewRenderer.BABYLON,U=!!s&&!!l,a=U&&Ms(t,Rs(l)),K=Ls(t)[0],J=U&&!a&&!u,A=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:g,"data-preview-viewport":!0,"aria-hidden":!0}),k?e.jsx(Ps,{id:hr,...A,profile:m?void 0:a?d:"default",bodyShape:m||a?void 0:K,type:u?void 0:m?Ae.PreviewType.WEARABLE:Ae.PreviewType.AVATAR,emote:u||m?void 0:Ae.PreviewEmote.FASHION,disableBackground:!0,wheelZoom:u?1.5:void 0,wheelStart:u?100:void 0,onRenderer:M,onLoad:()=>{var T;C(!1),S.current=((T=document.getElementById(hr))==null?void 0:T.contentWindow)??null}}):null,!k||I?e.jsx(Au,{"data-preview-loading":!0,"aria-busy":"true","aria-label":n("itemPreview.loading"),children:e.jsx(Mu,{"aria-hidden":!0})}):null,J&&!m?e.jsx(Ru,{"data-preview-note":!0,children:n("itemPreview.shownOnBody",{shape:Es(K)})}):null,!w||!u?null:e.jsx(Yl,{previewId:"shop-item-preview"}),!w||u?null:e.jsxs(Lu,{"data-preview-toggle":!0,role:"group","aria-label":n("itemPreview.previewMode"),children:[e.jsxs(cr,{type:"button","data-active":x==="avatar"||void 0,"aria-pressed":x==="avatar","aria-label":n("itemPreview.onAvatar"),onClick:()=>f("avatar"),children:[e.jsx(pr,{name:"view-avatar",size:18}),e.jsx(ur,{children:n("itemPreview.onAvatar")})]}),e.jsxs(cr,{type:"button","data-active":x==="item"||void 0,"aria-pressed":x==="item","aria-label":n("itemPreview.item"),onClick:()=>f("item"),children:[e.jsx(pr,{name:"view-item",size:18}),e.jsx(ur,{children:n("itemPreview.item")})]})]})]})}const Eu=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);
+`,Fu=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 1128px;
+  max-width: 100%;
+  max-height: 92vh;
+  background: ${i.colors.white};
+  border-radius: 16px;
+  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
+
+  &:focus {
+    outline: none;
+  }
+`,Tu=r.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 16px;
+  border-bottom: 1px solid ${i.colors.gray4};
+`,zu=r.h2`
+  flex: 1 1 auto;
+  min-width: 0;
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${i.colors.text};
+`,Nu=r.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 18.5px;
+  height: 18.5px;
+  padding: 0;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  color: ${i.colors.text};
+
+  .ico {
+    width: 18.5px;
+    height: 18.5px;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 4px;
+  }
+`,Bu=r.div`
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 0 16px 24px;
+`,_u=r.div`
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding-bottom: 8px;
+  background: ${i.colors.white};
+`,Du=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 14px;
+  line-height: 1.43;
+  color: ${i.colors.muted};
+`,Wu=r.div`
+  position: relative;
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 4px 4px 12px;
+  border: 0.5px solid ${i.colors.lineStrong};
+  border-radius: 8px;
+  background: ${i.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: ${i.font.sans};
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 1.43;
+    color: ${i.colors.text2};
+    cursor: pointer;
+    outline: none;
+  }
+  select:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+    border-radius: 4px;
+  }
+  .chev {
+    position: absolute;
+    right: 4px;
+    width: 24px;
+    height: 24px;
+    color: ${i.colors.text2};
+    pointer-events: none;
+  }
+`,qu=r.div`
+  flex: none;
+  border: 1px solid ${i.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: ${i.colors.white};
+`,Ou=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: ${i.colors.media};
+    border-right: 0.5px solid ${i.colors.lineStrong};
+    font-family: ${i.font.sans};
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 1.5;
+    color: ${i.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 ${i.colors.lineStrong};
+    border-bottom: 0.5px solid ${i.colors.lineStrong};
+    font-family: ${i.font.sans};
+    font-size: 14px;
+    line-height: 1.43;
+    color: ${i.colors.text2};
+  }
+  td:last-of-type {
+    border-right: 0;
+  }
+
+  tbody tr:hover,
+  tbody tr:focus-within {
+    background: ${i.colors.media};
+  }
+  tbody tr:hover td,
+  tbody tr:focus-within td {
+    border-bottom-color: ${i.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. */
+  ${i.media.maxWidth("mobile")} {
+    min-width: 0;
+
+    thead {
+      display: none;
+    }
+    tr {
+      display: block;
+      border-bottom: 0.5px solid ${i.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: ${i.colors.muted};
+      text-transform: capitalize;
+    }
+    tbody tr:hover td,
+    tbody tr:focus-within td {
+      border-bottom-color: transparent;
+    }
+  }
+`,$a=`
+  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: ${i.colors.media};
+    object-fit: cover;
+    overflow: hidden;
+    color: ${i.colors.white};
+    font-weight: 700;
+    font-size: 13px;
+  }
+  .owner-name {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-family: ${i.font.sans};
+    font-size: 14px;
+    line-height: 1.43;
+    color: ${i.colors.text2};
+  }
+`,Ku=r.div`
+  ${$a}
+`,Hu=r.button`
+  ${$a}
+  padding: 0;
+  border: 0;
+  background: none;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+
+  &:hover .owner-name {
+    text-decoration: underline;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+    border-radius: 4px;
+  }
+`,xr=r.span`
+  color: ${i.colors.muted};
+`,Uu=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px;
+
+  .amount {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-family: ${i.font.sans};
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 1.5;
+    color: ${i.colors.text2};
+  }
+  /* The credits mark is always near-black here — never the violet accent. */
+  .amount .ccy {
+    flex: none;
+    width: 22px;
+    height: 22px;
+    color: ${i.colors.text2};
+  }
+  .approx {
+    color: ${i.colors.muted};
+    font-weight: 600;
+  }
+`,Qu=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;
+  }
+  ${i.media.maxWidth("mobile")} {
+    opacity: 1;
+  }
+`,Ca=`
+  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: ${i.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 ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,Vu=r.button`
+  ${Ca}
+  min-width: 106px;
+  background: ${i.colors.text2};
+  color: ${i.colors.softWhite};
+
+  &:hover:not(:disabled) {
+    filter: brightness(1.35);
+  }
+  &:disabled {
+    opacity: 0.55;
+    cursor: default;
+  }
+`,fr=r.button`
+  ${Ca}
+  background: ${i.colors.accent};
+  color: ${i.colors.softWhite};
+
+  &:hover:not(:disabled) {
+    background: ${i.colors.accentHover};
+  }
+`,Gu=r.span`
+  display: inline-flex;
+  align-items: center;
+  height: 40px;
+  padding: 0 12px;
+  border-radius: 12px;
+  background: ${i.colors.chip};
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 24px;
+  color: ${i.colors.muted};
+  white-space: nowrap;
+`,Yu=r.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+`,Ju=r.p`
+  margin: 0;
+  font-family: ${i.font.sans};
+  font-size: 12px;
+  line-height: 1;
+  color: ${i.colors.gray0};
+`,mr=r.button`
+  display: grid;
+  place-items: center;
+  padding: 10px;
+  border: 1px solid ${i.colors.text2};
+  border-radius: 4px;
+  background: ${i.colors.white};
+  color: ${i.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: ${i.colors.lineStrong};
+    color: ${i.colors.lineStrong};
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.colors.accent};
+    outline-offset: 2px;
+  }
+`,Xu=r.p`
+  margin: 0;
+  padding: 32px 0;
+  font-family: ${i.font.sans};
+  font-size: 14px;
+  line-height: 1.43;
+  color: ${i.colors.muted};
+  text-align: center;
+`;r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 16px;
+
+  .classic-title {
+    font-family: ${i.font.sans};
+    font-weight: 600;
+    font-size: 15px;
+    color: ${i.colors.text2};
+  }
+  .classic-note {
+    font-family: ${i.font.sans};
+    font-size: 13px;
+    color: ${i.colors.muted};
+  }
+`;r.span`
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: ${i.radius.chip};
+  background: ${i.colors.chip};
+  font-family: ${i.font.sans};
+  font-size: 11px;
+  letter-spacing: 0.4px;
+  text-transform: uppercase;
+  color: ${i.colors.muted};
+`;r.a`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 40px;
+  padding: 0 14px;
+  border: 1px solid ${i.colors.lineStrong};
+  border-radius: 12px;
+  color: ${i.colors.accent};
+  font-family: ${i.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  text-decoration: none;
+
+  &:hover {
+    background: ${i.colors.chip};
+  }
+  .ico {
+    width: 14px;
+    height: 14px;
+  }
+`;const Ut=10,Zu=!1;function ep(t){return/^0x[a-fA-F0-9]{40}$/.test(t)?`${t.slice(0,6)}…${t.slice(-4)}`:t}function tp(t){let s=0;for(let l=0;l<t.length;l++)s=s*31+t.charCodeAt(l)>>>0;return`hsl(${s%360}, 52%, 45%)`}function np(t,s){var l;return(((l=t==null?void 0:t.trim())==null?void 0:l[0])||s.replace(/^0x/i,"")[0]||"?").toUpperCase()}function ip(t){return t%100>=11&&t%100<=13?"th":["th","st","nd","rd"][t%10]??"th"}function rp(t,s){const l=new Date(t);return Number.isNaN(l.getTime())?"—":s==="en"?`${new Intl.DateTimeFormat("en",{month:"long"}).format(l)} ${l.getDate()}${ip(l.getDate())}, ${l.getFullYear()}`:new Intl.DateTimeFormat(s,{day:"numeric",month:"long",year:"numeric"}).format(l)}function ap(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 sp({r:t,seller:s,issuedId:l,labels:o,locale:d,isOwn:u,isLegacy:x,inCart:f,fallbackImage:m,onAdd:$,onBuyNative:h,onBuyLegacy:g}){var a,K;const y=st(),{data:k}=Jt(s),I=(K=(a=k==null?void 0:k.avatar)==null?void 0:a.snapshots)==null?void 0:K.face256,[C,S]=c.useState(!1);c.useEffect(()=>S(!1),[I]);const W=!!I&&!C,M=s?k!=null&&k.name?Xt(k.name):ep(s):void 0,w=W?e.jsx("img",{className:"owner-ava",src:I,alt:"",loading:"lazy",onError:()=>S(!0)}):s?e.jsx("span",{className:"owner-ava",style:{backgroundColor:tp(s)},"aria-hidden":!0,children:np(k==null?void 0:k.name,s)}):m?e.jsx("img",{className:"owner-ava",src:m,alt:"","aria-hidden":!0}):e.jsx("span",{className:"owner-ava","aria-hidden":!0}),U=e.jsxs(e.Fragment,{children:[w,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":u?"true":void 0,children:[e.jsx("td",{"data-label":o.owner,children:s?e.jsx(Hu,{type:"button",onClick:()=>y(`/items/creator/${s}`),children:U}):e.jsx(Ku,{children:U})}),e.jsx("td",{"data-label":o.itemNumber,children:l?e.jsxs("span",{"data-testid":"resale-issued",children:["#",l]}):e.jsx(xr,{children:"—"})}),e.jsx("td",{"data-label":o.expiration,children:t.saleEndsAt?rp(t.saleEndsAt,d):e.jsx(xr,{children:"—"})}),e.jsx("td",{"data-label":o.price,children:e.jsxs(Uu,{children:[e.jsxs("span",{className:"amount",children:[x?e.jsx("span",{className:"approx","aria-hidden":!0,children:"≈"}):null,e.jsx(Re,{className:"ccy"}),e.jsx("span",{children:Dn(t.priceCredits)})]}),e.jsx(Qu,{"data-persistent":u?"true":void 0,children:u?e.jsx(Gu,{"data-testid":"resale-own",children:n("resales.yourListing")}):x?e.jsx(fr,{onClick:g,"aria-label":n("assetCard.buyNow"),"data-testid":"resale-buy",children:n("resales.buy")}):e.jsxs(e.Fragment,{children:[e.jsxs(Vu,{onClick:$,disabled:f,"aria-label":f?n("assetCard.inCart"):n("assetCard.addToCart"),"data-testid":"resale-add",children:[e.jsx(L,{name:"cart",className:"ico"}),e.jsx("span",{children:f?n("assetCard.inCart"):n("resales.add")})]}),e.jsx(fr,{onClick:h,"aria-label":n("assetCard.buyNow"),"data-testid":"resale-buy",children:n("resales.buy")})]})})]})})]})}function op({item:t,onClose:s}){var O;const l=t.contractAddress,o=t.itemId,d=ot(),u=At(v=>v.add),x=At(v=>v.items),{session:f}=at(),m=Jr(v=>v.locale),$=(O=f==null?void 0:f.address)==null?void 0:O.toLowerCase(),h=c.useRef(null),[g,y]=c.useState(null),[k,I]=c.useState(null),[C,S]=c.useState("cheapest"),[W,M]=c.useState(0),w=!!g||!!k;c.useEffect(()=>{var v;(v=h.current)==null||v.focus()},[]),c.useEffect(()=>{function v(R){R.key==="Escape"&&!w&&s()}window.addEventListener("keydown",v);const re=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",v),document.body.style.overflow=re}},[w,s]);const{data:U=[],isLoading:a}=se({queryKey:["item-resales",l,o],enabled:!!l&&!!o,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>Zr(l,o)}),K=c.useMemo(()=>C==="cheapest"?U:[...U].sort((v,re)=>re.priceCredits-v.priceCredits),[U,C]),J=Math.max(1,Math.ceil(K.length/Ut)),A=Math.min(W,J-1),T=K.slice(A*Ut,A*Ut+Ut),X=T.filter(v=>!v.seller||!v.issuedId).map(v=>v.tokenId).filter(v=>!!v),{data:V={}}=se({queryKey:["resale-token-info",l,X.join(",")],enabled:!!l&&X.length>0,staleTime:6e4,queryFn:()=>Fs(l,X)}),{data:oe=[]}=se({queryKey:["item-classic-orders",l,o],enabled:Zu,queryFn:()=>Ts(l,o)}),ce=U.some(v=>v.source==="legacy"),{data:ie}=Xr(ce);function q(){d.invalidateQueries({queryKey:["item-resales",l,o]})}const N={owner:n("resales.colOwner"),itemNumber:n("resales.colItemNumber"),expiration:n("resales.colExpiration"),price:n("resales.colPrice")};return e.jsxs(e.Fragment,{children:[e.jsx(Eu,{onClick:w?void 0:s,role:"presentation",children:e.jsxs(Fu,{ref:h,tabIndex:-1,onClick:v=>v.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":n("resales.modalTitle"),"data-testid":"resellers-modal",children:[e.jsxs(Tu,{children:[e.jsx(zu,{children:n("resales.modalTitle")}),e.jsx(Nu,{onClick:s,"aria-label":n("resales.close"),"data-testid":"resellers-close",children:e.jsx(L,{name:"close"})})]}),e.jsxs(Bu,{children:[e.jsxs(_u,{children:[e.jsx(Du,{"data-testid":"resales-count",children:n("resales.count",{count:U.length})}),e.jsxs(Wu,{children:[e.jsxs("select",{value:C,onChange:v=>{S(v.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"})]})]}),a?null:K.length===0?e.jsx(Xu,{"data-testid":"resales-empty",children:n("resales.empty")}):null,K.length>0?e.jsxs(e.Fragment,{children:[e.jsx(qu,{children:e.jsxs(Ou,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:N.owner}),e.jsx("th",{scope:"col",children:N.itemNumber}),e.jsx("th",{scope:"col",children:N.expiration}),e.jsx("th",{scope:"col",children:N.price})]})}),e.jsx("tbody",{children:T.map(v=>{const re=v.source==="legacy",R=x.some(ee=>ee.id===v.id),z=v.tokenId&&V[v.tokenId]||{},B=v.issuedId??z.issuedId,H=v.seller??z.seller,ae={...v,name:v.name||t.name,thumbnail:v.thumbnail||t.thumbnail,rarity:v.rarity||t.rarity,category:v.category||t.category,wearableCategory:v.wearableCategory??t.wearableCategory,gender:v.gender??t.gender},ve=!!H&&!!$&&H.toLowerCase()===$;return e.jsx(sp,{r:ae,seller:H,issuedId:B,labels:N,locale:m,isOwn:ve,isLegacy:re,inCart:R,fallbackImage:ae.thumbnail,onAdd:()=>u(ae,"item_detail"),onBuyNative:()=>y(ae),onBuyLegacy:()=>I(ap(ae))},v.tradeId??v.id)})})]})}),J>1?e.jsxs(Yu,{children:[e.jsx(mr,{"data-dir":"prev",onClick:()=>M(v=>Math.max(0,v-1)),disabled:A===0,"aria-label":n("resales.prevPage"),"data-testid":"resale-prev-page",children:e.jsx(L,{name:"chevron-down"})}),e.jsx(Ju,{"data-testid":"resale-page-label",children:n("resales.page",{page:A+1,total:J})}),e.jsx(mr,{onClick:()=>M(v=>Math.min(J-1,v+1)),disabled:A>=J-1,"aria-label":n("resales.nextPage"),"data-testid":"resale-next-page",children:e.jsx(L,{name:"chevron-down"})})]}):null]}):null,null]})]})}),g?e.jsx(zn,{item:g,onClose:()=>{y(null),q()}}):null,k&&ie?e.jsx(ja,{listing:k,rate:ie,onClose:()=>I(null),onSold:()=>{I(null),q()}}):null]})}const lp="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:Ia,radius:Kn,z:dp}=i,cp=r.div`
+  position: fixed;
+  inset: 0;
+  z-index: ${dp.overlay};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow-y: auto;
+  padding: 16px;
+  background: rgba(22, 21, 24, 0.55);
+`,up=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: ${Ia.sans};
+
+  /* Focused on mount for screen readers; it is not tab-reachable, so it never needs a visible ring. */
+  &:focus {
+    outline: none;
+  }
+`,pp=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${me.gray4};
+`,hp=r.h2`
+  margin: 0;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${me.text};
+`,xp=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;
+  }
+`,fp=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;
+`,mp=r.img`
+  flex: none;
+  width: 76px;
+  height: 76px;
+`,gp=r.h3`
+  margin: 0;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 1.334;
+  color: ${me.text2};
+`,gr=r.p`
+  margin: 0;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 1.334;
+  color: ${me.text2};
+`,bp=r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,Sa=`
+  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: ${Ia.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;
+  }
+`,yp=r.button`
+  ${Sa};
+  border: 0.5px solid ${me.text};
+  background: ${me.white};
+  color: ${me.text2};
+
+  &:hover {
+    background: ${me.panel};
+  }
+`,wp=r.a`
+  ${Sa};
+  border: 0;
+  background: ${me.dclRed};
+  color: ${me.softWhite};
+  text-decoration: none;
+
+  &:hover {
+    filter: brightness(1.08);
+  }
+`,vp=r.span`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+
+  .ico {
+    width: 100%;
+    height: 100%;
+  }
+`;function jp(t,s){return`${rt.marketplaceUrl}/contracts/${t}/tokens/${s}`}function kp(t,s){return`${rt.marketplaceUrl}/contracts/${t}/items/${s}`}function br(t){const{contractAddress:s,onClose:l}=t,o=t.variant==="buy",d=t.variant==="buy"?t.itemId:null,u=t.variant==="buy"?null:t.tokenId,x=t.variant==="buy"?kp(s,t.itemId):jp(s,t.tokenId),f=c.useRef(null),m=c.useRef(l);return m.current=l,c.useEffect(()=>{var h;(h=f.current)==null||h.focus();function $(g){g.key==="Escape"&&m.current()}return window.addEventListener("keydown",$),()=>window.removeEventListener("keydown",$)},[]),e.jsx(cp,{role:"presentation",onClick:l,children:e.jsxs(up,{ref:f,tabIndex:-1,role:"dialog","aria-modal":"true","aria-label":n("marketplaceRedirect.title"),"data-testid":"marketplace-redirect-modal",onClick:$=>$.stopPropagation(),children:[e.jsxs(pp,{children:[e.jsx(hp,{children:n("marketplaceRedirect.title")}),e.jsx(xp,{onClick:l,"aria-label":n("marketplaceRedirect.close"),children:e.jsx(L,{name:"close",className:"ico"})})]}),e.jsxs(fp,{children:[e.jsx(mp,{src:lp,alt:"","aria-hidden":!0}),e.jsx(gp,{children:n("marketplaceRedirect.heading")}),e.jsx(gr,{children:o?n("marketplaceRedirect.buyBody"):n("marketplaceRedirect.body")}),o?e.jsx(gr,{children:n("marketplaceRedirect.buyCurrencyNote")}):null]}),e.jsxs(bp,{children:[e.jsx(yp,{onClick:l,"data-testid":"marketplace-redirect-cancel",children:n("marketplaceRedirect.cancel")}),e.jsxs(wp,{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:d,token_id:u}),children:[n("marketplaceRedirect.continue"),e.jsx(vp,{"aria-hidden":!0,children:e.jsx(L,{name:"view-all-arrow",className:"ico"})})]})]})]})})}function Hn(){return rt.shopServerUrl||null}function Aa(){return!!Hn()}async function $p(t,s,l){const o=Hn();if(!o)return{subscribed:!1};const d=new URLSearchParams({contractAddress:t,itemId:s}),u=`${o}/notify-requests?${d.toString()}`,x=await ea(u,{method:"GET",identity:l,metadata:{}});if(!x.ok)throw new Error(`getNotifyRequest ${x.status}`);return Ip(x,"getNotifyRequest")}async function Cp(t,s){const l=Hn();if(!l)throw new Error("createNotifyRequest: no shop-server host configured");const o=`${l}/notify-requests`,d=await ea(o,{method:"POST",identity:s,metadata:{},headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!d.ok)throw new Error(`createNotifyRequest ${d.status}: ${await d.text()}`);const u=await d.text();if(u.trim()&&!Sp(u))throw new Error("createNotifyRequest: response was not JSON")}async function Ip(t,s){try{return await t.json()}catch{throw new Error(`${s}: response was not JSON`)}}function Sp(t){try{return JSON.parse(t),!0}catch{return!1}}const{colors:Me,radius:Ma}=i,Ra=gt`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+`,Ap=r.form`
+  ${Ra};
+`,yr=r.div`
+  ${Ra};
+
+  &[data-done] {
+    flex-direction: row;
+    align-items: center;
+    gap: 16px;
+    padding: 12px;
+    border-radius: 16px;
+    background: #c1d8c9;
+  }
+`,Mp=r.label`
+  font-size: 14px;
+  color: ${Me.softWhite};
+`,Rp=r.div`
+  display: flex;
+  align-items: stretch;
+  gap: 8px;
+`,Lp=r.input`
+  flex: 1;
+  min-width: 0;
+  height: 42px;
+  padding: 0 16px;
+  border: 1px solid ${Me.fieldBorder};
+  border-radius: ${Ma.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};
+  }
+`,wr=r.button`
+  flex-shrink: 0;
+  height: 40px;
+  padding: 0 12px;
+  border: 0;
+  border-radius: ${Ma.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;
+  }
+`,Pp=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};
+`,Ep=r.span`
+  font-size: 16px;
+  line-height: 1.5;
+  color: ${Me.text2};
+`;function vr(t){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.trim())}function Fp({item:t}){const s=at(S=>S.session),l=at(S=>S.signIn),[o,d]=c.useState(""),[u,x]=c.useState(!1),[f,m]=c.useState(!1),[$,h]=c.useState(null),g=Aa(),y=g&&!!s&&!!t.contractAddress&&!!t.itemId,{data:k}=se({queryKey:["notify-request",t.contractAddress,t.itemId,s==null?void 0:s.address],enabled:y,queryFn:()=>$p(t.contractAddress,t.itemId,s.identity)});c.useEffect(()=>{k!=null&&k.email&&d(S=>S||k.email)},[k==null?void 0:k.email]),c.useEffect(()=>{if(!s||!g)return;let S=!1;return zs().then(W=>{!S&&W&&d(M=>M||W)}),()=>{S=!0}},[g,s]);const I=f||!!(k!=null&&k.subscribed);async function C(S){if(S.preventDefault(),!(!s||!t.itemId||!vr(o)||u)){x(!0),h(null);try{await Cp({contractAddress:t.contractAddress,itemId:t.itemId,chainId:t.chainId,email:o.trim()},s.identity),m(!0),Z("Shop Requested Notify",{item_id:t.itemId,contract_address:t.contractAddress})}catch(W){pe(W,{flow:"notify-me",contractAddress:t.contractAddress,itemId:t.itemId}),h(n("notifyMe.error"))}finally{x(!1)}}}return g?s?I?e.jsxs(yr,{"data-done":!0,"data-testid":"notify-subscribed",children:[e.jsx(Pp,{"aria-hidden":!0,children:e.jsx(L,{name:"check",size:12})}),e.jsx(Ep,{children:n("notifyMe.subscribedBody")})]}):e.jsxs(Ap,{onSubmit:S=>void C(S),"data-testid":"notify",children:[e.jsx(Mp,{htmlFor:"notify-email",children:n("notifyMe.label")}),e.jsxs(Rp,{children:[e.jsx(Lp,{id:"notify-email",type:"email",inputMode:"email",autoComplete:"email",placeholder:n("notifyMe.placeholder"),value:o,onChange:S=>d(S.target.value),"data-testid":"notify-email"}),e.jsx(wr,{type:"submit",disabled:!vr(o)||u,"data-testid":"notify-submit",children:u?n("notifyMe.working"):n("notifyMe.cta")})]}),e.jsx(Qe,{message:$})]}):e.jsx(yr,{"data-testid":"notify",children:e.jsx(wr,{type:"button","data-full":!0,onClick:l,"data-testid":"notify-signin",children:n("notifyMe.signInCta")})}):null}const Tp=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 100%;
+  font-family: ${i.font.sans};
+`,zp=r.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  font-size: 12px;
+`,Np=r.span`
+  font-weight: 600;
+  line-height: 1.57;
+  color: ${i.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;
+`,jr=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: ${i.colors.softWhite};
+  text-transform: lowercase;
+  white-space: nowrap;
+`,Bp=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;
+`,_p=r.div`
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 10px;
+  border-radius: 100px;
+  background: ${i.colors.dclRed};
+  transition: width 0.3s ease;
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+`;function Dp({claimed:t,total:s,className:l,testId:o}){if(!Number.isFinite(t)||!Number.isFinite(s)||s<=0)return null;const d=Math.min(s,Math.max(0,t)),u=Math.round(d/s*100);return e.jsxs(Tp,{className:l,"data-testid":o,children:[e.jsxs(zp,{children:[e.jsx(Np,{children:n("offerStock.label")}),e.jsx(jr,{children:n("offerStock.claimed",{claimed:d,total:s})})]}),e.jsx(Bp,{role:"progressbar","aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":d,"aria-label":n("offerStock.claimed",{claimed:d,total:s}),children:e.jsx(_p,{style:{width:`${u}%`}})}),e.jsx(jr,{children:n("offerStock.percent",{pct:u})})]})}const Wp=new Map(Object.entries(Xl).flatMap(([t,s])=>s.length===1?[[s[0],t]]:[])),ft="/items";function qp(t){return t?`${ft}?rarities=${encodeURIComponent(t.toLowerCase())}`:null}function Op(t){const s=t.wearableCategory;if(s){const l=Wp.get(s);return l?`${ft}?category=wearable&subCategory=${encodeURIComponent(l)}`:`${ft}?category=wearable`}return t.category==="emote"?`${ft}?category=emote`:t.category==="wearable"?`${ft}?category=wearable`:null}function Kp(){return`${ft}?smart=true`}const Hp=r(Ns)`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  gap: 1px;
+  background: ${i.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 Up({contractAddress:t,name:s,items:l,className:o}){const d=st();if(!t||!s)return null;const u=(l??[]).map(m=>m.thumbnail).filter(m=>!!m).slice(0,4),x=u.slice(0,2),f=u.slice(2,4);return e.jsxs(Bs,{as:"button","data-link":!0,className:o,"data-testid":"creator",onClick:m=>{m.stopPropagation(),d(`/collection/${t}`)},children:[u.length>0?e.jsxs(Hp,{as:"span","data-avatar":!0,"data-testid":"creator-ava","aria-hidden":!0,children:[e.jsx("span",{"data-collage-row":!0,"data-full":f.length===0||void 0,children:x.map((m,$)=>e.jsx("img",{src:m,alt:""},$))}),f.length>0?e.jsx("span",{"data-collage-row":!0,children:f.map((m,$)=>e.jsx("img",{src:m,alt:""},$))}):null]}):null,e.jsx(_s,{"data-testid":"creator-name",children:Xt(s)})]})}const{colors:b,radius:Ge,media:de,font:Qp,gradients:Vp}=i,Gp=r.div`
+  max-width: 1721px;
+  margin: 0 auto;
+
+  ${de.maxWidth("lg")} {
+    padding-bottom: 88px;
+  }
+`,Yp=r.nav`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+  color: ${b.gray4};
+  margin-bottom: 24px;
+  ${Zl};
+`,Jp=r.button`
+  background: none;
+  border: 0;
+  padding: 0;
+  font: inherit;
+  color: ${b.gray4};
+
+  &:hover {
+    color: ${b.white};
+  }
+`,Xp=r.span`
+  color: ${b.muted2};
+`,Zp=r.span`
+  color: ${b.softWhite};
+  font-weight: 600;
+`,eh=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, ${b.glowCyanRgb})) 0%,
+      rgb(var(--glow-rgb, ${b.glowCyanRgb}) / 0.9) 20%,
+      45%,
+      rgb(var(--glow-rgb, ${b.glowCyanRgb}) / 0) 100%
+    );
+  }
+
+  ${de.maxWidth("lg")} {
+    grid-template-columns: 1fr;
+    gap: 24px;
+
+    /* The track maths is desktop-only; one column puts the pivot nowhere meaningful. */
+    &::before {
+      display: none;
+    }
+  }
+`,th=r.div`
+  position: relative;
+  aspect-ratio: 1045 / 752;
+  border-radius: ${Ge.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. */
+  ${de.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 ${b.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. */
+    ${de.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: ${b.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;
+  }
+
+  ${de.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: ${b.white};
+    }
+  }
+`,nh=r.div``,ih=r.span`
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+`,rh=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+`,ah=r.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+
+  ${de.maxWidth("lg")} {
+    order: 0;
+  }
+`,sh=r.h1`
+  font-size: 28px;
+  font-weight: 600;
+  line-height: 34px;
+  color: ${b.softWhite};
+
+  ${de.maxWidth("lg")} {
+    font-size: 20px;
+    line-height: 24px;
+  }
+`,kr=r.button`
+  flex: none;
+  min-width: 40px;
+  height: 40px;
+  padding: 0;
+  border-radius: ${Ge.pill};
+  border: 0;
+  background: rgba(255, 255, 255, 0.16);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  color: ${b.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: ${b.dclRed};
+  }
+
+  ${de.maxWidth("lg")} {
+    color: ${b.text};
+    &[data-fav-title] {
+      display: none;
+    }
+  }
+`,$r=r.span`
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1;
+  color: ${b.softWhite};
+
+  ${de.maxWidth("lg")} {
+    color: ${b.text};
+  }
+`,oh=r.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 14px;
+  border: 1px solid ${b.line};
+  border-radius: ${Ge.pill};
+  background: rgba(255, 255, 255, 0.94);
+  backdrop-filter: blur(6px);
+  box-shadow: 0 2px 10px rgba(22, 21, 24, 0.12);
+  color: ${b.text};
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.12s ease;
+
+  &:hover {
+    background: ${b.white};
+  }
+  &:focus-visible {
+    outline: 2px solid ${b.accent};
+    outline-offset: 2px;
+  }
+`,ht=r.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 12px;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  color: ${b.gray4};
+`,lh=r.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  margin-top: 12px;
+
+  ${de.maxWidth("lg")} {
+    order: 1;
+    margin-top: 10px;
+  }
+`,Be=r(Gr)`
+  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: ${b.softWhite};
+
+  & .ico {
+    color: ${b.softWhite};
+  }
+  &[data-variant='cat'] {
+    background: rgba(255, 255, 255, 0.14);
+    color: ${b.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;
+  }
+`,Qt=r(Be.withComponent(qr))`
+  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);
+  }
+`,dh=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+`,Nn=r(dh)`
+  gap: 11px;
+`,Cr=r.p`
+  margin: 0;
+  color: ${b.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;
+  }
+`,ch=r.button`
+  font-size: 13px;
+  align-self: flex-start;
+`,La=gt`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+`,Pa=r.div`
+  ${La};
+  /* 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;
+
+  ${de.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;
+  }
+`,Bn=r.div`
+  min-width: 0;
+`,Ea=r.div`
+  ${La};
+  margin-top: 32px;
+
+  ${de.maxWidth("lg")} {
+    order: 2;
+    margin-top: 20px;
+  }
+`,St=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  min-width: 0;
+
+  &[data-collection] {
+    align-items: flex-start;
+  }
+`,Fa=gt`
+  &[data-testid='creator'] {
+    color: ${b.softWhite};
+    font-size: 14px;
+    gap: 12px;
+  }
+  [data-avatar] {
+    width: 48px;
+    height: 48px;
+  }
+  [data-letter] {
+    font-size: 18px;
+  }
+  [data-testid='creator-name'] {
+    color: ${b.softWhite};
+    font-weight: 500;
+    text-decoration: underline;
+  }
+  &[data-link]:hover [data-testid='creator-name'] {
+    color: ${b.gray4};
+  }
+`,uh=r(Ws)`
+  ${Fa}
+`,ph=r(Up)`
+  ${Fa}
+`,Ta=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. */
+  ${de.maxWidth("lg")} {
+    order: 5;
+    margin-top: 16px;
+  }
+`,hh=r(Ds)`
+  margin-bottom: 12px;
+`,xh=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;
+
+  ${de.maxWidth("lg")} {
+    order: 4;
+    margin-top: 16px;
+  }
+`,fh=r.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+  width: 100%;
+`,mh=r.div`
+  flex: 1 1 auto;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,Ir=r.div`
+  flex: 0 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 8px;
+  text-align: right;
+`,An=r.div`
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 1;
+  color: ${b.softWhite};
+
+  &[data-out] {
+    font-size: 14px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.02em;
+    color: ${b.gray4};
+  }
+`,Mn=r.div`
+  font-size: 14px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  color: ${b.muted2};
+`,Ct=r.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: 700;
+  color: ${b.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: ${b.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: ${b.white};
+  }
+`;r.span`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-weight: 700;
+  color: ${b.dclRed};
+`;const It=r.span`
+  font-size: 30px;
+  line-height: 1;
+`,gh=r.span`
+  display: inline-flex;
+  color: ${b.muted2};
+  cursor: help;
+
+  &:focus-visible {
+    outline: 2px solid ${b.accent};
+    outline-offset: 2px;
+    border-radius: ${Ge.chip};
+  }
+`,bh=r.span`
+  font-size: 24px;
+  font-weight: 700;
+  color: ${b.softWhite};
+  margin-right: -2px;
+`,yh=r.div`
+  font-size: 13px;
+  margin-top: 6px;
+  color: ${b.gray4};
+`;r.div`
+  flex-basis: 100%;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px 12px;
+`;const wh=r.div`
+  font-size: 13px;
+  font-weight: 600;
+  color: ${b.dclRed};
+`,vh=r.span`
+  display: inline-flex;
+  align-items: center;
+  color: ${b.muted2};
+  text-decoration: line-through;
+  font-weight: 400;
+  font-size: 20px;
+`;r.span`
+  display: inline-flex;
+  align-items: center;
+  background: ${b.dclRed};
+  color: ${b.white};
+  font-weight: 800;
+  font-size: 13px;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  border-radius: 6px;
+  padding: 4px 10px;
+`;r(To)`
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  background: ${b.rarityBg};
+  color: ${b.accent};
+  font-size: 13px;
+  font-weight: 700;
+  border-radius: 6px;
+  padding: 4px 10px;
+  white-space: nowrap;
+`;const jh=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-top: 20px;
+
+  ${de.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;
+    }
+  }
+`,en=gt`
+  && {
+    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;
+  }
+`,Rn=r(Ve)`
+  ${en};
+  /* 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: ${Vp.buyBtn};
+  }
+  &&::before {
+    content: none;
+  }
+  &&:hover:not(:disabled) {
+    background-image: linear-gradient(${b.dclRed}, ${b.dclRed});
+  }
+
+  ${de.maxWidth("lg")} {
+    [data-dual] && {
+      flex: 1 1 auto;
+      width: auto;
+    }
+  }
+`,kh=r(Ve)`
+  ${en};
+  && {
+    background: ${b.blackBtn};
+    color: ${b.softWhite};
+    border: 0;
+
+    .ico {
+      width: 20px;
+      height: 20px;
+    }
+  }
+  &&:hover:not(:disabled) {
+    background: ${b.blackBtn};
+    filter: brightness(1.35);
+  }
+`,Sr=r.button`
+  align-self: center;
+  border: 0;
+  background: none;
+  padding: 8px 0;
+  color: ${i.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: ${i.colors.white};
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+`,$h=r(Ve)`
+  ${en};
+  && {
+    background: rgba(255, 255, 255, 0.2);
+    color: ${b.softWhite};
+    border: 0;
+
+    .ico {
+      width: 20px;
+      height: 20px;
+    }
+  }
+  &&:hover:not(:disabled) {
+    background: rgba(255, 255, 255, 0.3);
+  }
+  &&:disabled {
+    opacity: 0.5;
+  }
+`,Ar=r(Ve)`
+  ${en};
+  && {
+    background: rgba(0, 0, 0, 0.4);
+    color: ${b.white};
+    border: 0;
+  }
+  &&:hover:not(:disabled) {
+    background: rgba(0, 0, 0, 0.55);
+  }
+  &&:disabled {
+    opacity: 0.5;
+  }
+`,Ln=r.span`
+  display: none;
+  align-items: center;
+  gap: 6px;
+
+  ${de.maxWidth("lg")} {
+    [data-dual] & {
+      display: inline-flex;
+    }
+  }
+`,Mr=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: ${b.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: ${b.softWhite};
+    color: ${b.text2};
+  }
+  &:disabled {
+    background: rgba(255, 255, 255, 0.12);
+    color: rgba(252, 252, 252, 0.7);
+    cursor: default;
+  }
+
+  ${de.maxWidth("lg")} {
+    [data-dual] & {
+      flex: 0 0 auto;
+      width: 56px;
+      padding: 0;
+    }
+    [data-dual] & .ico {
+      margin: 0;
+    }
+  }
+`,Rr=r.span`
+  ${de.maxWidth("lg")} {
+    [data-dual] & {
+      display: none;
+    }
+  }
+`,Ch=r.p`
+  margin: 12px 0 0;
+  font-size: 13px;
+  color: ${b.gray4};
+
+  & a {
+    color: ${b.softWhite};
+    font-weight: 600;
+  }
+`;r.p`
+  margin: 4px 0 0;
+  font-size: 13px;
+  color: ${b.gray4};
+
+  & a {
+    color: ${b.accent};
+    font-weight: 600;
+  }
+`;const Ih=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: ${b.softWhite};
+`,Sh=r.p`
+  margin: 0;
+  color: ${b.gray4};
+`,Ah=r(Ve)`
+  margin-top: 6px;
+`,Mh=r(L)`
+  opacity: 0.4;
+`,Rh=r.h1`
+  font-size: 22px;
+`,Lh=r.div`
+  display: flex;
+  flex-direction: column;
+`,Lr=r.span`
+  display: block;
+  height: 15px;
+  width: 84px;
+  border-radius: 4px;
+`,Ph=r.div`
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+  gap: 16px;
+  padding: 8px 0;
+`,Eh=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: ${b.media};
+  }
+  &::after {
+    width: 96px;
+    height: 14px;
+    border-radius: 6px;
+    background: ${b.media};
+  }
+`,Fh=r.span`
+  height: 34px;
+  width: 70%;
+  margin: 3px 0;
+  border-radius: 8px;
+`,Th=r.div`
+  display: flex;
+  gap: 8px;
+  /* Same as Chips above, so the row does not move when the real chips arrive. */
+  margin-top: 12px;
+`,Pn=r.span`
+  height: 24px;
+  width: 88px;
+  border-radius: 6px;
+`,En=r.span`
+  height: 14px;
+  width: 100%;
+  border-radius: 6px;
+
+  &[data-short] {
+    width: 55%;
+  }
+`,zh=r.span`
+  display: block;
+  height: 30px;
+  width: 40%;
+  margin: 16px 0 13px;
+  border-radius: 8px;
+`,Nh=r.span`
+  display: block;
+  height: 42px;
+  width: 100%;
+  border-radius: 8px;
+  margin-top: 20px;
+`,Vt=r(Re)`
+  width: 30px;
+  height: 30px;
+  color: ${b.softWhite};
+
+  &[data-was] {
+    width: 20px;
+    height: 20px;
+    color: ${b.gray4};
+  }
+`,Fn=r(Re)`
+  width: 20px;
+  height: 20px;
+`,Bh=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px;
+  margin: 16px 0;
+  border-radius: ${Ge.btn};
+  background: rgba(22, 21, 24, 0.55);
+`,_h=r.span`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  line-height: 14px;
+  color: ${b.softWhite};
+`,Dh=r(L)`
+  width: 20px;
+  height: 20px;
+  color: ${b.softWhite};
+`,Wh=r(L)`
+  width: 24px;
+  height: 24px;
+  color: ${b.white};
+`,qh=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  margin-top: 16px;
+
+  &[data-centered] {
+    justify-content: center;
+  }
+`,Oh=r.span`
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  font-size: 14px;
+  font-weight: 600;
+  color: ${b.gray4};
+
+  & .ico {
+    width: 20px;
+    height: 20px;
+    color: ${b.gray4};
+  }
+`,Kh=r.span`
+  font-size: 16px;
+  font-weight: 700;
+  padding-left: 2px;
+`,_n=r.button`
+  border: 0;
+  background: none;
+  padding: 0;
+  cursor: pointer;
+  font-family: ${Qp.sans};
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  text-decoration: underline;
+  color: ${b.softWhite};
+
+  &:hover {
+    color: ${b.gray4};
+  }
+  &:focus-visible {
+    outline: 2px solid ${b.white};
+    outline-offset: 2px;
+    border-radius: ${Ge.chip};
+  }
+`,Hh=r(_n)`
+  width: 100%;
+  height: 40px;
+  text-align: center;
+  border-radius: ${Ge.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: ${b.softWhite};
+    background: ${b.glass};
+  }
+`,Uh=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  width: 100%;
+  padding: 16px 0;
+`,Pr=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+
+  &[data-variant='original'] {
+    color: ${b.muted2};
+  }
+`,Er=r.span`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 14px;
+  font-weight: 600;
+
+  [data-variant='original'] & {
+    color: ${b.muted2};
+  }
+  [data-variant='resale'] & {
+    color: ${b.text};
+  }
+`,Fr=r.span`
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 0 2px;
+
+  [data-variant='original'] & .ico {
+    width: 20px;
+    height: 20px;
+    color: ${b.muted2};
+  }
+  [data-variant='resale'] & .ico {
+    width: 24px;
+    height: 24px;
+    color: ${b.rarity};
+  }
+`,Tr=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: ${b.text};
+  }
+`,Qh=r.span`
+  font-size: 14px;
+  font-weight: 600;
+
+  [data-variant='original'] & {
+    color: ${b.muted2};
+  }
+`,Vh=r.span`
+  font-size: 14px;
+  font-weight: 600;
+  color: ${b.text2};
+`,zr=r.span`
+  display: inline-flex;
+  width: 12px;
+  height: 12px;
+  color: ${b.muted2};
+`,Gh=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+`,Yh=r.div`
+  display: flex;
+  justify-content: center;
+`,tn=gt`
+  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;
+  }
+`,Jh=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;
+`,Xh=r.span`
+  ${tn};
+  width: 120px;
+  height: 30px;
+  border-radius: ${Ge.btn};
+  margin-bottom: 4px;
+`,Nr=r.span`
+  ${tn};
+  width: 100%;
+  height: 48px;
+  border-radius: 16px;
+`,Br=r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,_r=r.span`
+  ${tn};
+  flex: none;
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+`,Dr=r.span`
+  ${tn};
+  width: 96px;
+  height: 16px;
+  border-radius: 6px;
+`;function Zh(t){return Object.values(Ae.Rarity).includes(t)}function ex(t){return t==="male"?n("itemDetail.genderMale"):t==="female"?n("itemDetail.genderFemale"):t==="unisex"?n("itemDetail.genderUnisex"):null}function Gt(t){return t.wearableCategory?t.wearableCategory.replace(/_/g," "):t.category==="emote"?n("itemDetail.categoryEmote"):n("itemDetail.categoryWearable")}const Wr=8;function Ex(){const{pathname:t}=Or();return e.jsx(tx,{},t)}function tx(){var Ii,Si,Ai;const{contractAddress:t,itemId:s,tokenId:l}=Za(),o=hn(t),d=Iu(o),u=hn(s),x=hn(l),f=!!x,m=u??nd(x)??null,$=Or(),h=$.state,g=st(),y=!!(h!=null&&h.market),k=(h==null?void 0:h.marketPriceCredits)??null,I=ot(),C=At(p=>p.add),S=Co(p=>p.spent),W=At(p=>p.items),M=qs(p=>p.toggle),{session:w,signIn:U}=at(),[a,K]=c.useState(()=>{if(h!=null&&h.item){const p={...h.item,tradeId:h.tradeId??h.item.tradeId};return f?{...p,tokenId:x,itemId:p.itemId??m}:{...p,tokenId:void 0,itemId:u??p.itemId}}return{id:`${o}-${x??u}`,name:"",creator:"",contractAddress:o??"",itemId:m,category:"wearable",rarity:"common",network:"MATIC",chainId:rt.chainId,thumbnail:"",priceCredits:0,gender:null,isSmart:!1,tokenId:x??void 0,tradeId:h==null?void 0:h.tradeId}}),[J,A]=c.useState(!1),[T,X]=c.useState(!!(h!=null&&h.resumeBuy));c.useEffect(()=>{h!=null&&h.resumeBuy&&A(!0)},[h==null?void 0:h.resumeBuy]);function V(){const p=a.priceCredits>0?a.priceCredits:null;Z("Shop Started Checkout",{checkout_source:"item_page",cart_size:1,cart_value_credits:p,cart_value_usd:p===null?null:so(p)}),A(!0)}function oe(){if(w){V();return}y||Mo({type:"item-buy",path:$.pathname}),U()}const ce=c.useRef(!1);c.useEffect(()=>{if(!w||ce.current)return;const p=Io("item-buy");!p||p.path!==$.pathname||(ce.current=!0,X(!0),V())},[w]);const ie=c.useMemo(()=>a.contractAddress&&(a.itemId??m)?[`${a.contractAddress.toLowerCase()}-${a.itemId??m}`]:void 0,[a.contractAddress,a.itemId,m]),q=Os(Wr,{exclude:ie}),N=Ks({enabled:q.enabled,hasSignal:q.hasSignal,isLoading:q.isLoading,isError:q.isError,personalized:(Ii=q.result)==null?void 0:Ii.personalized,rowCount:((Si=q.result)==null?void 0:Si.data.length)??0}),{items:O,isCollectionOnly:v,siblings:re,siblingsFetched:R}=Cu({id:a.id,contractAddress:a.contractAddress,itemId:a.itemId??m,tokenId:a.tokenId,creator:a.creator}),{data:z,isLoading:B}=se({queryKey:["shop-item",a.contractAddress,m],enabled:!y&&!f&&!!a.contractAddress&&!!m,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>lo(a.contractAddress,m)}),H=f?void 0:z;c.useEffect(()=>{H&&K(p=>p.tradeId?{...p,tradeId:H.tradeId,priceCredits:H.priceCredits,manaWei:H.manaWei,available:H.available??p.available,acquisition:H.acquisition,wearableCategory:p.wearableCategory??H.wearableCategory}:{...p,...H})},[H]);const[ae,ve]=c.useState(!1),{data:ee=""}=se({queryKey:["item-desc",a.contractAddress,a.itemId],enabled:!!a.contractAddress&&!!a.itemId,staleTime:5*6e4,queryFn:()=>co(a.contractAddress,a.itemId)}),{data:G,isLoading:te}=se({queryKey:["collection-meta",a.contractAddress],enabled:!!a.contractAddress,staleTime:5*6e4,queryFn:()=>Vr(a.contractAddress)});c.useEffect(()=>{const p=(H==null?void 0:H.creator)||(G==null?void 0:G.creator);p&&K(le=>le.creator?le:{...le,creator:p})},[H,G]);const fe=c.useMemo(()=>{if(!(f||a.name||H||re.length===0))return(m?re.find(p=>p.itemId===m):void 0)??re.find(p=>p.contractAddress===a.contractAddress)},[f,a.name,a.contractAddress,H,re,m]);c.useEffect(()=>{fe&&K(p=>({...fe,tradeId:p.tradeId??fe.tradeId}))},[fe]);const{data:je,isLoading:ke}=se({queryKey:["detail-trade",a.id,a.tradeId,a.contractAddress,a.itemId],enabled:!!a.contractAddress,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:async()=>{if(a.tradeId)return a.tradeId;if(!f&&a.itemId){const p=await uo(a.contractAddress,a.itemId);return(p==null?void 0:p.id)??null}return null}}),{data:Y}=se({queryKey:["item-traits",a.contractAddress,m],enabled:!!a.contractAddress&&!!m,staleTime:5*6e4,retry:1,queryFn:()=>po(a.contractAddress,m)}),lt=(Y==null?void 0:Y.isSmart)??a.isSmart,Le=(Y==null?void 0:Y.utility)??null,$e=c.useMemo(()=>({...a,wearableCategory:a.wearableCategory??(Y==null?void 0:Y.wearableCategory)??void 0,gender:a.gender??(Y==null?void 0:Y.gender)??null}),[a,Y==null?void 0:Y.wearableCategory,Y==null?void 0:Y.gender]),bt=(Y==null?void 0:Y.urn)??null,{data:Rt}=se({queryKey:["item-vrm",bt],enabled:!!bt&&a.category==="wearable",staleTime:30*6e4,retry:!1,queryFn:()=>ho(bt)}),[nn,Lt]=c.useState(!1),{data:yt}=se({queryKey:["item-video",a.contractAddress,m],enabled:lt&&!!a.contractAddress&&!!m,staleTime:30*6e4,retry:!1,queryFn:()=>No(a.contractAddress,m)}),Ce=c.useMemo(()=>a.emoteLoop!==void 0?a:(m?re.find(le=>le.itemId===m):void 0)??a,[a,re,m]),Pe=qi(I,a.tradeId)??qi(I,je),rn=a.acquisition==="store"&&(a.available??0)>0,ue=!!Pe||rn,dt=Hs(),{data:Ee=[]}=se({queryKey:["item-resales",a.contractAddress,a.itemId],enabled:dt&&!y&&!!a.contractAddress&&!!a.itemId,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>Zr(a.contractAddress,a.itemId)}),Ke=Ee.length>0?Ee[0].priceCredits:null,Ye=f&&a.tokenId?Ee.find(p=>p.tokenId===a.tokenId)??null:null,Ie=c.useMemo(()=>{const p=Ee[0];return p?{...p,name:p.name||a.name,thumbnail:p.thumbnail||a.thumbnail,rarity:p.rarity||a.rarity,category:p.category||a.category,wearableCategory:p.wearableCategory??a.wearableCategory,gender:p.gender??a.gender}:null},[Ee,a]),[Pt,wt]=c.useState(null),[vt,Je]=c.useState(!1),[an,j]=c.useState(!1),[P,F]=c.useState(!1),E=a.manaWei??null,{data:Q}=Xr(y||!!E),ne=E&&Q?Us(E,Q):null;c.useEffect(()=>{ne!=null&&K(p=>p.priceCredits===ne?p:{...p,priceCredits:ne})},[ne,a.priceCredits]);const D=c.useMemo(()=>{if(!y||!(h!=null&&h.item))return null;const p=h.item;return p.manaWei?{tradeId:p.tradeId??p.id,listingType:"primary",contractAddress:p.contractAddress,itemId:p.itemId??"",name:p.name,thumbnail:p.thumbnail,rarity:p.rarity,category:p.category,wearableCategory:p.wearableCategory??null,creator:p.creator,manaWei:p.manaWei,available:1,network:p.network,chainId:p.chainId,createdAt:0}:null},[y,h==null?void 0:h.item]),xe=y&&k!=null&&!!Q&&!!D,We=Qs({priceCredits:a.priceCredits,compareAtCredits:a.compareAtCredits,saleEndsAt:a.saleEndsAt}),ye=(()=>{var we,ut;if(!We)return null;const p=So(S,a.coupon),le=Number(((ut=(we=a.coupon)==null?void 0:we.checks)==null?void 0:ut.uses)??0);return le>0&&p<=le?{claimed:p,total:le}:null})(),Et=(()=>{if(!We||a.saleUnitsLeft==null)return null;const p=ye?ye.total-ye.claimed:1/0;return a.saleUnitsLeft<p?a.saleUnitsLeft:null})(),Fe=c.useMemo(()=>({...a,tradeId:Pe,id:Pe??a.id}),[a,Pe]),sn=W.some(p=>p.id===Fe.id),Ft=!Fe.tokenId,za=((Ai=W.find(p=>p.id===Fe.id))==null?void 0:Ai.quantity)??0,on=Ft&&typeof a.available=="number"&&za>=a.available,{key:Un,faved:Xe}=Vs(a),He=Gs(a),Na=Jr(p=>p.locale),Tt=He===void 0?null:He.toLocaleString(Na),Qn=Xe?n("assetCard.removeFromFavorites"):n("assetCard.addToFavorites"),Vn=He===void 0?Qn:n("itemDetail.favoriteAria",{action:Qn,count:He}),Gn=c.useRef(null);c.useEffect(()=>{!a.name||ke||Gn.current===a.id||(Gn.current=a.id,Z("Shop Viewed Item",{...Ys(a),for_sale:ue}),Js(a))},[a.id,a.name,ke,ue]);const zt=`${o}/${x??u}`,Yn=c.useRef(zt);c.useEffect(()=>{if(Yn.current!==zt){if(Yn.current=zt,h!=null&&h.item){const p={...h.item,tradeId:h.tradeId??h.item.tradeId};K(f?{...p,tokenId:x,itemId:p.itemId??m}:{...p,tokenId:void 0,itemId:u??p.itemId})}typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"})}},[zt]);function Ba(){!ue||ln||ke||!Ft&&sn||on||C(Fe,"item_detail")}const Ze=Zh(a.rarity)?a.rarity:Ae.Rarity.COMMON,Jn=ex($e.gender),Nt=Xs($e),Xn=Zs($e.gender),Zn=qp(a.rarity),ei=Op($e),ti=ue&&We,_a=v?n("itemDetail.moreFromCollection"):n("itemDetail.youMightAlsoLike"),ln=eo(a,w==null?void 0:w.address),[Da,ni]=c.useState(!1),[Wa,ii]=c.useState(!1),[qa,ri]=c.useState(!1),[Oa,ai]=c.useState(!1),[jt,kt]=c.useState(null),[Ka,si]=c.useState(!1),[oi,li]=c.useState(!1),di=Yt(w==null?void 0:w.providerType),{data:_,isLoading:Bt}=se({queryKey:["owned-token",a.contractAddress,a.tokenId,w==null?void 0:w.address],enabled:!y&&!!(w!=null&&w.address)&&!!a.contractAddress&&!!a.tokenId,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>w?Pi(w.address,a.contractAddress,a.tokenId):null});c.useEffect(()=>{_&&K(p=>p.name?{...p,issuedId:p.issuedId??_.issuedId,priceCredits:_.listingPrice??0,tradeId:_.tradeId}:{id:_.id,name:_.name,creator:"",contractAddress:_.contractAddress,itemId:_.itemId,category:_.category,rarity:_.rarity??"common",network:_.network,chainId:_.chainId,thumbnail:_.image,priceCredits:_.listingPrice??0,gender:null,isSmart:!1,tokenId:_.tokenId,issuedId:_.issuedId,tradeId:_.tradeId})},[_]),c.useEffect(()=>{Ye&&K(p=>p.priceCredits===Ye.priceCredits&&p.tradeId?p:{...p,priceCredits:Ye.priceCredits,tradeId:p.tradeId??Ye.tradeId})},[Ye]),c.useEffect(()=>{jt!=null&&_!=null&&_.isOnSale&&_.listingPrice===jt&&kt(null)},[_,jt]);const ci=!y&&!!a.contractAddress&&!!a.tokenId&&!a.name&&!H&&!Bt&&!_,{data:he,isFetched:Ha}=se({queryKey:["public-token",a.contractAddress,a.tokenId],enabled:ci,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>xo(a.contractAddress,a.tokenId)});c.useEffect(()=>{he&&K(p=>p.name?p.issuedId?p:{...p,issuedId:he.issuedId}:{id:he.id,name:he.name,creator:"",contractAddress:he.contractAddress,itemId:he.itemId,category:he.category,rarity:he.rarity??"common",network:he.network,chainId:he.chainId,thumbnail:he.image,priceCredits:he.listingPrice??0,gender:null,isSmart:!1,tokenId:he.tokenId,issuedId:he.issuedId,tradeId:he.tradeId})},[he]);const{data:Te}=se({queryKey:["publishable-item",a.contractAddress,a.itemId,w==null?void 0:w.address],enabled:ln&&!!w&&!!a.itemId,queryFn:async()=>w?(await Bo(w.address,w.identity)).find(le=>le.contractAddress.toLowerCase()===a.contractAddress.toLowerCase()&&le.blockchainItemId===a.itemId)??null:null}),ze=f&&!!_,dn=!f&&ln,Ne=!y&&(dn||ze),ui=jt!=null?!0:ze?!!(_!=null&&_.isOnSale):ue,_t=ze?_==null?void 0:_.tradeId:Pe,pi=ze?!!_:!!Te,hi=dn||ze&&dt,cn=jt??(ze?(_==null?void 0:_.listingPrice)??0:0),{data:xi=0}=se({queryKey:["owned-item-count",a.contractAddress,u,w==null?void 0:w.address],enabled:!f&&!y&&!!(w!=null&&w.address)&&!!a.contractAddress&&!!u,staleTime:3e4,queryFn:()=>w?fo(w.address,a.contractAddress,u):0});async function et(){await Promise.all([I.invalidateQueries({queryKey:["owned-token",a.contractAddress,a.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",a.contractAddress,a.itemId]}),I.invalidateQueries({queryKey:["item-resales",a.contractAddress,a.itemId]})])}async function Ua(p){if(!w||!_t)throw new Error("No listing to take down");const le=await Yr(_t);await Po({trade:le,signer:w.signer,mode:p.payGas?"direct":"gasless-only",watch:{isCancelled:async()=>{try{if(ze){if(!a.tokenId)return!1;const we=await Pi(w.address,a.contractAddress,a.tokenId);return we!==null&&!we.isOnSale}return a.itemId?await oo(a.contractAddress,a.itemId)===null:!1}catch{return!1}},onWaiting:p.onWaiting}}),p.silent||Mt.success(n("myAssets.removedFromSale",{name:a.name})),kt(null),id(I,_t),K(we=>we.tradeId===_t?{...we,tradeId:void 0}:we),et(),xn(I,{address:w.address,contractAddress:a.contractAddress,tokenId:a.tokenId},{kind:"removed"})}const fi=p=>async({payGas:le,onWaiting:we})=>{try{return await Ua({silent:p,payGas:le,onWaiting:we}),"ok"}catch(ut){if(ut instanceof Lo)return ut.definitive?"relay-reverted":"relay-pending";throw ut}},mi={currentCredits:cn||a.priceCredits||void 0,canPayGas:di,cancelCurrent:fi(!0)};function gi({edit:p=!1}={}){p||Z("Shop Started Listing",{listing_type:ze?"secondary":"primary",item_id:a.itemId??a.tokenId??null}),li(p),ze?ni(!0):ii(!0)}function bi(){ni(!1),ii(!1),li(!1),et()}const yi=ue?ke?n("itemDetail.checking"):on?n("itemDetail.maxInCart"):!Ft&&sn?n("assetCard.inCart"):n("assetCard.addToCart"):n("itemDetail.notForSale"),$t=a.available??(Y==null?void 0:Y.available)??null,Qa=typeof $t=="number"&&$t>0&&!a.tokenId&&!y,wi=!y&&!a.tokenId&&$t===0,vi=a.network==="ETHEREUM",ct=wi&&!Ne&&!!Ie,Dt=!!Ie&&W.some(p=>p.id===Ie.id),Va=!Ne&&ue&&!y,Ga=y||!Ne&&(ue||ct&&!!Ie||Aa()),Ya=!a.name&&(!!H||!!_||!!he||!!fe),ji=B||!!a.contractAddress&&!R||!a.name&&Bt||Ya||ci&&!Ha,ki=!a.name&&!ji,Ja=!!a.name&&rd({isMarket:y,forSale:ue,priceKnown:a.priceCredits>0&&(!E||ne!=null)||Ne,stillResolving:ji||!!E&&ne==null,manage:Ne,soldOutWithResale:ct,resolvingTrade:ke,isTokenRoute:f,ownedAssetLoading:Bt,deepLinkLoading:B}),$i=!a.creator&&(B||te||Bt),Ci=!(G!=null&&G.name)&&te,Xa=/^https?:\/\//i.test(a.thumbnail);return to(ki?{title:n("seo.item.notFoundTitle"),noindex:!0}:a.name?{title:a.name,description:ee||n("seo.item.fallbackDescription",{name:a.name,rarity:a.rarity,category:Gt($e),creator:Wn(a.creator)}),image:Xa?a.thumbnail:void 0,type:"product"}:{}),ki?e.jsxs(Ih,{"data-notfound":!0,children:[e.jsx(Mh,{name:"cart"}),e.jsx(Rh,{children:n("itemDetail.notAvailableTitle")}),e.jsx(Sh,{children:n("itemDetail.notAvailableBody")}),e.jsx(Ah,{variant:"white",onClick:()=>g("/items"),children:n("notFound.cta")})]}):e.jsxs(Gp,{children:[e.jsxs(Yp,{"aria-label":n("itemDetail.breadcrumbAria"),children:[e.jsx(Jp,{onClick:()=>g("/items"),children:n("nav.collectibles")}),e.jsx(Xp,{children:"/"}),e.jsx(Zp,{children:a.name||n("itemDetail.itemFallback")})]}),e.jsxs(eh,{style:{"--glow-rgb":ro(Ze),"--glow-core":io(Ze)},children:[e.jsxs(th,{"data-testid":"item-preview",children:[a.name?e.jsx(Pu,{item:a}):e.jsx(nh,{"aria-busy":"true","aria-label":n("itemPreview.loading"),children:e.jsx(ih,{className:"skeleton","aria-hidden":!0})}),Un?e.jsxs(kr,{"data-fav-preview":!0,"data-on":Xe||void 0,"data-count":Tt??void 0,onClick:()=>M(a,"item_detail"),"aria-pressed":Xe,"aria-label":Vn,children:[e.jsx(L,{name:Xe?"heart-solid":"heart",size:18}),He!==void 0?e.jsx($r,{title:n("itemDetail.savedCount",{count:He}),"data-testid":"fav-count-preview",children:Tt}):null]}):null,yt?e.jsxs(oh,{"data-play-showcase":!0,onClick:()=>Lt(!0),"data-testid":"play-showcase",children:[e.jsx(L,{name:"play",size:18}),n("itemDetail.playShowcase")]}):null]}),e.jsx(rh,{"data-testid":"item-info",children:a.name?e.jsxs(e.Fragment,{children:[ti&&a.compareAtCredits!=null?e.jsx(hh,{pct:no(a.compareAtCredits,a.priceCredits),size:"lg",testId:"detail-sale-badge"}):null,e.jsxs(ah,{children:[e.jsxs(sh,{children:[a.name,f&&a.issuedId?` #${a.issuedId}`:""]}),Un?e.jsxs(kr,{"data-fav-title":!0,"data-on":Xe||void 0,"data-count":Tt??void 0,onClick:()=>M(a,"item_detail"),"aria-pressed":Xe,"aria-label":Vn,children:[e.jsx(L,{name:Xe?"heart-solid":"heart",size:18}),He!==void 0?e.jsx($r,{title:n("itemDetail.savedCount",{count:He}),"data-testid":"fav-count",children:Tt}):null]}):null]}),e.jsxs(lh,{children:[Zn?e.jsx(Kt,{content:Li(a.rarity),children:e.jsx(Qt,{to:Zn,"data-variant":"rarity","data-testid":"detail-rarity-link",style:{background:Ri(Ze)},children:a.rarity})}):e.jsx(Kt,{content:Li(a.rarity),children:e.jsx(Be,{"data-variant":"rarity",style:{background:Ri(Ze)},children:a.rarity})}),ei?e.jsxs(Qt,{to:ei,"data-testid":"detail-category-link",title:n("filter.browseByCategory",{category:Gt($e)}),children:[Nt?e.jsx(L,{name:Nt,size:18}):null,Gt($e)]}):e.jsxs(Be,{children:[Nt?e.jsx(L,{name:Nt,size:18}):null,Gt($e)]}),Jn?e.jsxs(Be,{children:[Xn?e.jsx(L,{name:Xn,size:18}):null,Jn]}):null,!f&&a.issuedId?e.jsxs(Be,{"data-testid":"detail-issued",children:["#",a.issuedId]}):null,d?e.jsxs(Qt,{to:"/event","data-testid":"detail-event",title:d,children:[e.jsx(L,{name:"star-rounded",size:18}),d]}):null,lt?e.jsxs(Qt,{to:Kp(),"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,Rt?e.jsx(Kt,{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]}),ee||Le?e.jsxs(Pa,{children:[ee?e.jsx(Bn,{children:e.jsxs(Nn,{children:[e.jsx(ht,{children:n("itemDetail.description")}),e.jsx(Cr,{"data-expanded":ae||void 0,children:ee}),ee.length>140?e.jsx(ch,{className:"link",onClick:()=>ve(p=>!p),children:ae?n("itemDetail.showLess"):n("itemDetail.readMore")}):null]})}):null,Le?e.jsx(Bn,{children:e.jsxs(Nn,{"data-testid":"detail-utility",children:[e.jsx(ht,{children:n("itemDetail.utility")}),e.jsx(Cr,{"data-expanded":!0,children:Le})]})}):null]}):null,!vi&&(a.creator||$i)||G!=null&&G.name||Ci?e.jsxs(Ea,{children:[vi?null:a.creator?e.jsxs(St,{children:[e.jsx(ht,{children:n("itemDetail.creator")}),e.jsx(uh,{address:a.creator,linkToProfile:!0,hidePrefix:!0})]}):$i?e.jsxs(St,{children:[e.jsx(ht,{children:n("itemDetail.creator")}),e.jsxs(Br,{"aria-hidden":!0,"data-testid":"creator-loading",children:[e.jsx(_r,{}),e.jsx(Dr,{})]})]}):null,G!=null&&G.name?e.jsxs(St,{"data-collection":!0,children:[e.jsx(ht,{children:n("itemDetail.collection")}),e.jsx(ph,{contractAddress:a.contractAddress,name:G.name,items:re})]}):Ci?e.jsxs(St,{"data-collection":!0,children:[e.jsx(ht,{children:n("itemDetail.collection")}),e.jsxs(Br,{"aria-hidden":!0,"data-testid":"collection-loading",children:[e.jsx(_r,{}),e.jsx(Dr,{})]})]}):null]}):null,e.jsx(Ta,{}),Ja?e.jsxs(Jh,{"aria-hidden":!0,"data-testid":"sale-loading",children:[e.jsx(Xh,{}),e.jsx(Nr,{}),e.jsx(Nr,{})]}):e.jsxs(e.Fragment,{children:[dt&&!Ne&&!y&&ue&&!a.tokenId?e.jsxs(Bh,{"data-testid":"buy-from-creator",children:[e.jsxs(_h,{children:[e.jsx(Dh,{name:"buy-from-creator"}),n("itemDetail.buyFromCreator")]}),e.jsx(Wh,{name:"check-rounded"})]}):null,ct?e.jsxs(Uh,{"data-testid":"sold-out",children:[e.jsxs(Pr,{"data-variant":"original",children:[e.jsxs(Er,{children:[n("itemDetail.originalPrice"),e.jsxs(Fr,{children:[e.jsx(Re,{className:"ico"}),e.jsx(Tr,{children:e.jsx(ge,{credits:a.priceCredits})})]}),e.jsx(zr,{"aria-hidden":!0,children:e.jsx(L,{name:"info",size:12})})]}),e.jsx(Qh,{"data-testid":"out-of-stock",children:n("itemDetail.soldOut")})]}),e.jsxs(Pr,{"data-variant":"resale",children:[e.jsxs(Er,{children:[n("itemDetail.resalePrice"),e.jsxs(Fr,{children:[e.jsx(Re,{className:"ico"}),e.jsx(Tr,{children:e.jsx(ge,{credits:Ke})})]}),e.jsx(zr,{"aria-hidden":!0,children:e.jsx(L,{name:"info",size:12})})]}),e.jsxs(Vh,{children:[n("itemDetail.stock")," ",Ee.length,"/",Ae.Rarity.getMaxSupply(Ze).toLocaleString()]})]})]}):e.jsxs(xh,{children:[e.jsxs(fh,{children:[e.jsxs(mh,{children:[y||ue?e.jsx(Mn,{children:n("itemDetail.price")}):null,y?e.jsxs(e.Fragment,{children:[e.jsx(Ct,{"data-variant":"market","data-testid":"item-price",children:k==null?e.jsx(It,{children:"—"}):e.jsxs(e.Fragment,{children:[e.jsx(bh,{"aria-hidden":!0,children:"≈"}),e.jsx(Vt,{}),e.jsx(It,{children:e.jsx(ge,{credits:k})})]})}),e.jsx(yh,{children:n("assetCard.marketPrice")})]}):ue?ti?e.jsxs(Ct,{"data-variant":"sale","data-testid":"item-price",children:[e.jsx(Vt,{}),e.jsx(It,{children:e.jsx(ge,{credits:a.priceCredits})}),e.jsx(vh,{"data-testid":"detail-price-was",children:e.jsx(ge,{credits:a.compareAtCredits})}),e.jsx(zo,{until:a.saleEndsAt,testId:"detail-countdown"})]}):e.jsxs(Ct,{"data-testid":"item-price",children:[e.jsx(Vt,{}),e.jsx(It,{children:e.jsx(ge,{credits:a.priceCredits})})]}):ui&&cn?e.jsxs(Ct,{"data-testid":"item-price",children:[e.jsx(Vt,{}),e.jsx(It,{children:e.jsx(ge,{credits:cn})})]}):Ne?null:e.jsxs(Ct,{"data-variant":"none","data-testid":"item-price",children:[e.jsx("span",{children:n("itemDetail.notForSale")}),e.jsx(Kt,{content:n("itemDetail.notForSaleHint"),children:e.jsx(gh,{tabIndex:0,role:"img","aria-label":n("itemDetail.notForSaleHint"),children:e.jsx(L,{name:"info",size:14})})})]})]}),Qa?e.jsxs(Ir,{children:[e.jsx(Mn,{children:n("itemDetail.stock")}),e.jsxs(An,{children:[($t??0).toLocaleString(),"/",Ae.Rarity.getMaxSupply(Ze).toLocaleString()]})]}):wi?e.jsxs(Ir,{children:[e.jsx(Mn,{children:n("itemDetail.stock")}),e.jsxs(An,{children:[($t??0).toLocaleString(),"/",Ae.Rarity.getMaxSupply(Ze).toLocaleString()]}),e.jsx(An,{"data-out":!0,"data-testid":"out-of-stock",children:n("itemDetail.outOfStock")})]}):null]}),ye?e.jsx(Dp,{claimed:ye.claimed,total:ye.total,testId:"detail-offer-stock"}):null,Et!=null?e.jsx(wh,{"data-testid":"detail-units-left",children:n("assetCard.unitsLeftAtThisPrice",{count:Et})}):null]}),e.jsx(jh,{"data-buttons":Ga||void 0,"data-dual":Va||void 0,children:y?e.jsxs(Rn,{variant:"purple",onClick:oe,disabled:!xe,children:[e.jsx("span",{children:n("assetCard.buyNow")}),k!=null?e.jsxs(Ln,{"aria-hidden":!0,children:[e.jsx(Fn,{}),e.jsx(ge,{credits:k})]}):null]}):Ne?e.jsxs(Gh,{"data-testid":"manage-actions",children:[ui?e.jsxs(e.Fragment,{children:[hi?e.jsxs($h,{onClick:()=>gi({edit:!0}),disabled:!pi,"data-testid":"edit-price",children:[e.jsx(L,{name:"pen",className:"ico"}),e.jsx("span",{children:n("itemDetail.manageUpdatePrice")})]}):null,e.jsx(Ar,{onClick:()=>si(!0),"data-testid":"remove-listing",children:e.jsx("span",{children:n("itemDetail.manageRemove")})})]}):e.jsxs(e.Fragment,{children:[hi?e.jsx(kh,{onClick:()=>gi(),disabled:!pi,children:e.jsx("span",{children:n("itemDetail.manageList")})}):null,ze?e.jsxs(e.Fragment,{children:[e.jsx(Ar,{onClick:()=>ri(!0),children:e.jsx("span",{children:n("itemDetail.manageTransfer")})}),e.jsx(Sr,{type:"button","data-on-purple":!0,"data-testid":"resell-item",onClick:()=>j(!0),children:n("itemDetail.manageResell")})]}):null]}),dn&&Te?e.jsx(Sr,{type:"button","data-on-purple":!0,onClick:()=>ai(!0),children:n("itemDetail.manageIssue")}):null,Ke!=null?e.jsx(Yh,{children:e.jsx(_n,{onClick:()=>Je(!0),"data-testid":"view-resellers",children:n("itemDetail.viewAllResellers")})}):null]}):ue?e.jsxs(e.Fragment,{children:[e.jsxs(Rn,{variant:"purple",onClick:oe,disabled:ke,children:[e.jsx("span",{children:n("assetCard.buyNow")}),e.jsxs(Ln,{"aria-hidden":!0,children:[e.jsx(Fn,{}),e.jsx(ge,{credits:a.priceCredits})]})]}),e.jsxs(Mr,{onClick:Ba,disabled:ke||(Ft?on:sn),"aria-label":yi,children:[e.jsx(L,{name:"cart"}),e.jsx(Rr,{children:yi})]})]}):ct&&Ie?e.jsxs(e.Fragment,{children:[e.jsxs(Rn,{variant:"purple",onClick:()=>w?wt(Ie):U(),children:[e.jsx("span",{children:n("assetCard.buyNow")}),e.jsxs(Ln,{"aria-hidden":!0,children:[e.jsx(Fn,{}),e.jsx(ge,{credits:Ie.priceCredits})]})]}),e.jsxs(Mr,{onClick:()=>{Dt||C(Ie,"item_detail")},disabled:Dt,"aria-label":Dt?n("assetCard.inCart"):n("assetCard.addToCart"),children:[e.jsx(L,{name:"cart"}),e.jsx(Rr,{children:Dt?n("assetCard.inCart"):n("assetCard.addToCart")})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Fp,{item:a}),a.itemId?e.jsx(Hh,{onClick:()=>{Z("Shop Clicked Buy Resale",{item_id:a.itemId,contract_address:a.contractAddress,has_shop_resale:!!Ie}),F(!0)},"data-testid":"buy-resale","aria-haspopup":"dialog",children:n("itemDetail.buyResale")}):null]})}),!Ne&&!y&&Ke!=null?e.jsxs(qh,{"data-testid":"lowest-price","data-centered":ct||void 0,children:[ct?null:e.jsxs(Oh,{children:[n("itemDetail.lowestPrice"),e.jsx(Re,{className:"ico"}),e.jsx(Kh,{children:e.jsx(ge,{credits:Ke})})]}),e.jsx(_n,{onClick:()=>Je(!0),"data-testid":"view-resellers",children:n("itemDetail.viewAllResellers")})]}):null,!Ne&&!y&&xi>0?e.jsxs(Ch,{"data-testid":"you-own-note",children:[n("itemDetail.youOwnN",{count:xi})," ",e.jsx(qr,{to:"/my-items",children:n("nav.myAssets")})]}):null]})]}):e.jsx(nx,{})})]}),e.jsx(ao,{exclude:ie,title:n("itemDetail.becauseYouOwn"),surface:"pdp",first:Wr}),N!==null&&e.jsx(Ao,{title:_a,items:O,onViewAll:v&&a.contractAddress?()=>g(`/collection/${a.contractAddress}`):void 0}),J&&y&&D&&Q?e.jsx(ja,{listing:D,rate:Q,onClose:()=>A(!1),onSold:()=>A(!1)}):J&&!y?e.jsx(zn,{item:Fe,resume:T,onClose:()=>{A(!1),X(!1)}}):null,Pt?e.jsx(zn,{item:Pt,onClose:()=>{wt(null),et()}}):null,dt&&vt&&a.itemId?e.jsx(op,{item:a,onClose:()=>Je(!1)}):null,an&&x?e.jsx(br,{contractAddress:o??"",tokenId:x,onClose:()=>j(!1)}):null,P&&a.itemId&&o?e.jsx(br,{variant:"buy",contractAddress:o,itemId:a.itemId,onClose:()=>F(!1)}):null,Da&&_&&w?e.jsx(Td,{asset:_,session:w,creator:a.creator,edit:oi?mi:void 0,onListed:(p,le)=>{kt(p),et(),xn(I,{address:w.address,contractAddress:a.contractAddress,tokenId:a.tokenId},{kind:"listed",priceCredits:p,tradeId:le})},onClose:bi}):null,Ka&&w?e.jsx(ic,{name:a.name,managed:Zt(w),canPayGas:di,cancel:fi(!1),onClose:()=>si(!1)}):null,qa&&w&&a.tokenId?e.jsx(ec,{item:{contractAddress:a.contractAddress,chainId:a.chainId,tokenId:a.tokenId,name:a.name,thumbnail:a.thumbnail},session:w,onClose:()=>{ri(!1),et()},onTransferred:()=>{kt(null),et(),xn(I,{address:w.address,contractAddress:a.contractAddress,tokenId:a.tokenId},{kind:"gone"})}}):null,Wa&&Te&&w?e.jsx(Cc,{item:Te,session:w,edit:oi?mi:void 0,onListed:(p,le)=>{kt(p),K(we=>({...we,tradeId:le}))},onClose:bi}):null,Oa&&Te&&w?e.jsx(Zc,{item:{contractAddress:Te.contractAddress,chainId:rt.chainId,itemId:Te.blockchainItemId,name:Te.name,thumbnail:Te.thumbnail,available:Te.remainingSupply},session:w,onClose:()=>{ai(!1),et()}}):null,nn&&yt?e.jsx(su,{src:yt,itemName:a.name,onClose:()=>Lt(!1)}):null]})}function nx(){return e.jsxs(Lh,{"aria-hidden":!0,children:[e.jsx(Fh,{className:"skeleton"}),e.jsxs(Th,{children:[e.jsx(Pn,{className:"skeleton"}),e.jsx(Pn,{className:"skeleton"}),e.jsx(Pn,{className:"skeleton"})]}),e.jsx(Pa,{children:[0,1].map(t=>e.jsx(Bn,{children:e.jsxs(Nn,{children:[e.jsx(Lr,{className:"skeleton"}),e.jsxs(Ph,{children:[e.jsx(En,{className:"skeleton"}),e.jsx(En,{className:"skeleton"}),e.jsx(En,{className:"skeleton","data-short":!0})]})]})},t))}),e.jsx(Ea,{children:[0,1].map(t=>e.jsxs(St,{...t===1?{"data-collection":!0}:{},children:[e.jsx(Lr,{className:"skeleton"}),e.jsx(Eh,{})]},t))}),e.jsx(Ta,{}),e.jsx(zh,{className:"skeleton"}),e.jsx(Nh,{className:"skeleton"})]})}export{tx as ItemDetail,Ex as ItemDetailRoute,tx as default};
+//# sourceMappingURL=ItemDetail-C2f1Vg-F.js.map