@dcl/shop 1.13.1-35088015492.commit-25d8a11 → 1.13.1-35095058100.commit-8d694c8

package/_assets/ItemDetail-EQYc-D1i.js

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