@dcl/shop 1.18.2-36637388260.commit-7062577 → 1.18.2-36699317496.commit-01b8efb

package/_assets/MyStore-CdTXUo-D.js

@@ -0,0 +1,2324 @@
+import{r as u,j as e,L as nt,u as ks,f as $s,N as vs}from"./react-DUeL1qp6.js";import{c as me,bV as Cs,w as J,l as Wo,c_ as Ms,c$ as As,s as c,t as i,z as Is,a as o,d0 as ye,I as te,aH as hn,bP as To,d1 as _o,d2 as Ls,cb as Ws,H as an,B as Ts,x as _s,X as Ps,cd as Es,d3 as Rs,a6 as Ds,aK as zs,a2 as Os,d4 as Wt,d5 as Po,O as Fs,ca as Ns,ay as Bs,az as Us,aA as qs,av as Hs}from"./index-BU5FCydW.js";import{a as Ks,c as Ys,D as Gs,S as Vs}from"./SaleCountdown-DZs8FLI1.js";import{d as Qs}from"./dcl-schemas-BqHUwNqd.js";import{t as Xs,u as Zs,C as Js,M as er,i as tr}from"./ManaPricingBanner-DigbTeg8.js";import{T as Tt}from"./Tooltip-BLMUNUCw.js";import{m as nr}from"./mana-matic-CEqvSwrJ.js";import{g as Eo,f as or,R as sr,M as rr}from"./browseLayout.styles-CyC4WPSY.js";import{E as Nn}from"./ErrorNotice-DtXBOdpx.js";import{M as ar,S as ir,C as lr,H as cr,T as dr,a as hr,b as pr,N as Bn,A as ur,O as mr,P as fr,I as xr}from"./IssueModal-9eOYi4Sj.js";import{u as gr,L as yr}from"./useStore-DvWx61co.js";import{s as br}from"./signin-empty-BEsGFkKt.js";import"./sentry-CXljof2R.js";import"./ethers-FMLh2To0.js";import"./intl-AKLEHPeO.js";import"./errors-s3lXv01b.js";import"./sha3-Ddr1Yh2t.js";import"./browser-27gwVLEC.js";import"./trade-encoding-9VxkSLUE.js";import"./sendMetaTransaction-B5ZO9jvL.js";import"./ManaPricingBanner.styles-Dc3fA-wN.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},n=new t.Error().stack;n&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[n]="16bf2ec0-398b-4fd8-a787-9e785ee06759",t._sentryDebugIdIdentifier="sentry-dbid-16bf2ec0-398b-4fd8-a787-9e785ee06759")}catch{}})();function G(t){try{return BigInt(t||"0")}catch{return 0n}}async function Un(t){var a;const n=new URLSearchParams({seller:t.seller});t.from!=null&&n.set("from",String(t.from)),t.to!=null&&n.set("to",String(t.to));const s=await fetch(`${me.marketplaceServerUrl}/v1/sales/summary?${n.toString()}`);if(!s.ok)throw await((a=s.body)==null?void 0:a.cancel()),new Error(`fetchSalesSummary ${s.status}`);const{data:l}=await s.json();return l}function wr(t){const n=new URLSearchParams;return t.seller&&n.set("seller",t.seller),t.contractAddress&&n.set("contractAddress",t.contractAddress),t.itemId!=null&&n.set("itemId",t.itemId),t.type&&n.set("type",t.type),t.from!=null&&n.set("from",String(t.from)),t.to!=null&&n.set("to",String(t.to)),n.set("first",String(t.first??100)),t.skip&&n.set("skip",String(t.skip)),n.set("sortBy","recently_sold"),n}async function pn(t){var l;const n=await fetch(`${me.marketplaceServerUrl}/v1/sales?${wr(t).toString()}`);if(!n.ok)throw await((l=n.body)==null?void 0:l.cancel()),new Error(`fetchSales ${n.status}`);const s=await n.json();return{data:s.data??[],total:s.total??0}}async function Sr(t){const{total:n}=await pn({...t,first:1});return n}async function jr(t,{first:n,skip:s}){const{data:l,total:a}=await pn({...t,first:n,skip:s});return{rows:l,total:a}}async function Ro(t,{cap:n=5e3}={}){const l=[];let a=0;for(let d=0;d<n;d+=1e3){const h=Math.min(1e3,n-d),p=await pn({...t,first:h,skip:d});if(a=p.total,l.push(...p.data),p.data.length<h||l.length>=a)break}return{rows:l,total:a,truncated:a>l.length}}async function kr(t){var a;const n=new URLSearchParams({creator:t.creator,first:String(t.first),skip:String(t.skip)});t.from!=null&&n.set("from",String(t.from)),t.to!=null&&n.set("to",String(t.to));const s=await fetch(`${me.marketplaceServerUrl}/v1/sales/royalties?${n.toString()}`);if(!s.ok)throw await((a=s.body)==null?void 0:a.cancel()),new Error(`fetchRoyalties ${s.status}`);const l=await s.json();return{data:l.data??[],total:l.total??0,royaltiesWei:l.royaltiesWei??"0"}}const $r=864e5;function ln(t,n){return{current:t,previous:n,pct:n===0?null:(t-n)/n*100}}function vr(t,n){const s=n===0n?null:Number((t-n)*10000n/n)/100;return{current:Number(t),previous:Number(n),pct:s}}function Cr(t,n=3){var h;const s=t.filter(Do),l=new Map;for(const p of s){const y=p.buyer.toLowerCase();l.set(y,(l.get(y)??0)+1)}const a=[...l.entries()].sort((p,y)=>y[1]-p[1]||p[0].localeCompare(y[0])),d=a.filter(([,p])=>p>1).length;return{total:a.length,repeat:d,repeatPct:a.length===0?0:d/a.length*100,topSharePct:s.length===0?0:(((h=a[0])==null?void 0:h[1])??0)/s.length*100,top:a.slice(0,n).map(([p,y])=>({address:p,bought:y}))}}function Do(t){return t.type==="mint"&&t.itemId!=null}function Mr(t,n){const s=t.filter(Do),l=new Map;for(const a of s){const d=a.buyer.toLowerCase(),h=a.contractAddress.toLowerCase(),p=l.get(d)??{bought:0,items:new Set,collections:new Set,spentWei:0n,lastAt:0};p.bought+=1,p.items.add(`${h}-${a.itemId}`),p.collections.add(h),p.spentWei+=G(a.price),a.timestamp>p.lastAt&&(p.lastAt=a.timestamp),l.set(d,p)}return[...l.entries()].map(([a,d])=>({address:a,bought:d.bought,items:d.items.size,collections:d.collections.size,spentWei:d.spentWei,lastAt:d.lastAt})).sort((a,d)=>d.spentWei>a.spentWei?1:d.spentWei<a.spentWei?-1:d.bought-a.bought).slice(0,n)}function Ar(t,n){if(t.length===0)return null;const s=t.reduce((l,a)=>a.timestamp>l?a.timestamp:l,0);return Math.max(0,Math.floor((n-s)/$r))}function Ir(t,n=5){return t.flatMap(s=>s.items.filter(l=>l.sold>0).map(l=>({key:l.key,contractAddress:s.contractAddress,itemId:l.itemId,name:l.name,thumbnail:l.thumbnail,rarity:l.rarity,collectionName:s.name,sold:l.sold,earnedWei:l.earnedWei}))).sort((s,l)=>l.sold-s.sold||(l.earnedWei>s.earnedWei?1:l.earnedWei<s.earnedWei?-1:0)||s.name.localeCompare(l.name)).slice(0,n)}const _t=100;async function Lr(t){const[{collections:n},s]=await Promise.all([Cs(t,{first:_t}),_r(t)]),l=new Map(n.map(a=>[a.contractAddress.toLowerCase(),a.name]));return s.map(a=>{const d=a.contractAddress.toLowerCase(),h=(a.rarity??"common").toLowerCase(),p=Tr(h),y=Number(a.available??0);return{id:a.id,collectionId:"",collectionName:l.get(d)??a.name,contractAddress:d,blockchainItemId:String(a.itemId??""),name:a.name,category:a.category,rarity:h,thumbnail:a.thumbnail??"",type:a.category==="emote"?"emote":"wearable",isPublished:!0,isApproved:!0,totalSupply:Math.max(0,p-y),maxSupply:p,remainingSupply:y,createdAt:a.createdAt?a.createdAt*1e3:void 0,minters:[]}})}function Wr(t,n){const s=new Set(t.map(l=>l.contractAddress.toLowerCase()));return[...t,...n.filter(l=>!s.has(l.contractAddress.toLowerCase()))]}function Tr(t){try{return Qs.Rarity.getMaxSupply(t)}catch{return 0}}async function _r(t){var s;const n=[];for(let l=0;;l+=_t){const a=new URLSearchParams({creator:t,first:String(_t),skip:String(l),includeSocialEmotes:"false"}),d=await fetch(`${me.marketplaceServerUrl}/v3/catalog/items?${a.toString()}`);if(!d.ok)throw await((s=d.body)==null?void 0:s.cancel()),new Error(`fetchPublicCatalogue ${d.status}`);const{data:h}=await d.json(),p=h??[];if(n.push(...p),p.length<_t)return n}}const cn=864e5,Pt=14;function Pr(t,n,s){const l=new Array(Pt).fill(0),a=s-n*cn,d=n*cn/Pt;for(const h of t)h.timestamp<a||h.timestamp>s||(l[Math.min(Pt-1,Math.floor((h.timestamp-a)/d))]+=1);return l}function Er({rows:t,total:n,truncated:s,mints:l,summary:a,catalogue:d,saleState:h,unreadable:p,days:y,now:x}){const z=new Map,f=new Map,j=new Map;for(const w of t){if(w.type!=="mint"||w.itemId==null)continue;const M=w.contractAddress.toLowerCase(),k=`${M}-${w.itemId}`;z.set(k,(z.get(k)??0)+1),f.set(k,(f.get(k)??0n)+G(w.price));const $=j.get(M)??[];$.push(w),j.set(M,$)}const C=t.reduce((w,M)=>M.timestamp<w?M.timestamp:w,x),U=Math.max(1,Math.ceil((x-C)/cn)),L=y!=null&&!s?y:Math.max(y==null?Pt:1,U),I=new Map(((a==null?void 0:a.byItem)??[]).map(w=>[`${w.contractAddress.toLowerCase()}-${w.itemId}`,w.soldLifetime])),_=new Map(((a==null?void 0:a.byCollection)??[]).map(w=>[w.contractAddress.toLowerCase(),w])),E=new Map;let B=0,g=0,F=0,R=0,W=0;for(const w of d){const M=w.contractAddress.toLowerCase(),k=h[`${w.contractAddress}-${w.blockchainItemId}`],$=w.remainingSupply<=0?"soldout":p!=null&&p.has(M)?"unknown":k!=null&&k.isOnSale?k.manaWei?"classic":"discounted":"unlisted";$==="soldout"?R+=1:$==="unlisted"?W+=1:$==="classic"?F+=1:$==="discounted"&&(g+=1);const P=E.get(M)??{contractAddress:M,collectionId:w.collectionId,name:w.collectionName,items:[],listed:0,classic:0,soldOut:0,sold:0,earningsWei:0n,earningsUsd:null,createdAt:null,trend:[],claimed:0,runTotal:0,exhausted:!1},T=z.get(`${M}-${w.blockchainItemId}`)??0;P.items.push({key:`${M}-${w.blockchainItemId}`,itemId:w.blockchainItemId,name:w.name,thumbnail:w.thumbnail,rarity:w.rarity,left:w.remainingSupply,minted:w.totalSupply,sold:T,earnedWei:f.get(`${M}-${w.blockchainItemId}`)??0n,lifetimeSold:I.get(`${M}-${w.blockchainItemId}`)??null,priceCredits:(k==null?void 0:k.priceCredits)??null,manaWei:(k==null?void 0:k.manaWei)??null,createdAt:w.createdAt??null,state:$}),P.sold+=T,P.claimed+=w.totalSupply,P.runTotal+=w.totalSupply+w.remainingSupply,B+=T,w.createdAt&&(P.createdAt==null||w.createdAt>P.createdAt)&&(P.createdAt=w.createdAt),$==="soldout"?P.soldOut+=1:$==="classic"?P.classic+=1:$==="discounted"&&(P.listed+=1),E.set(M,P)}for(const[w,M]of E){const k=j.get(w)??[],$=_.get(w);M.earningsWei=$?G($.earnedWei):k.reduce((P,T)=>P+G(T.price),0n),$&&(M.sold=$.sold),M.earningsUsd=($==null?void 0:$.earnedUsd)!=null?Number($.earnedUsd):null,M.trend=Pr(k,L,x),M.exhausted=M.items.length>0&&M.soldOut===M.items.length,M.items.sort((P,T)=>T.sold-P.sold||P.name.localeCompare(T.name))}const le=[...E.values()].reduce((w,M)=>w+M.sold,0);return{collections:[...E.values()].sort((w,M)=>M.sold-w.sold||w.name.localeCompare(M.name)),sold:(a==null?void 0:a.total)??n,mints:(a==null?void 0:a.mints)??l,resales:a?a.resales:n-l,earningsWei:a?G(a.earnedWei):t.reduce((w,M)=>w+G(M.price),0n),earningsUsd:(a==null?void 0:a.earnedUsd)!=null?Number(a.earnedUsd):null,unpricedSales:(a==null?void 0:a.unpricedSales)??0,partial:a?!1:s,breakdownPartial:s,fetched:t.length,unattributed:a?a.total-le:t.length-B,trendDays:L,unknownCollections:[...E.keys()].filter(w=>p==null?void 0:p.has(w)).length,royalties:a?{resales:a.royalties.resales,volumeWei:G(a.royalties.volumeWei),paidWei:a.royalties.royaltiesWei!=null?G(a.royalties.royaltiesWei):null}:null,listed:g,neverListed:W,classic:F,soldOut:R}}const zo="shop.my-store.currency";function Rr(t){return new Date(t).toISOString().slice(0,10)}async function Dr(t,n){var d;const s=new URLSearchParams({from:String(Math.max(0,Math.floor(t))),to:String(Math.floor(n))}),l=await fetch(`${me.marketplaceServerUrl}/v1/rates/mana-usd?${s.toString()}`);if(!l.ok)throw await((d=l.body)==null?void 0:d.cancel()),new Error(`fetchManaUsdRates ${l.status}`);const{data:a}=await l.json();return new Map((a??[]).map(h=>[h.day,Number(h.usd)]).filter(([,h])=>Number.isFinite(h)&&h>0))}function dn(t,n){return Number(t/10n**12n)/1e6*n}function et(t,n){const s=n.get(Rr(t.timestamp));return s===void 0?null:dn(G(t.price),s)}function qn(t,n,s){const l=new Map;let a=0;for(const d of t){const h=s(d);if(h===null)continue;const p=et(d,n);if(p===null){a+=1;continue}l.set(h,(l.get(h)??0)+p)}return{totals:l,unpriced:a}}function Oo(t,n){return t>=100?Math.round(t).toLocaleString(n):t.toLocaleString(n,{minimumFractionDigits:2,maximumFractionDigits:2})}function zr(){try{return localStorage.getItem(zo)==="usd"?"usd":"mana"}catch{return"mana"}}function Or(t){try{localStorage.setItem(zo,t)}catch{}}const un=864e5,Fr=["7d","30d","90d","year","all","custom"],Nr={"7d":7,"30d":30,"90d":90};function Et(t){const n=new Date(t);return n.setHours(0,0,0,0),n.getTime()}function Br(t){const n=new Date(t);return n.setHours(23,59,59,999),n.getTime()}function Ur(t,n){const s=Br(t.key==="custom"&&t.to!=null?Math.min(t.to,n):n);if(t.key==="all")return{from:void 0,to:s,days:null};let l;return t.key==="custom"&&t.from!=null?l=Et(Math.min(t.from,s)):t.key==="year"?l=Et(new Date(new Date(s).getFullYear(),0,1).getTime()):l=No(Et(s),-((Nr[t.key]??30)-1)),{from:l,to:s,days:Math.max(1,Math.round((s+1-l)/un))}}function Fo(t,n){if(t.from==null||n==="none")return null;if(n==="year")return{from:Hn(t.from),to:Hn(t.to)};const s=t.days??Math.max(1,Math.round((t.to+1-t.from)/un));return{from:No(t.from,-s),to:t.from-1}}function No(t,n){const s=new Date(t);return s.setDate(s.getDate()+n),s.getTime()}function Hn(t){const n=new Date(t);return n.getMonth()===1&&n.getDate()===29&&n.setDate(28),n.setFullYear(n.getFullYear()-1),n.getTime()}function qr(t,n){const s=(n-t)/un;return s<=62?"day":s<=400?"week":"month"}function Kn(t,n,s){const l=[],a=new Date(Et(t));for(s==="month"&&a.setDate(1);a.getTime()<=n;)l.push(a.getTime()),s==="day"?a.setDate(a.getDate()+1):s==="week"?a.setDate(a.getDate()+7):a.setMonth(a.getMonth()+1);return l}function Yn(t,n,s,l){const a=n.map(d=>({start:d,sales:0,earnedWei:0n,earnedUsd:0,unpriced:0}));if(a.length===0)return a;for(const d of t){if(d.timestamp<n[0]||d.timestamp>s)continue;let h=0,p=n.length-1;for(;h<p;){const x=h+p+1>>1;n[x]<=d.timestamp?h=x:p=x-1}const y=h;if(a[y].sales+=1,a[y].earnedWei+=G(d.price),l){const x=et(d,l);x===null?a[y].unpriced+=1:a[y].earnedUsd+=x}}return a}const Hr=new Map,Kr=[],Yr=6e3;function Gr(t,n){var le,w,M;const s=t==null?void 0:t.address,{days:l,from:a,to:d}=n,h=[a??null,d],p=J({queryKey:["store-sales",s,...h],enabled:!!s,queryFn:()=>Ro({seller:s,from:a,to:d})}),y=J({queryKey:["store-summary",s,...h],enabled:!!s,queryFn:()=>Un({seller:s,from:a,to:d})}),x=Fo(n,"previous"),z=x==null?void 0:x.from,f=x==null?void 0:x.to,j=J({queryKey:["store-summary-previous",s,...h],enabled:!!s&&z!==void 0,queryFn:()=>Un({seller:s,from:z,to:f})}),C=J({queryKey:["store-mints",s,...h],enabled:!!s,queryFn:()=>Sr({seller:s,from:a,to:d,type:"mint"})}),U=J({queryKey:["store-catalogue",s],enabled:!!s&&!!t,queryFn:()=>Ks(s,t.identity,{includeSoldOut:!0})}),L=J({queryKey:["store-public-catalogue",s],enabled:!!s&&!!t,queryFn:()=>Promise.race([Lr(s),new Promise((k,$)=>setTimeout(()=>$(new Error("public catalogue timed out")),Yr))]).catch(k=>(Wo(k,{flow:"my_store",step:"public_catalogue"}),[]))}),I=u.useMemo(()=>U.data?L.isPending?{data:void 0}:{data:Wr(U.data,L.data??[])}:{data:void 0},[U.data,L.isPending,L.data]),_=u.useMemo(()=>[...new Set((I.data??[]).map(k=>k.contractAddress))],[I.data]),E=J({queryKey:["store-sale-state",s,_],enabled:_.length>0,queryFn:async()=>{const k=await Promise.allSettled(_.map(T=>Ms(T))),$={},P=new Set;return k.forEach((T,H)=>{const V=_[H];if(T.status==="rejected"){P.add(V.toLowerCase());return}for(const[Q,v]of Object.entries(T.value))$[`${V}-${Q}`]=v}),{states:$,unreadable:P}}}),B=J({queryKey:["store-saves",_,(I.data??[]).length],enabled:(I.data??[]).length>0,queryFn:async()=>{const k=(I.data??[]).map(T=>`${T.contractAddress.toLowerCase()}-${T.blockchainItemId}`),$=await Promise.allSettled(k.map(async T=>[T,(await As(T)).count])),P=new Map;for(const T of $)T.status==="fulfilled"&&P.set(T.value[0],T.value[1]);return P}}),g=u.useMemo(()=>{var k,$,P,T,H;return I.data?Er({rows:((k=p.data)==null?void 0:k.rows)??[],total:(($=p.data)==null?void 0:$.total)??0,truncated:!!((P=p.data)!=null&&P.truncated),mints:C.data??0,summary:y.data??null,catalogue:I.data,saleState:((T=E.data)==null?void 0:T.states)??{},unreadable:(H=E.data)==null?void 0:H.unreadable,days:l,now:d}):null},[I.data,p.data,C.data,y.data,E.data,l,d]),F=u.useMemo(()=>{var k;return Xs(U.data??[],(k=E.data)==null?void 0:k.states)},[U.data,E.data]),R=u.useMemo(()=>{var H,V,Q;const k=Cr(((H=p.data)==null?void 0:H.rows)??[]),$=Mr(((V=p.data)==null?void 0:V.rows)??[]),P=Ar(((Q=p.data)==null?void 0:Q.rows)??[],d),T=j.data;return{collectors:k,buyers:$,quietDays:P,sold:T&&y.data?ln(y.data.total,T.total):null,earnings:T&&y.data?vr(G(y.data.earnedWei),G(T.earnedWei)):null,royalties:T&&y.data?ln(y.data.royalties.resales,T.royalties.resales):null}},[p.data,y.data,j.data,d]),W=B.data??Hr;return{stats:g,trend:R,savesByKey:W,saleable:F,sales:{rows:((le=p.data)==null?void 0:le.rows)??Kr,truncated:!!((w=p.data)!=null&&w.truncated),isFetching:p.isFetching},previousEarnedUsd:((M=j.data)==null?void 0:M.earnedUsd)!=null?Number(j.data.earnedUsd):null,isLoading:U.isLoading||L.isLoading||p.isLoading||y.isLoading,error:U.error??p.error??null}}const Vr=c.span`
+  display: inline-flex;
+  align-items: center;
+  cursor: help;
+  /* The glyph sits tight against its own box, so the figure beside it needs the gap from here. */
+  margin-right: 3px;
+
+  img {
+    width: 1em;
+    height: 1em;
+    vertical-align: -0.125em;
+  }
+`;function he({kind:t,className:n}){const s=t==="mana"?i("currency.polygonMana"):i("currency.credits");return e.jsx(Tt,{content:s,children:e.jsx(Vr,{className:n,"aria-label":s,role:"img","data-kind":t,children:t==="mana"?e.jsx("img",{src:nr,alt:"","aria-hidden":!0}):e.jsx(Is,{className:"ccy-mark"})})})}const Qr=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+`,Xr=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.softWhite};
+`,Gn=c.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+`,Vn=c.span`
+  width: 16px;
+  height: 2px;
+  border-radius: 1px;
+`,Zr=c.div`
+  position: relative;
+  width: 100%;
+  touch-action: pan-y;
+  border-radius: 8px;
+
+  &:focus-visible {
+    outline: 2px solid ${o.colors.softWhite};
+    outline-offset: 4px;
+  }
+
+  svg {
+    display: block;
+  }
+
+  .tick {
+    fill: rgba(255, 255, 255, 0.6);
+    font-family: ${o.font.sans};
+    font-size: 11px;
+    font-variant-numeric: tabular-nums;
+  }
+
+  /* A surface-coloured ring keeps the marker legible where it crosses the other line. */
+  .dot {
+    stroke: ${o.colors.blackBtn};
+    stroke-width: 2;
+  }
+`,Jr=c.div`
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  background: ${o.colors.blackBtn};
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
+  color: ${o.colors.softWhite};
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  white-space: nowrap;
+  pointer-events: none;
+`,Qn=c.span`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  b {
+    font-weight: 700;
+    font-variant-numeric: tabular-nums;
+  }
+
+  span {
+    color: rgba(255, 255, 255, 0.65);
+  }
+`,Xn=c.span`
+  width: 12px;
+  height: 2px;
+  border-radius: 1px;
+`,ea=c.div`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+`,Gt=240,ae={top:12,right:12,bottom:28,left:48};function ta(t,n,s=4){if(t<=0)return[0,1];const l=t/s,a=10**Math.floor(Math.log10(l)),d=[1,2,5,10].map(x=>x*a).find(x=>x>=l)??l,h=n?Math.max(1,d):d,p=Math.ceil(t/h)*h,y=[];for(let x=0;x<=p+h/2;x+=h)y.push(Number(x.toFixed(6)));return y}function na({current:t,comparison:n,formatValue:s,formatStart:l,formatTick:a,wholeValues:d,ariaLabel:h,roleDescription:p,dateLabel:y}){const x=u.useRef(null),[z,f]=u.useState(640),[j,C]=u.useState(null),U=u.useId();u.useEffect(()=>{const v=x.current;if(!v||typeof ResizeObserver>"u")return;const N=new ResizeObserver(ce=>{var re;const ee=Math.round(((re=ce[0])==null?void 0:re.contentRect.width)??0);ee>0&&f(ee)});return N.observe(v),()=>N.disconnect()},[]);const L=t.values.length,I=j!=null&&j<L?j:null,_=Math.max(1,z-ae.left-ae.right),E=Gt-ae.top-ae.bottom,B=Math.max(0,...t.values,...(n==null?void 0:n.values)??[]),g=u.useMemo(()=>ta(B,!!d),[B,d]),F=g[g.length-1]||1,R=v=>ae.left+(L>1?v/(L-1)*_:_/2),W=v=>ae.top+E-v/F*E,le=v=>v.slice(0,L).map((N,ce)=>`${ce===0?"M":"L"}${R(ce).toFixed(1)} ${W(N).toFixed(1)}`).join(" "),w=le(t.values),M=L>0?`${w} L${R(L-1).toFixed(1)} ${W(0)} L${R(0).toFixed(1)} ${W(0)} Z`:"",k=Math.max(1,Math.ceil(L/Math.max(2,Math.floor(_/110)))),$=[];for(let v=0;v<L;v+=k)$.push(v);L>0&&$[$.length-1]!==L-1&&($.length>1&&L-1-$[$.length-1]<k*.6&&$.pop(),$.push(L-1));const P=$.map(v=>({i:v,start:t.starts[v]}));function T(v){var ee;const N=(ee=x.current)==null?void 0:ee.getBoundingClientRect();if(!N||L===0)return 0;const ce=(v-N.left-ae.left)/_;return Math.min(L-1,Math.max(0,Math.round(ce*(L-1))))}function H(v){C(T(v.clientX))}function V(v){if(v.key!=="ArrowLeft"&&v.key!=="ArrowRight")return;v.preventDefault();const N=j??(v.key==="ArrowLeft"?L:-1);C(Math.min(L-1,Math.max(0,N+(v.key==="ArrowRight"?1:-1))))}const Q=I!=null?Math.min(Math.max(R(I),96),z-96):0;return e.jsxs(Qr,{children:[e.jsxs(Xr,{"aria-hidden":!0,children:[e.jsxs(Gn,{children:[e.jsx(Vn,{style:{background:o.colors.dclRed}}),t.label]}),n?e.jsxs(Gn,{children:[e.jsx(Vn,{style:{background:o.colors.chartCompare}}),n.label]}):null]}),e.jsxs(Zr,{ref:x,tabIndex:0,role:"group","aria-roledescription":p,"aria-label":h,onPointerMove:H,onPointerDown:H,onPointerLeave:v=>{v.pointerType==="mouse"&&C(null)},onKeyDown:V,onBlur:()=>C(null),"data-testid":"store-chart",children:[e.jsxs("svg",{width:z,height:Gt,"aria-hidden":!0,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:U,x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0",stopColor:o.colors.dclRed,stopOpacity:"0.18"}),e.jsx("stop",{offset:"1",stopColor:o.colors.dclRed,stopOpacity:"0"})]})}),g.map(v=>e.jsxs("g",{children:[e.jsx("line",{x1:ae.left,x2:z-ae.right,y1:W(v),y2:W(v),stroke:o.colors.cardLine}),e.jsx("text",{x:ae.left-8,y:W(v),dy:"0.32em",textAnchor:"end",className:"tick",children:s(v)})]},v)),P.map(({i:v,start:N})=>e.jsx("text",{x:R(v),y:Gt-8,textAnchor:v===0?"start":v===L-1?"end":"middle",className:"tick",children:(a??l)(N)},N)),n?e.jsx("path",{d:le(n.values),fill:"none",stroke:o.colors.chartCompare,strokeWidth:"2",strokeLinejoin:"round",strokeLinecap:"round"}):null,e.jsx("path",{d:M,fill:`url(#${U})`}),e.jsx("path",{d:w,fill:"none",stroke:o.colors.dclRed,strokeWidth:"2",strokeLinejoin:"round",strokeLinecap:"round"}),I!=null?e.jsxs("g",{children:[e.jsx("line",{x1:R(I),x2:R(I),y1:ae.top,y2:ae.top+E,stroke:o.colors.softWhite,strokeOpacity:"0.5"}),n&&n.values[I]!=null?e.jsx("circle",{cx:R(I),cy:W(n.values[I]),r:"4",fill:o.colors.chartCompare,className:"dot"}):null,e.jsx("circle",{cx:R(I),cy:W(t.values[I]??0),r:"4",fill:o.colors.dclRed,className:"dot"})]}):null]}),I!=null?e.jsxs(Jr,{style:{left:Q},"data-testid":"store-chart-tip",children:[e.jsxs(Qn,{children:[e.jsx(Xn,{style:{background:o.colors.dclRed}}),e.jsx("b",{children:s(t.values[I]??0)}),e.jsx("span",{children:l(t.starts[I])})]}),n&&n.starts[I]!=null?e.jsxs(Qn,{children:[e.jsx(Xn,{style:{background:o.colors.chartCompare}}),e.jsx("b",{children:s(n.values[I]??0)}),e.jsx("span",{children:l(n.starts[I])})]}):null]}):null]}),e.jsx(ea,{children:e.jsxs("table",{children:[e.jsx("caption",{children:h}),e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:y}),e.jsx("th",{scope:"col",children:t.label}),n?e.jsx("th",{scope:"col",children:n.label}):null]})}),e.jsx("tbody",{children:t.starts.map((v,N)=>e.jsxs("tr",{children:[e.jsx("th",{scope:"row",children:l(v)}),e.jsx("td",{children:s(t.values[N]??0)}),n?e.jsx("td",{children:s(n.values[N]??0)}):null]},v))})]})})]})}const oa=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px 16px;
+`,sa=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+
+  ${o.media.maxWidth("mobile")} {
+    justify-content: flex-start;
+  }
+`,ra=c.div`
+  display: flex;
+  gap: 4px;
+  padding: 4px;
+  border-radius: ${o.radius.pill};
+  background: rgba(0, 0, 0, 0.22);
+`,aa=c.button`
+  border: 0;
+  cursor: pointer;
+  min-height: 32px;
+  padding: 6px 14px;
+  border-radius: ${o.radius.pill};
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  font-weight: 600;
+  color: rgba(252, 252, 252, 0.62);
+  background: transparent;
+
+  &:hover {
+    color: ${o.colors.softWhite};
+  }
+  &[aria-pressed='true'] {
+    background: ${o.colors.softWhite};
+    color: ${o.colors.text};
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.softWhite};
+    outline-offset: 2px;
+  }
+`,Vt=c(Eo)`
+  > button {
+    gap: 16px;
+    height: 40px;
+    padding: 4px 4px 4px 12px;
+    background: transparent;
+    border: 0.5px solid ${o.colors.white};
+    border-radius: ${o.radius.btn};
+    color: ${o.colors.white};
+    font-size: 12px;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0;
+  }
+  > button:hover {
+    border-color: ${o.colors.softWhite};
+    background: ${o.colors.glassFaint};
+  }
+  > button .ico {
+    color: ${o.colors.softWhite} !important;
+  }
+`,ia=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+  font-family: ${o.font.sans};
+`,Zn=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+
+  b {
+    font-size: 22px;
+    font-weight: 700;
+    color: ${o.colors.white};
+  }
+  span {
+    font-size: 12px;
+    color: ${o.colors.gray4};
+  }
+  small {
+    font-size: 13px;
+    font-weight: 600;
+  }
+  /* The tiles' own delta colours, so a rise reads the same wherever it is shown. */
+  small[data-dir='up'] {
+    color: ${o.colors.successBorder};
+  }
+  small[data-dir='down'] {
+    color: #ff6b6b;
+  }
+`,gt=c.p`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.gray4};
+`,la=c.div`
+  transition: opacity 0.15s ease;
+
+  &[data-fetching] {
+    opacity: 0.55;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+`,ca=864e5;function Jn(t){return Number(t/10n**14n)/1e4}function eo(t,n,s){return t.filter(l=>(n==="all"||l.contractAddress.toLowerCase()===n)&&(s==="all"||l.itemId===s))}function da(t){return t>=10?Math.round(t).toLocaleString(ye()):t.toFixed(2)}const to=new Map;function Bo(t){const n=ye(),s=`${n}|${JSON.stringify(t)}`;let l=to.get(s);return l||(l=new Intl.DateTimeFormat(n,t),to.set(s,l)),l}function no(t,n,s){const l=n==="month"?{month:"short",year:"numeric"}:{month:"short",day:"numeric"};return s&&n!=="month"&&(l.year="numeric"),Bo(l).format(t)}function Qt(t,n){const s=Bo({month:"short",day:"numeric",year:"numeric"});return`${s.format(t)} – ${s.format(n)}`}function ha({address:t,range:n,rows:s,truncated:l,fetching:a,collections:d,onTrack:h,comparisonRows:p,currency:y,rateBook:x,heading:z}){var We;const[f,j]=u.useState("sales"),[C,U]=u.useState("previous"),[L,I]=u.useState("all"),[_,E]=u.useState("all"),B=L!=="all"?d.find(S=>S.contractAddress.toLowerCase()===L):d.length===1?d[0]:void 0,g=B?B.contractAddress.toLowerCase():"all",F=n.from==null?"none":C,R=u.useMemo(()=>{if(n.from!=null)return n.from;const S=s.reduce((ne,pe)=>Math.min(ne,pe.timestamp),n.to);return Math.min(S,n.to-29*ca)},[n,s]),W=Fo(n,F),le=J({queryKey:["store-sales-compare",t,(W==null?void 0:W.from)??null,(W==null?void 0:W.to)??null],enabled:!!t&&!!W&&!p,placeholderData:S=>S,queryFn:()=>Ro({seller:t,from:W.from,to:W.to})}),M=u.useMemo(()=>p?{data:{rows:p,truncated:!1},isFetching:!1}:null,[p])??le,k=qr(R,n.to),$=u.useMemo(()=>{const S=Kn(R,n.to,k);return Yn(eo(s,g,_),S,n.to,x)},[s,R,n.to,k,g,_,x]),P=W==null?void 0:W.from,T=W==null?void 0:W.to,H=u.useMemo(()=>{if(P==null||T==null||!M.data)return null;const S=Kn(P,T,k).slice(0,$.length);return Yn(eo(M.data.rows,g,_),S,T,x)},[P,T,M.data,k,$.length,g,_,x]),V=y==="usd",Q=S=>f==="sales"?S.sales:V?S.earnedUsd:Jn(S.earnedWei),v=S=>f==="sales"?S.reduce((ne,pe)=>ne+pe.sales,0):V?S.reduce((ne,pe)=>ne+pe.earnedUsd,0):Jn(S.reduce((ne,pe)=>ne+pe.earnedWei,0n)),N=S=>f==="sales"?Math.round(S).toLocaleString(ye()):V?`$${Number.isInteger(S)?S.toLocaleString(ye()):Oo(S,ye())}`:da(S),ce=f==="earnings"&&V?[...$,...H??[]].reduce((S,ne)=>S+ne.unpriced,0):0,ee=v($),re=H?v(H):null,de=re!=null&&re>0?Math.round((ee-re)/re*100):null,Ft=l||!!((We=M.data)!=null&&We.truncated),Le=$.some(S=>S.sales>0)||((H==null?void 0:H.some(S=>S.sales>0))??!1),st=[{value:"previous",label:i("myStore.chart.comparePrevious")},{value:"year",label:i("myStore.chart.compareYear")},{value:"none",label:i("myStore.chart.compareNone")}],fe=[{value:"all",label:i("myStore.chart.allCollections")},...d.map(S=>({value:S.contractAddress.toLowerCase(),label:S.name}))];return e.jsxs(e.Fragment,{children:[e.jsxs(oa,{children:[z,e.jsxs(sa,{children:[e.jsx(ra,{role:"group","aria-label":i("myStore.chart.metric"),children:["sales","earnings"].map(S=>e.jsx(aa,{type:"button","aria-pressed":f===S,onClick:()=>{h("Shop Changed Store Chart",{control:"metric",value:S}),j(S)},"data-testid":`store-chart-metric-${S}`,children:i(`myStore.chart.${S}`)},S))}),n.from!=null?e.jsx(Vt,{options:st,value:F,onChange:S=>{h("Shop Changed Store Chart",{control:"compare",value:S}),U(S)},ariaLabel:i("myStore.chart.compare"),className:"store-chart-compare"}):null,d.length>1?e.jsx(Vt,{options:fe,value:L,onChange:S=>{h("Shop Changed Store Chart",{control:"collection",value:S==="all"?"all":"one"}),I(S),E("all")},ariaLabel:i("myStore.chart.collection"),className:"store-chart-collection"}):null,B&&B.items.length>1?e.jsx(Vt,{options:[{value:"all",label:i("myStore.chart.allItems")},...B.items.map(S=>({value:S.itemId,label:S.name}))],value:_,onChange:S=>{h("Shop Changed Store Chart",{control:"item",value:S==="all"?"all":"one"}),E(S)},ariaLabel:i("myStore.chart.item"),className:"store-chart-item"}):null]})]}),e.jsxs(ia,{children:[e.jsxs(Zn,{"data-testid":"store-chart-total",children:[e.jsxs("b",{children:[f==="earnings"&&!V?e.jsx(he,{kind:"mana"}):null,N(ee)]}),e.jsx("span",{children:Qt(R,n.to)})]}),H&&W?e.jsxs(Zn,{"data-testid":"store-chart-previous",children:[e.jsxs("b",{children:[f==="earnings"&&!V?e.jsx(he,{kind:"mana"}):null,N(re??0),de!=null?e.jsxs("small",{"data-dir":de>=0?"up":"down",children:[" ",i("myStore.chart.change",{pct:`${de>0?"+":""}${de}`})]}):null]}),e.jsx("span",{children:Qt(W.from,W.to)})]}):null]}),e.jsx(la,{"data-fetching":a||M.isFetching?"":void 0,children:Le?e.jsx(na,{current:{label:i("myStore.chart.thisPeriod"),values:$.map(Q),starts:$.map(S=>S.start)},comparison:H?{label:F==="year"?i("myStore.chart.lastYear"):i("myStore.chart.previousPeriod"),values:H.map(Q),starts:H.map(S=>S.start)}:null,formatValue:N,formatStart:S=>no(S,k,F==="year"),formatTick:S=>no(S,k,!1),wholeValues:f==="sales",ariaLabel:i(f==="sales"?"myStore.chart.ariaSales":"myStore.chart.ariaEarnings",{span:Qt(R,n.to)}),dateLabel:i("myStore.chart.date"),roleDescription:i("myStore.chart.roleDescription")}):e.jsx(gt,{"data-testid":"store-chart-empty",children:i("myStore.chart.empty")})}),Ft?e.jsx(gt,{children:i("myStore.chart.partial")}):null,ce>0&&!a?e.jsx(gt,{children:i("myStore.chart.unpriced",{count:ce})}):null,k!=="day"?e.jsx(gt,{children:i(k==="week"?"myStore.chart.byWeek":"myStore.chart.byMonth")}):null]})}const pa=c.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+  text-align: inherit;
+  border: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  cursor: pointer;
+
+  &[data-align='right'] {
+    flex-direction: row-reverse;
+  }
+
+  &:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: 2px;
+    border-radius: 4px;
+  }
+
+  [data-testid='sort-header-chevron'] {
+    flex: none;
+    opacity: 0.35;
+    transition: opacity 0.15s;
+  }
+
+  &[data-dir] [data-testid='sort-header-chevron'],
+  &:hover [data-testid='sort-header-chevron'] {
+    opacity: 1;
+  }
+`;function Me({label:t,dir:n,onSort:s,align:l="left",testId:a}){return e.jsxs(pa,{type:"button",onClick:s,"data-dir":n,"data-align":l,"data-testid":a,"aria-label":typeof t=="string"?i(n==="asc"?"common.sortedAsc":n==="desc"?"common.sortedDesc":"common.sortColumn",{column:t}):void 0,children:[t,e.jsx(or,{up:n==="asc",size:12,"aria-hidden":!0,"data-testid":"sort-header-chevron"})]})}const yt=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,bt=c.span`
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  color: ${o.colors.text};
+`,oo=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+`,so=c.button`
+  min-height: 40px;
+  padding: 0 14px;
+  border-radius: ${o.radius.pill};
+  border: 1px solid rgba(22, 21, 24, 0.16);
+  background: ${o.colors.white};
+  color: ${o.colors.text};
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+
+  &[aria-pressed='true'] {
+    border-color: ${o.colors.accent};
+    background: ${o.colors.accent};
+    color: ${o.colors.white};
+  }
+  &:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.accent};
+    outline-offset: 2px;
+  }
+`,ua=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 208px;
+  overflow-y: auto;
+`,ma=c.button`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  min-height: 48px;
+  padding: 6px 10px;
+  border: 1px solid rgba(22, 21, 24, 0.12);
+  border-radius: 10px;
+  background: ${o.colors.white};
+  text-align: left;
+  cursor: pointer;
+  font-family: ${o.font.sans};
+  color: ${o.colors.text};
+
+  &[aria-pressed='true'] {
+    border-color: ${o.colors.accent};
+    box-shadow: inset 0 0 0 1px ${o.colors.accent};
+  }
+  &:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.accent};
+    outline-offset: 2px;
+  }
+
+  img {
+    width: 36px;
+    height: 36px;
+    border-radius: 6px;
+    object-fit: cover;
+    flex: none;
+  }
+`,fa=c.span`
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+
+  b {
+    font-size: 13px;
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  span {
+    font-size: 12px;
+    color: ${o.colors.muted};
+  }
+`,xa=c.ol`
+  margin: 0;
+  padding: 0 0 0 20px;
+  max-height: 160px;
+  overflow-y: auto;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: ${o.colors.text};
+
+  li {
+    padding: 3px 0;
+  }
+  li span {
+    color: ${o.colors.muted};
+  }
+  /* The dashboard drives the MANA mark white for its dark panels, and this modal opens inside it on white. */
+  [data-kind='mana'] img {
+    filter: none;
+  }
+`;function ga(t){let n;try{n=Number(BigInt(t)/10n**14n)/1e4}catch{return"0"}return n>=10?Math.round(n).toLocaleString():n.toFixed(2)}const ya=[5,10,25,ar],ba=["nfts","spent","recent"];function wa({creator:t,ownerCount:n,items:s,loadOwners:l,onContinue:a,onClose:d,onTrack:h}){const p=[...new Set(ya.map(g=>Math.min(g,n)))],[y,x]=u.useState(()=>Math.min(10,n)),[z,f]=u.useState("nfts"),[j,C]=u.useState(()=>s.find(g=>g.left>=Math.min(10,n))??null),U=u.useRef(null);u.useEffect(()=>{var F;(F=U.current)==null||F.focus();function g(R){R.key==="Escape"&&d()}return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[d]);const L=J({queryKey:["reward-recipients",t.toLowerCase(),y,z],queryFn:async()=>(await l(y,z)).filter(g=>g.address.toLowerCase()!==t.toLowerCase()),placeholderData:g=>g}),I=(L.data??[]).map(g=>g.address),_=J({queryKey:["reward-recipient-names",I],enabled:I.length>0,staleTime:5*6e4,queryFn:()=>_o(I)}),E=!!j&&j.left>=I.length,B=!!j&&E&&I.length>0&&!L.isFetching;return e.jsx(ir,{onClick:d,role:"presentation",children:e.jsxs(lr,{ref:U,tabIndex:-1,role:"dialog","aria-modal":"true","aria-label":i("reward.title"),onClick:g=>g.stopPropagation(),"data-testid":"reward-modal",children:[e.jsxs(cr,{children:[e.jsx(dr,{children:i("reward.title")}),e.jsx(hr,{onClick:d,"aria-label":i("sellModal.cancel"),children:e.jsx(te,{name:"close",className:"ico"})})]}),e.jsx(pr,{children:i("reward.subtitle")}),e.jsxs(yt,{children:[e.jsx(bt,{id:"reward-count",children:i("reward.howMany")}),e.jsx(oo,{role:"group","aria-labelledby":"reward-count",children:p.map(g=>e.jsx(so,{type:"button","aria-pressed":y===g,onClick:()=>x(g),"data-testid":`reward-count-${g}`,children:i("reward.topN",{count:g})},g))})]}),e.jsxs(yt,{children:[e.jsx(bt,{id:"reward-ranking",children:i("reward.rankedBy")}),e.jsx(oo,{role:"group","aria-labelledby":"reward-ranking",children:ba.map(g=>e.jsx(so,{type:"button","aria-pressed":z===g,onClick:()=>f(g),"data-testid":`reward-ranking-${g}`,children:i(`reward.ranking.${g}`)},g))})]}),e.jsxs(yt,{children:[e.jsx(bt,{id:"reward-item",children:i("reward.item")}),s.length===0?e.jsx(Bn,{children:i("reward.noItems")}):e.jsx(ua,{role:"group","aria-labelledby":"reward-item",children:s.map(g=>{const F=`${g.contractAddress}-${g.itemId}`;return e.jsxs(ma,{type:"button","aria-pressed":(j==null?void 0:j.contractAddress)===g.contractAddress&&j.itemId===g.itemId,disabled:g.left<y,onClick:()=>C(g),"data-testid":"reward-item",children:[g.thumbnail?e.jsx("img",{src:g.thumbnail,alt:"",loading:"lazy"}):null,e.jsxs(fa,{children:[e.jsx("b",{children:g.name}),e.jsx("span",{children:i("reward.itemLeft",{collection:g.collectionName,left:g.left})})]})]},F)})})]}),e.jsxs(yt,{children:[e.jsx(bt,{children:i("reward.recipients",{count:I.length})}),e.jsx(xa,{"data-testid":"reward-recipients",children:(L.data??[]).map(g=>{var R,W;const F=(W=(R=_.data)==null?void 0:R.get(g.address.toLowerCase()))==null?void 0:W.name;return e.jsxs("li",{children:[F?hn(F):To(g.address)," ",e.jsx("span",{children:z==="spent"?e.jsxs(e.Fragment,{children:["· ",e.jsx(he,{kind:"mana"}),ga(g.spentWei)]}):i("reward.heldLine",{count:g.nfts})})]},g.address)})})]}),j?e.jsx(Bn,{"data-testid":"reward-stock",children:E?i("reward.stock",{count:I.length,name:j.name,left:j.left}):i("reward.notEnough",{name:j.name,left:j.left})}):null,e.jsxs(ur,{children:[e.jsx(mr,{type:"button",onClick:d,children:i("sellModal.cancel")}),e.jsx(fr,{type:"button",disabled:!B,onClick:()=>{j&&(h("Shop Chose Store Reward",{recipients:I.length,ranking:z,contract_address:j.contractAddress}),a({item:j,recipients:I}))},"data-testid":"reward-continue",children:i("reward.continue")})]})]})})}const wt=380,St=220,ro="cubic-bezier(0.32, 0.72, 0, 1)",Sa="cubic-bezier(0.55, 0, 0.75, 0.2)",ao="0 0 0 0 rgba(0, 0, 0, 0)";function io(){return typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}function lo(t,n){const s=n.getBoundingClientRect(),l=t.getBoundingClientRect(),a=Math.min(parseFloat(getComputedStyle(n).borderTopLeftRadius)||0,s.height/2);return{transform:`translateY(${s.top-l.top}px)`,clipPath:`inset(0px ${l.right-s.right}px ${l.height-s.height}px ${s.left-l.left}px round ${a}px)`}}function co(t){return{transform:"none",clipPath:`inset(0px round ${getComputedStyle(t).borderTopLeftRadius})`}}function ja(t,n){const s=u.useRef(!1),l=u.useRef([]),a=u.useRef(null);return u.useLayoutEffect(()=>{const d=t.current,h=document.querySelector(n);if(!d||!h||typeof d.animate!="function"||io())return;const p=getComputedStyle(d).boxShadow,y=d.animate([lo(d,h),co(d)],{duration:wt,easing:ro}),x=d.animate([{boxShadow:ao},{boxShadow:p}],{duration:200,delay:wt,easing:"ease-out",fill:"backwards"}),z=[...d.children].map((f,j)=>f.animate([{opacity:0,transform:"translateY(-6px)"},{opacity:1,transform:"none"}],{duration:wt*.6,delay:wt*.18+j*30,easing:ro,fill:"backwards"}));return l.current=[y,x,...z],()=>[y,x,...z].forEach(f=>f.cancel())},[t,n]),u.useLayoutEffect(()=>()=>{const d=a.current;d&&(d.onfinish=null,d.cancel())},[]),u.useCallback(d=>{const h=t.current,p=document.querySelector(n);if(s.current)return;if(!h||!p||typeof h.animate!="function"||io())return d();s.current=!0,h.style.pointerEvents="none";const y=getComputedStyle(h),x={transform:y.transform,clipPath:y.clipPath,boxShadow:y.boxShadow},z=[...h.children].map(j=>{const C=getComputedStyle(j);return{opacity:C.opacity,transform:C.transform}});l.current.forEach(j=>j.cancel()),x.clipPath==="none"&&(x.clipPath=co(h).clipPath),h.animate([{boxShadow:x.boxShadow},{boxShadow:ao}],{duration:St*.4,fill:"forwards"}),[...h.children].forEach((j,C)=>j.animate([z[C],{opacity:0,transform:"translateY(-4px)"}],{duration:St*.45,easing:"ease-in",fill:"forwards"}));const f=h.animate([{transform:x.transform,clipPath:x.clipPath},lo(h,p)],{duration:St,delay:St*.15,easing:Sa,fill:"both"});a.current=f,f.onfinish=d},[t,n])}const ka=c.div`
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  max-width: calc(100vw - 32px);
+  background: ${o.colors.white};
+  border-radius: 12px;
+  box-shadow: 0 12px 32px rgba(22, 21, 24, 0.24);
+  overflow: hidden;
+
+  ${Ys}
+
+  .react-datepicker {
+    border: 0;
+    box-shadow: none;
+    border-radius: 0;
+    display: flex;
+    justify-content: center;
+  }
+  .react-datepicker__month-container + .react-datepicker__month-container {
+    border-left: 1px solid rgba(22, 21, 24, 0.1);
+  }
+  .react-datepicker__day {
+    width: 2rem;
+    line-height: 2rem;
+    margin: 0.1rem 0;
+    border-radius: 0;
+  }
+  .react-datepicker__day--in-range,
+  .react-datepicker__day--in-selecting-range {
+    background: rgba(105, 31, 169, 0.12);
+    color: ${o.colors.text};
+  }
+  .react-datepicker__day--range-start,
+  .react-datepicker__day--range-end,
+  .react-datepicker__day--selecting-range-start,
+  .react-datepicker__day--selected {
+    background: ${o.colors.accent};
+    color: ${o.colors.white};
+  }
+  .react-datepicker__day--range-start,
+  .react-datepicker__day--selecting-range-start {
+    border-radius: 8px 0 0 8px;
+  }
+  .react-datepicker__day--range-end {
+    border-radius: 0 8px 8px 0;
+  }
+  .react-datepicker__day--range-start.react-datepicker__day--range-end {
+    border-radius: 8px;
+  }
+  .react-datepicker__day--outside-month {
+    visibility: hidden;
+  }
+`,$a=c.div`
+  display: flex;
+
+  ${o.media.maxWidth("sm")} {
+    flex-direction: column;
+  }
+`,va=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  flex: none;
+  min-width: 132px;
+  padding: 10px 8px;
+  border-right: 1px solid rgba(22, 21, 24, 0.1);
+
+  ${o.media.maxWidth("sm")} {
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 6px;
+    min-width: 0;
+    border-right: 0;
+    border-bottom: 1px solid rgba(22, 21, 24, 0.1);
+  }
+`,Ca=c.button`
+  min-height: 36px;
+  padding: 0 12px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: ${o.colors.accent};
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  text-align: left;
+  white-space: nowrap;
+  cursor: pointer;
+
+  &:hover {
+    background: rgba(105, 31, 169, 0.08);
+  }
+  &[aria-pressed='true'] {
+    background: ${o.colors.accent};
+    color: ${o.colors.white};
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.accent};
+    outline-offset: 2px;
+  }
+
+  ${o.media.maxWidth("sm")} {
+    border: 1px solid rgba(105, 31, 169, 0.24);
+    border-radius: ${o.radius.pill};
+  }
+`,Ma=c.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 12px;
+  border-top: 1px solid rgba(22, 21, 24, 0.1);
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: ${o.colors.text};
+
+  ${o.media.maxWidth("mobile")} {
+    font-size: 12px;
+  }
+`,Aa=c.div`
+  display: flex;
+  gap: 8px;
+`,ho=c.button`
+  min-height: 36px;
+  padding: 0 14px;
+  border-radius: ${o.radius.btn};
+  border: 1px solid rgba(22, 21, 24, 0.16);
+  background: ${o.colors.white};
+  color: ${o.colors.text};
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+
+  &[data-variant='primary'] {
+    border-color: ${o.colors.accent};
+    background: ${o.colors.accent};
+    color: ${o.colors.white};
+  }
+  &:disabled {
+    opacity: 0.45;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.accent};
+    outline-offset: 2px;
+  }
+`,po=`(min-width: ${Ls.sm+1}px)`,Ia=new Date(2020,0,1);function La(){const[t,n]=u.useState(()=>{var s;return typeof window<"u"&&((s=window.matchMedia)==null?void 0:s.call(window,po).matches)});return u.useEffect(()=>{var a;const s=(a=window.matchMedia)==null?void 0:a.call(window,po);if(!s)return;const l=()=>n(s.matches);return s.addEventListener("change",l),()=>s.removeEventListener("change",l)},[]),!!t}function Wa(t,n){return n?new Date(t.getFullYear(),t.getMonth()-1,1):t}function Ta({from:t,to:n,max:s,presets:l,handle:a,onApply:d,onClose:h}){const[p,y]=u.useState(t!=null?new Date(t):null),[x,z]=u.useState(n!=null?new Date(n):null),f=u.useRef(null),j=La(),C=ja(f,"[data-range-trigger]"),U=u.useCallback(()=>C(h),[C,h]);u.useImperativeHandle(a,()=>({close:U}),[U]),u.useEffect(()=>{function _(B){var F,R;const g=B.target;(F=f.current)!=null&&F.contains(g)||(R=g.closest)!=null&&R.call(g,"[data-range-trigger]")||U()}function E(B){if(B.key==="Escape"&&U(),B.key!=="Tab"||!f.current)return;const g=[...f.current.querySelectorAll('button:not([disabled]), [tabindex="0"]')];if(g.length===0)return;const F=g[0],R=g[g.length-1];B.shiftKey&&document.activeElement===F?(B.preventDefault(),R.focus()):!B.shiftKey&&document.activeElement===R&&(B.preventDefault(),F.focus())}return document.addEventListener("pointerdown",_),document.addEventListener("keydown",E),()=>{document.removeEventListener("pointerdown",_),document.removeEventListener("keydown",E)}},[U]),u.useEffect(()=>{var g;const _=f.current,E=document.activeElement;return(g=(_==null?void 0:_.querySelector('.react-datepicker__day[tabindex="0"]'))??_)==null||g.focus(),()=>{var W;const F=document.activeElement;if(F&&F!==document.body&&!(_!=null&&_.contains(F)))return;const R=document.querySelector("[data-range-trigger]");(W=E!=null&&E.isConnected&&E.matches("[data-range-trigger]")?E:R)==null||W.focus()}},[]);const L=new Intl.DateTimeFormat(ye(),{month:"short",day:"numeric",year:"numeric"}),I=p?x?`${L.format(p)} – ${L.format(x)}`:i("myStore.rangePickEnd",{from:L.format(p)}):i("myStore.rangePickStart");return e.jsxs(ka,{ref:f,role:"dialog","aria-modal":"true","aria-label":i("myStore.period"),tabIndex:-1,"data-testid":"store-range-picker",children:[e.jsxs($a,{children:[l!=null&&l.length?e.jsx(va,{role:"group","aria-label":i("myStore.period"),children:l.map(_=>e.jsx(Ca,{type:"button","aria-pressed":_.active,onClick:()=>C(_.onPick),"data-testid":`store-period-${_.key}`,children:_.label},_.key))}):null,e.jsx(Gs,{inline:!0,selectsRange:!0,startDate:p,endDate:x,onChange:([_,E])=>{y(_),z(E)},maxDate:new Date(s),minDate:Ia,monthsShown:j?2:1,openToDate:Wa(x??p??new Date(s),j),calendarStartDay:1})]}),e.jsxs(Ma,{children:[e.jsx("span",{"data-testid":"store-range-summary",children:I}),e.jsxs(Aa,{children:[e.jsx(ho,{type:"button",onClick:U,children:i("myStore.rangeCancel")}),e.jsx(ho,{type:"button","data-variant":"primary",disabled:!p||!x,onClick:()=>p&&x&&C(()=>d(p.getTime(),x.getTime())),"data-testid":"store-range-apply",children:i("myStore.rangeApply")})]})]})]})}function jt(t,n,s){return(t==null?void 0:t.key)===n?{key:n,dir:t.dir==="asc"?"desc":"asc"}:{key:n,dir:s}}function Je(t,n,s){const l=s==="asc"?1:-1;return t.map((a,d)=>({row:a,index:d,v:n(a)})).sort((a,d)=>{const h=a.v==null,p=d.v==null;return h||p?h===p?a.index-d.index:h?1:-1:l*_a(a.v,d.v)||a.index-d.index}).map(a=>a.row)}function _a(t,n){return typeof t=="string"&&typeof n=="string"?t.localeCompare(n,void 0,{sensitivity:"base"}):t===n?0:t<n?-1:1}const Pa=7;function Ea(t,n){if(n<=Pa)return Array.from({length:n},(a,d)=>d);const s=n-1,l=Math.min(Math.max(0,t),s);return l<=3?[0,1,2,3,4,"gap",s]:l>=s-3?[0,"gap",s-4,s-3,s-2,s-1,s]:[0,"gap",l-1,l,l+1,"gap",s]}class Rt extends Error{constructor(){super("fetchTopOwners 503"),this.name="TopOwnersUnavailableError"}}class Uo extends Error{constructor(n){super(`fetchTopOwners ${n}`),this.status=n,this.name="TopOwnersReadError"}}async function uo(t,{sortBy:n,orderDirection:s,first:l,skip:a}){var y;const d=new URLSearchParams({creator:t,first:String(l),skip:String(a)});n&&d.set("sortBy",n),s&&d.set("orderDirection",s);const h=await fetch(`${me.marketplaceServerUrl}/v1/owners/top?${d.toString()}`);if(!h.ok)throw await((y=h.body)==null?void 0:y.cancel()),h.status===503?new Rt:new Uo(h.status);const p=await h.json();return{data:p.data??[],total:p.total??0}}const be=864e5,mn=.093,ie=Date.now(),Ra=(t,n,s,l,a)=>({key:`0xmock${t}-${t}`,itemId:String(t),name:n,thumbnail:"",rarity:["epic","legendary","rare","mythic","unique"][t%5],left:l-s,minted:s,sold:Math.round(s/6),earnedWei:BigInt(Math.round(s/6)*(3+t%5))*10n**18n,lifetimeSold:s,priceCredits:a==="classic"?null:20+t*5,manaWei:a==="classic"?"5000000000000000000":null,createdAt:ie-t*11*be,state:a}),Da=[[0,1,1,2,3,3,5,6,8,9,11,13,16,21],[2,9,1,0,7,2,11,1,0,6,14,2,8,3],[18,16,14,11,9,8,6,5,3,2,2,1,1,0],[0,0,0,0,0,0,0,0,0,0,0,0,0,0]],za=[{name:"Neon Runners",items:[["Neon Runner Boots",340,1e3,"discounted"],["Neon Runner Jacket",210,1e3,"discounted"],["Neon Runner Visor",95,1e3,"discounted"]],trend:0,earnings:1840,sold:128},{name:"Founders Edition",items:[["Founders Cloak",1,1,"soldout"],["Founders Crown",1,1,"soldout"]],trend:3,earnings:0,sold:0},{name:"Midnight Capsule",items:[["Midnight Scarf",0,500,"unlisted"],["Midnight Mittens",0,500,"unlisted"],["Midnight Parka",0,500,"unlisted"]],trend:3,earnings:0,sold:0},{name:"Classic Collection",items:[["Classic Tee",60,200,"classic"],["Classic Cap",44,200,"classic"]],trend:2,earnings:310,sold:12},{name:"Summer Drop",items:[["Summer Shades",480,1e3,"discounted"],["Summer Sandals",300,1e3,"discounted"]],trend:1,earnings:920,sold:71},{name:"Studio Basics",items:[["Studio Hoodie",12,100,"unknown"]],trend:3,earnings:0,sold:0}];function Oa(t,n){const s=t.items.map(([a,d,h,p],y)=>Ra(n*10+y,a,d,h,p)),l=s.reduce((a,d)=>a+d.minted,0);return{contractAddress:`0xmock${n.toString().padStart(36,"0")}`,collectionId:`mock-${n}`,name:t.name,items:s,listed:s.filter(a=>a.state==="discounted").length,classic:s.filter(a=>a.state==="classic").length,soldOut:s.filter(a=>a.state==="soldout").length,sold:t.sold,earningsWei:BigInt(t.earnings)*10n**18n,earningsUsd:t.earnings*mn,createdAt:ie-n*30*be,trend:Da[t.trend],claimed:l,runTotal:s.reduce((a,d)=>a+d.minted+d.left,0),exhausted:s.length>0&&s.every(a=>a.state==="soldout")}}const fn=(()=>{const t=za.map(Oa);return{collections:t,sold:211,mints:198,resales:13,earningsWei:3070n*10n**18n,earningsUsd:3070*mn,unpricedSales:0,partial:!1,breakdownPartial:!1,fetched:211,unattributed:6,trendDays:30,unknownCollections:1,royalties:{resales:41,volumeWei:2140n*10n**18n,paidWei:5350n*10n**16n},listed:t.reduce((n,s)=>n+s.listed,0),neverListed:t.reduce((n,s)=>n+s.items.filter(l=>l.state==="unlisted").length,0),classic:t.reduce((n,s)=>n+s.classic,0),soldOut:t.reduce((n,s)=>n+s.soldOut,0)}})(),Fa={total:74,repeat:29,repeatPct:39.19,topSharePct:21.3},Na=Array.from({length:12},(t,n)=>({address:`0x${(n+1).toString(16).repeat(40).slice(0,40)}`,bought:12-n,items:Math.max(1,8-n),collections:Math.max(1,5-Math.floor(n/2)),spentWei:BigInt(900-n*62)*10n**18n,lastAt:ie-(n+1)*9*36e5})),Ba=Array.from({length:23},(t,n)=>({address:`0x${(n+7).toString(16).padStart(2,"0").repeat(20)}`,nfts:Math.max(1,31-n*2+n%3),items:Math.max(1,12-n),collections:Math.max(1,6-Math.floor(n/3)),lastAcquiredAt:ie-n*7%23*be-n*36e5,spentWei:String(BigInt(n===5?2400:1200-n*45)*10n**18n)}));function mo(t,n,s){const l=h=>t.key==="items"?h.items:t.key==="collections"?h.collections:t.key==="recent"?h.lastAcquiredAt:t.key==="spent"?Number(BigInt(h.spentWei)/10n**18n):h.nfts,a=t.dir==="asc"?1:-1,d=[...Ba].sort((h,p)=>a*(l(h)-l(p))||p.nfts-h.nfts);return{data:d.slice(n*s,(n+1)*s),total:d.length}}const fo=(t,n,s,l,a,d)=>({id:`mock-coupon-${t}`,signer:"0xmockcreator0000000000000000000000000001",chainId:137,network:"MATIC",checks:{uses:50,expiration:ie+a,effective:ie-l,salt:`0x${t.toString().repeat(64).slice(0,64)}`,contractSignatureIndex:0,signerSignatureIndex:0,allowedRoot:"0x",externalChecks:[],allowedProof:[]},couponManager:"0x6c956587d9fe70032781edcdc626310648575382",couponAddress:"0x4ee8f6b87f4917a3bbc7c8bb3a06db8555f83db9",discountType:1,discount:s*1e4,root:`0x${"44".repeat(32)}`,collections:[n],signature:`0x${"cd".repeat(65)}`,proof:[],createdAt:ie-l,state:{uses:d,cancelled:!1,revoked:!1,checkedAt:ie},status:"active"}),Ua=[fo(1,`0xmock${"0".repeat(36)}`,25,3*be,3*be,18),fo(2,`0xmock${"1".padStart(36,"0")}`,15,12*36e5,9*be,0)],qa=new Map(fn.collections.flatMap(t=>t.items.map((n,s)=>[n.key,[41,3,128,0,17,6,92,1][s%8]]))),tt=fn.collections.flatMap(t=>t.items.map(n=>[t.contractAddress,n])),Ha=tt.slice(0,5).map(([t,n],s)=>({id:`mock-sale-${s}`,itemId:s===3?null:n.itemId,contractAddress:t,buyer:`0x${(s+3).toString(16).repeat(40).slice(0,40)}`,seller:"0xmockcreator0000000000000000000000000001",price:String(BigInt(40+s*17)*10n**18n),timestamp:ie-(s===0?8*6e4:s*19*36e5),type:s===3?"order":"mint",network:"MATIC",tokenId:s===3?"1042":null})),xo=(()=>{const t=[];let n=7;const s=()=>(n=n*16807%2147483647,n/2147483647);for(let l=0;l<730;l++){const a=ie-l*be,d=new Date(a).getMonth(),h=d>=5&&d<=7?.4:d>=8&&d<=10?1.8:1,p=Math.round(s()*4*h);for(let y=0;y<p;y++){const[x,z]=tt[Math.floor(s()*tt.length)];t.push({id:`mock-chart-${l}-${y}`,itemId:z.itemId,contractAddress:x,buyer:`0x${Math.floor(s()*16777215).toString(16).padStart(40,"0")}`,seller:"0xmockcreator0000000000000000000000000001",price:String(BigInt(5+Math.floor(s()*60))*10n**18n),timestamp:a-Math.floor(s()*be),type:"mint",network:"MATIC",tokenId:null})}}return t})(),Ka=(()=>{const t=new Map;for(let n=0;n<740;n++){const s=ie-n*be;t.set(new Date(s).toISOString().slice(0,10),mn*(1+.35*Math.sin(n/60)+n/1500))}return t})();function Ya(t,n){const s=Array.from({length:41},(a,d)=>{const[h,p]=tt[d*3%tt.length],y=BigInt(8+d*37%90)*10n**18n;return{id:`mock-royalty-${d}`,timestamp:ie-d*17*36e5-24e5,contractAddress:h,itemId:p.itemId,tokenId:String(100+d),priceWei:String(y),royaltyWei:String(y*25n/1000n),collector:"0xmockcreator0000000000000000000000000001",buyer:`0x${(d+20).toString(16).padStart(2,"0").repeat(20)}`,seller:`0x${(d+60).toString(16).padStart(2,"0").repeat(20)}`}}),l=s.reduce((a,d)=>a+BigInt(d.royaltyWei),0n);return{data:s.slice(t*n,(t+1)*n),total:s.length,royaltiesWei:String(l)}}const Ga=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 22px;
+
+  /* The credits mark is pinned near-black globally (Icon.css) so a coloured total never tints it. Every
+     surface on this page is dark, so the whole page opts out once rather than each panel in turn. */
+  .ccy-mark,
+  .ccy {
+    color: ${o.colors.softWhite};
+  }
+
+  /* MANA's mark is an image, not a masked glyph, so no colour reaches it: the token's own artwork is dark
+     and vanished into every panel on this page. Driven to white instead. */
+  [data-kind='mana'] img {
+    filter: brightness(0) invert(1);
+  }
+`,Va=c.header`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20px;
+  flex-wrap: wrap;
+  /* The rule that closes the identity block off from the figures under it. */
+  padding-bottom: 24px;
+  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
+`,Qa=c.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+`,Xa=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: 4px;
+  padding-bottom: 8px;
+  min-width: 0;
+`,Za=c.span`
+  flex: none;
+  display: block;
+  width: 84px;
+  height: 84px;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.22);
+  background-size: cover;
+  background-position: center top;
+  border: 2px solid rgba(252, 252, 252, 0.22);
+
+  ${o.media.maxWidth("mobile")} {
+    width: 56px;
+    height: 56px;
+  }
+`,Ja=c.p`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.6;
+  color: ${o.colors.softWhite};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+`,ei=c.h1`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 32px;
+  font-weight: 700;
+  line-height: 1.2;
+  letter-spacing: 0.46px;
+  color: ${o.colors.white};
+
+  ${o.media.maxWidth("mobile")} {
+    font-size: 26px;
+  }
+`,ti=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  min-width: 0;
+`,go=c.p`
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  line-height: 1;
+  color: ${o.colors.softWhite};
+`,ni=c.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 12px;
+
+  /* Two uppercase buttons that cannot shrink below their labels. On a phone they fit side by side in
+     Inter with a few pixels to spare, and in any wider fallback font they did not: the second one ran
+     15px off a 390px screen. Wrapping puts it on its own line instead. */
+  ${o.media.maxWidth("mobile")} {
+    justify-content: flex-start;
+    width: 100%;
+  }
+`,oi=c.a`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  height: 46px;
+  padding: 0 12px;
+  border-radius: ${o.radius.card};
+  color: ${o.colors.white};
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  text-decoration: underline;
+  white-space: nowrap;
+
+  &:hover {
+    color: ${o.colors.navViolet};
+  }
+  .ico {
+    width: 22px;
+    height: 22px;
+  }
+
+  ${o.media.maxWidth("mobile")} {
+    padding: 0 8px;
+  }
+`,si=c(nt)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  height: 46px;
+  padding: 0 24px;
+  border-radius: ${o.radius.card};
+  background: ${o.colors.overlay};
+  color: ${o.colors.white};
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  text-decoration: none;
+  white-space: nowrap;
+  transition: background 0.15s ease;
+
+  &:hover {
+    background: ${o.colors.overlayHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.softWhite};
+    outline-offset: 2px;
+  }
+  .ico {
+    width: 20px;
+    height: 20px;
+  }
+
+  ${o.media.maxWidth("mobile")} {
+    padding: 0 16px;
+  }
+`,ri=c.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: 12px;
+  padding-left: 12px;
+  border-left: 1px solid rgba(255, 255, 255, 0.3);
+`,ai=c.a`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: ${o.colors.softWhite};
+  transition: color 0.15s ease;
+
+  &:hover {
+    color: ${o.colors.navViolet};
+  }
+  .ico {
+    width: 15px;
+    height: 15px;
+  }
+`,ii=c.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+
+  ${o.media.maxWidth("sm")} {
+    position: relative;
+    z-index: 1;
+  }
+`,li=c.h2`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 1.2;
+  color: ${o.colors.white};
+`,ci=c.div`
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 8px;
+  max-width: 100%;
+`,di=c.div`
+  display: flex;
+  flex: none;
+  gap: 4px;
+  padding: 4px;
+  border-radius: ${o.radius.pill};
+  background: rgba(0, 0, 0, 0.22);
+
+  button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 40px;
+  }
+  /* The page drives the MANA mark white for its dark panels; on the selected, white pill it vanished. */
+  button[aria-pressed='true'] [data-kind='mana'] img {
+    filter: none;
+  }
+`,yo=c.p`
+  margin: -12px 0 0;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.gray4};
+  text-align: right;
+`,hi=c.span`
+  margin-right: 1px;
+  opacity: 0.8;
+`,pi=c.div`
+  /* Its own layer: the trigger and picker stack inside it, above the page and under the sticky nav. */
+  position: relative;
+  z-index: 1;
+  min-width: 0;
+  max-width: 100%;
+
+  /* On a phone the calendar spans the whole header rather than hanging off the trigger. */
+  ${o.media.maxWidth("sm")} {
+    position: static;
+
+    [data-testid='store-range-picker'] {
+      left: 0;
+      right: 0;
+    }
+  }
+`,ui=c.button`
+  /* Above the picker, which slides out from behind it. */
+  position: relative;
+  z-index: 2;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 40px;
+  min-width: 0;
+  max-width: 100%;
+  padding: 0 14px;
+  border: 0;
+  border-radius: ${o.radius.pill};
+  background: rgba(0, 0, 0, 0.22);
+  color: ${o.colors.softWhite};
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  white-space: nowrap;
+  cursor: pointer;
+
+  span:not(.ico) {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .ico {
+    transition: transform 0.2s ease;
+  }
+  .ico[data-open] {
+    transform: rotate(180deg);
+  }
+  &:hover {
+    background: rgba(0, 0, 0, 0.32);
+  }
+  /* Opaque while open: the picker slides out from behind it, and a see-through trigger would show it there. */
+  &[aria-expanded='true'] {
+    background: ${o.colors.softWhite};
+    color: ${o.colors.text};
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .ico {
+      transition: none;
+    }
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.softWhite};
+    outline-offset: 2px;
+  }
+`,mi=c.button`
+  flex: none;
+  white-space: nowrap;
+  border: 0;
+  cursor: pointer;
+  font-family: ${o.font.sans};
+  padding: 7px 15px;
+  border-radius: ${o.radius.pill};
+  font-size: 13px;
+  font-weight: 600;
+  color: rgba(252, 252, 252, 0.62);
+  background: transparent;
+  transition:
+    color 0.15s ease,
+    background 0.15s ease;
+
+  &:hover {
+    color: ${o.colors.softWhite};
+  }
+  &[aria-pressed='true'] {
+    background: ${o.colors.softWhite};
+    color: ${o.colors.text};
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.softWhite};
+    outline-offset: 2px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+`,qo=c.section`
+  display: grid;
+  /* Five tiles when the store has resales to report, four when it does not — auto-fit rather than a fixed
+     count so neither case leaves a hole. */
+  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
+  gap: 14px;
+
+  ${o.media.maxWidth("lg")} {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  ${o.media.maxWidth("mobile")} {
+    grid-template-columns: minmax(0, 1fr);
+  }
+`,Ie=c.div`
+  background: ${o.colors.overlay};
+  color: ${o.colors.softWhite};
+  border-radius: ${o.radius.modal};
+  padding: 12px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+  /* The credits mark is pinned near-black globally (Icon.css) so a coloured total never tints it. That
+     was chosen for a white card and disappears into this one. */
+  .ccy-mark,
+  .ccy {
+    color: ${o.colors.softWhite};
+  }
+`,_e=c.span`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 8px;
+  /* The tiles carrying a tooltip button stand 3px taller than the rest, and in a grid that is 3px of dead
+     space under every other card. Held to the taller of the two. */
+  min-height: 18px;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  color: ${o.colors.gray4};
+`,Pe=c.span`
+  /* Ahead of the label, as the design has it. Ordered rather than moved in the markup, because the mark is
+     the last child in every tile and reordering five sets of markup would buy nothing. */
+  order: -1;
+  font-size: 16px;
+  line-height: 1;
+  filter: saturate(0.9);
+`,Ee=c.span`
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+
+  /* The currency mark is a box, not a glyph with a baseline: sized to the digits' cap height and centred
+     against them, rather than left to sit on the line's bottom edge. */
+  [data-kind] {
+    align-self: center;
+    margin-right: 6px;
+  }
+  [data-kind] img,
+  [data-kind] .ico {
+    width: 0.74em;
+    height: 0.74em;
+    vertical-align: baseline;
+  }
+  font-family: ${o.font.sans};
+  font-size: 32px;
+  font-weight: 600;
+  line-height: 1.235;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+`,fi=c.span`
+  font-size: 20px;
+  font-weight: 600;
+  color: ${o.colors.gray4};
+  margin-right: -2px;
+`,bo=c.span`
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: 0;
+  color: ${o.colors.gray4};
+`,Re=c.span`
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px 6px;
+  min-width: 0;
+  min-height: 16px;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  line-height: 1.35;
+  color: ${o.colors.gray4};
+`,wo=c.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: ${o.colors.gray4};
+  border: 1px dashed ${o.colors.cardLine};
+  border-radius: ${o.radius.chip};
+  padding: 1px 5px;
+`,ue=c.section`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 16px;
+  background: ${o.colors.overlayLight};
+  color: ${o.colors.softWhite};
+  border-radius: ${o.radius.banner};
+  min-width: 0;
+  /* The credits mark is pinned near-black globally (Icon.css) so a coloured total never tints it. That
+     was chosen for a white card and disappears into this one. */
+  .ccy-mark,
+  .ccy {
+    color: ${o.colors.softWhite};
+  }
+`,Ue=c.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+`,Ae=c.h2`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 15px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+`,xi=c.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,gi=c(Eo)`
+  /* Direct child only: the menu's options are buttons as well, and a descendant rule turned them white
+     on the white menu, which is a menu you cannot read. */
+  > button {
+    gap: 24px;
+    height: 40px;
+    padding: 4px 4px 4px 12px;
+    background: transparent;
+    border: 0.5px solid ${o.colors.white};
+    border-radius: ${o.radius.btn};
+    color: ${o.colors.white};
+    font-size: 12px;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0;
+  }
+  > button:hover {
+    border-color: ${o.colors.softWhite};
+    background: ${o.colors.glassFaint};
+    color: ${o.colors.softWhite};
+  }
+  /* The chevron's colour is an inline style on the shared component, so a class cannot reach it — this
+     is the one place that has to shout. */
+  > button .ico {
+    color: ${o.colors.softWhite} !important;
+  }
+`,Xt=c.span`
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.gray4};
+`,Ho="24px 56px minmax(170px, 1fr) minmax(236px, 1.34fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(150px, 1fr) 158px",Ko=c.div`
+  display: grid;
+  grid-template-columns: ${Ho};
+  align-items: center;
+  gap: 12px;
+  padding: 12px 24px 12px 12px;
+  min-width: min-content;
+  background: ${o.colors.overlayStrong};
+  border-radius: ${o.radius.card} ${o.radius.card} 0 0;
+  font-family: ${o.font.sans};
+  font-size: 14px;
+  color: ${o.colors.softWhite};
+
+  /* Each label sits the way its column's content sits, so a header never points at the wrong figure. */
+  > *:nth-child(4),
+  > *:nth-child(5),
+  > *:nth-child(6),
+  > *:nth-child(7) {
+    text-align: center;
+  }
+  /* The label sits over the middle of the action, not over its right edge: in the design both occupy the
+     same box, so the header stretches across the track and centres inside it. */
+  > *:last-child {
+    justify-self: stretch;
+    text-align: center;
+  }
+
+  ${o.media.maxWidth("mobile")} {
+    display: none;
+  }
+`,Yo=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  /*
+   * The run scrolls sideways rather than crushing its own columns.
+   *
+   * The tracks need 1158px before the grid starts taking room from them, and the panel used to clip what
+   * did not fit. It does not any more, and a clipped row is worse than a scrolling one: the action is the
+   * last column, so on a 1024px tablet "Manage" simply left the screen with no way to reach it.
+   */
+  overflow-x: auto;
+
+  > *:last-child {
+    border-radius: 0 0 ${o.radius.card} ${o.radius.card};
+  }
+`,Go=c.div`
+  display: grid;
+  grid-template-columns: ${Ho};
+  align-items: center;
+  gap: 12px;
+  padding: 12px 24px 12px 12px;
+  min-width: min-content;
+  background: ${o.colors.overlay};
+
+  /* A fixed track keeps every row's action in the same place, centred under its column's label. */
+  > *:last-child {
+    justify-self: center;
+  }
+
+  /**
+   * A collection with no copies left, set back from the ones that still have something to sell.
+   *
+   * Muted rather than faded: opacity would take the row's one action down with it, and a creator who wants
+   * to look at a finished run should not have to fight the styling to click into it. The thumbnail loses
+   * its colour, the figures lose their weight, and the row still reads.
+   */
+  &[data-exhausted] {
+    background: rgba(0, 0, 0, 0.55);
+    color: ${o.colors.gray4};
+
+    [data-testid='store-collection-thumb'] img {
+      filter: grayscale(0.75);
+      opacity: 0.72;
+    }
+    /* The collection's own name follows the row; the action at the end keeps its colour, because a
+       finished run is still one a creator opens, and a button that reads disabled invites nobody. */
+    [data-testid='store-collection-name'] {
+      color: inherit;
+    }
+  }
+
+  /**
+   * On a phone the seven columns become two rows: identity and figure on the first, the discount and the
+   * action on the second. Placed explicitly rather than left to auto-flow, which dropped both of them
+   * into the first two narrow tracks on top of each other.
+   */
+  /*
+   * Three lines on a phone: who it is and what to do about it, then the two figures, then the discount.
+   *
+   * Every cell is placed explicitly rather than left to auto-flow, because the columns changed order once
+   * already and an auto-placed grid answers that by putting a sparkline where a button used to be.
+   */
+  ${o.media.maxWidth("mobile")} {
+    grid-template-columns: 24px 56px minmax(0, 1fr) auto;
+    row-gap: 12px;
+
+    > *:nth-child(1) {
+      grid-area: 1 / 1;
+    }
+    > *:nth-child(2) {
+      grid-area: 1 / 2;
+    }
+    /* The name takes the whole of its line. Sharing it with the action left "Founders Edition" as an
+       ellipsis and a chip, which is the one cell on the row that has to be readable. */
+    > *:nth-child(3) {
+      grid-area: 1 / 3 / 1 / 5;
+    }
+    > *:nth-child(5) {
+      grid-area: 2 / 1 / 2 / 3;
+      justify-self: start;
+    }
+    > *:nth-child(6) {
+      grid-area: 2 / 3;
+      justify-self: start;
+    }
+    > *:nth-child(8) {
+      grid-area: 2 / 4;
+      justify-self: end;
+    }
+    > *:nth-child(4) {
+      grid-area: 3 / 1 / 3 / 5;
+      justify-self: start;
+      align-items: flex-start;
+      text-align: left;
+    }
+  }
+`,yi=c.button`
+  position: relative;
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: 0;
+  border-radius: ${o.radius.btn};
+  background: none;
+  cursor: pointer;
+  color: ${o.colors.gray4};
+
+  &:hover {
+    background: ${o.colors.glassFaint};
+    color: ${o.colors.softWhite};
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.navViolet};
+    outline-offset: 2px;
+  }
+
+  /* A finger needs more than the 24px the glyph occupies, and the row has that much clear space around it. */
+  &::after {
+    content: '';
+    position: absolute;
+    inset: -10px;
+  }
+
+  .ico {
+    width: 16px;
+    height: 16px;
+    transition: transform 0.18s ease;
+  }
+  &[aria-expanded='true'] .ico {
+    transform: rotate(180deg);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .ico {
+      transition: none;
+    }
+  }
+`,bi=c.span`
+  width: 56px;
+  height: 56px;
+  border-radius: ${o.radius.btn};
+  overflow: hidden;
+  background: ${o.colors.overlayLight};
+`,wi=c.span`
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  font-family: ${o.font.sans};
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  padding: 3px 7px;
+  border-radius: ${o.radius.pill};
+  color: ${o.colors.gray4};
+  background: ${o.colors.glassFaint};
+`,Si=c.span`
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px 8px;
+  min-width: 0;
+
+  /*
+   * The chip yields before the name does, which is the opposite of what it used to do.
+   *
+   * With a wide name column the name could ellipsise and keep "sold out" beside it. The columns are even
+   * now, so that column is 176px, and yielding the name first left "Founders Ed…" next to a chip: the row
+   * lost the one thing it has to say to save the one thing that repeats on every sold-out row.
+   */
+  a {
+    min-width: 0;
+    flex: 0 1 auto;
+  }
+`,ji=c.span`
+  min-width: 0;
+
+  a {
+    display: block;
+    color: inherit;
+    text-decoration: none;
+    font-family: ${o.font.sans};
+    font-size: 14px;
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  a:hover,
+  a:focus-visible {
+    text-decoration: underline;
+  }
+`,ki=c.span`
+  display: block;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.gray4};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;c.span`
+  font-family: ${o.font.sans};
+  font-size: 15px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+
+  small {
+    display: block;
+    font-size: 11px;
+    font-weight: 500;
+    color: ${o.colors.gray4};
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+  }
+
+  ${o.media.maxWidth("mobile")} {
+    display: none;
+  }
+`;const $i=c.span`
+  min-width: 0;
+
+  ${o.media.maxWidth("mobile")} {
+    display: none;
+  }
+`,So=c.svg`
+  display: block;
+  width: 100%;
+  height: 34px;
+`,vi=c.div`
+  /* A shade deeper than the row it belongs to, not lighter. The rows carry their own dark fill now, and a
+     translucent white panel between them read as a different surface breaking the run in half. */
+  background: ${o.colors.overlayStrong};
+  padding: 4px 24px 10px 48px;
+
+  ${o.media.maxWidth("mobile")} {
+    padding-left: 32px;
+  }
+`,Ci=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 26px;
+  padding: 12px 0 13px;
+  border-bottom: 1px solid ${o.colors.cardLine};
+
+  span {
+    display: flex;
+    align-items: baseline;
+    gap: 6px;
+    font-family: ${o.font.sans};
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: ${o.colors.gray4};
+  }
+  b {
+    /* The currency mark is its own inline-flex element, so the figure needs a row of its own or the two
+       break onto separate lines. */
+    display: inline-flex;
+    align-items: center;
+    gap: 3px;
+    white-space: nowrap;
+    font-size: 15px;
+    font-weight: 700;
+    letter-spacing: 0;
+    text-transform: none;
+    color: ${o.colors.softWhite};
+    font-variant-numeric: tabular-nums;
+  }
+`,Mi=c.div`
+  display: grid;
+  /* The stock track is fixed rather than max-content: each row is its own grid, so a content-sized last
+     track let every row measure itself and none of them lined up. 124px clears the widest figure the page
+     renders (105px) with room to spare, without leaving a hand's width between the bar and the number. */
+  grid-template-columns: 40px minmax(0, 1fr) 72px 64px 152px 124px;
+  align-items: center;
+  gap: 22px;
+  padding: 13px 0;
+
+  > *:last-child {
+    justify-self: end;
+  }
+
+  & + & {
+    border-top: 1px solid ${o.colors.cardLine};
+  }
+
+  /*
+   * Two lines on a phone: the item, then its figures under the name.
+   *
+   * Placed explicitly. With three tracks and six cells the browser auto-flowed the stock figure into the
+   * 40px thumbnail track on the second row, where justify-self: end right-aligned 105px of text inside
+   * 40px of column and pushed its left edge a pixel off the card.
+   */
+  ${o.media.maxWidth("mobile")} {
+    grid-template-columns: 40px minmax(0, 1fr) auto;
+    column-gap: 12px;
+    row-gap: 8px;
+
+    > *:nth-child(3) {
+      grid-area: 2 / 2;
+      justify-self: start;
+    }
+    > *:last-child {
+      grid-area: 2 / 3;
+      justify-self: end;
+    }
+  }
+`,Ai=c.span`
+  display: block;
+  width: 40px;
+  height: 40px;
+  border-radius: ${o.radius.btn};
+  overflow: hidden;
+  /* The rarity wash is a gradient of ALPHAS, drawn for a white card. Composited over a dark panel instead
+     it turns muddy, so the base it was measured against is put back under it. */
+  background-color: ${o.colors.white};
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,Ii=c.span`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,Li=c.span`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+`,Wi=c.button`
+  flex: none;
+  margin: -8px 0;
+  padding: 8px 4px;
+  border: 0;
+  background: none;
+  color: ${o.colors.white};
+  font-family: ${o.font.sans};
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  text-decoration: underline;
+  cursor: pointer;
+
+  &:hover {
+    color: ${o.colors.navViolet};
+  }
+
+  &:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: -2px;
+    border-radius: 4px;
+  }
+`,Ti=c.span`
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  height: 15px;
+  padding: 0 6px;
+  border-radius: 5px;
+  font-family: ${o.font.sans};
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: ${o.colors.softWhite};
+`,_i=c(nt)`
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: inherit;
+  text-decoration: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &:hover,
+  &:focus-visible {
+    text-decoration: underline;
+  }
+`,Pi=c.span`
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  white-space: nowrap;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+  color: ${o.colors.softWhite};
+
+  small {
+    color: ${o.colors.gray4};
+    font-weight: 500;
+  }
+
+  ${o.media.maxWidth("mobile")} {
+    text-align: left;
+  }
+`,Ei=c.span`
+  display: block;
+  width: 96px;
+  height: 6px;
+  border-radius: 100px;
+  /* White, not the near-black this started as: the track was a 10% dark fill chosen for a white card, and
+     on the row's own dark surface it was the same colour as the row. */
+  background: rgba(255, 255, 255, 0.1);
+  overflow: hidden;
+  /* Pushed to the end of its track, so it sits with the stock figure it measures rather than crowding the
+     saves count next to it. */
+  margin-left: auto;
+
+  i {
+    display: block;
+    height: 6px;
+    border-radius: 100px;
+    background: ${o.colors.navViolet};
+  }
+
+  ${o.media.maxWidth("mobile")} {
+    display: none;
+  }
+`,Ri=c.span`
+  font-family: ${o.font.sans};
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  white-space: nowrap;
+  color: ${o.colors.gray4};
+
+  &[data-state='soldout'] {
+    color: ${o.colors.navViolet};
+  }
+  /* A listed item shows its price rather than a label, so it takes the ink prices take. */
+  &[data-state='classic'],
+  &[data-state='discounted'] {
+    display: inline-flex;
+    align-items: center;
+    gap: 2px;
+    font-size: 12px;
+    letter-spacing: 0;
+    text-transform: none;
+    color: ${o.colors.softWhite};
+  }
+`,Di=c.span`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 4px;
+  line-height: 1.25;
+`,zi=c.span`
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: ${o.colors.gray4};
+  margin-right: 4px;
+`,Oi=c.span`
+  font-family: ${o.font.sans};
+  font-size: 10px;
+  opacity: 0.85;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  white-space: nowrap;
+  color: ${o.colors.gray4};
+`,Fi=c.span`
+  font-family: ${o.font.sans};
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  white-space: nowrap;
+  text-align: right;
+  color: ${o.colors.gray4};
+  font-variant-numeric: tabular-nums;
+
+  b {
+    color: ${o.colors.softWhite};
+    font-weight: 700;
+  }
+  &[data-out='true'] {
+    color: ${o.colors.navViolet};
+  }
+`;c.div`
+  display: grid;
+  grid-template-columns: 3px minmax(0, 1fr) auto;
+  gap: 12px;
+  align-items: center;
+  padding: 13px 18px;
+  border-top: 1px solid ${o.colors.cardLine};
+`;c.span`
+  align-self: stretch;
+  border-radius: 2px;
+  background: ${o.colors.cardLine};
+
+  &[data-sev='act'] {
+    background: ${o.colors.dclRed};
+  }
+  &[data-sev='soon'] {
+    background: ${o.colors.flareAmber};
+  }
+`;const jo=c.button`
+  display: inline-grid;
+  place-items: center;
+  width: 16px;
+  height: 16px;
+  margin-left: 5px;
+  padding: 0;
+  border: 0;
+  background: none;
+  cursor: help;
+  color: ${o.colors.gray4};
+
+  &:hover,
+  &:focus-visible {
+    color: ${o.colors.softWhite};
+  }
+  .ico {
+    width: 14px;
+    height: 14px;
+  }
+`;c.span`
+  b {
+    display: flex;
+    align-items: center;
+    font-family: ${o.font.sans};
+    font-size: 13px;
+    font-weight: 600;
+  }
+  span {
+    display: block;
+    margin-top: 2px;
+    font-family: ${o.font.sans};
+    font-size: 12px;
+    color: ${o.colors.gray4};
+  }
+`;c(nt)`
+  display: inline-block;
+  margin-top: 4px;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  font-weight: 600;
+  color: ${o.colors.navViolet};
+  text-decoration: none;
+
+  &:hover,
+  &:focus-visible {
+    text-decoration: underline;
+  }
+`;c.span`
+  font-family: ${o.font.sans};
+  font-size: 18px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+`;const Ze=c.div`
+  overflow-x: auto;
+`,ot=c.table`
+  width: 100%;
+  /* Fixed, so a page of short names and one of long ones lay their columns out identically — the widths
+     come from the header row rather than from whatever this page happens to hold. */
+  table-layout: fixed;
+
+  thead th:nth-of-type(1) {
+    width: 36%;
+  }
+  thead th:nth-of-type(2) {
+    width: 24%;
+  }
+  thead th:nth-of-type(3) {
+    width: 120px;
+  }
+  thead th:nth-of-type(4) {
+    width: 14%;
+  }
+  thead th:nth-of-type(5) {
+    width: 110px;
+  }
+  tbody td {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  min-width: 520px;
+
+  /* The same band and the same separated rows the collections table wears, so the three tables on this
+     page read as siblings rather than as one design and two others. The 2px gap is a transparent border
+     over a clipped background, which is how a table draws the design's gaps without losing its columns. */
+  border-collapse: separate;
+  border-spacing: 0;
+
+  thead th {
+    text-align: left;
+    padding: 12px 18px;
+    background: ${o.colors.overlayStrong};
+    font-size: 14px;
+    font-weight: 400;
+    color: ${o.colors.softWhite};
+    white-space: nowrap;
+  }
+  thead th:first-of-type {
+    border-radius: ${o.radius.card} 0 0 0;
+  }
+  thead th:last-of-type {
+    border-radius: 0 ${o.radius.card} 0 0;
+  }
+  tbody td {
+    padding: 12px 18px;
+    background: ${o.colors.overlay};
+    border-top: 2px solid transparent;
+    background-clip: padding-box;
+    vertical-align: middle;
+  }
+  tbody tr:last-of-type td:first-of-type {
+    border-radius: 0 0 0 ${o.radius.card};
+  }
+  tbody tr:last-of-type td:last-of-type {
+    border-radius: 0 0 ${o.radius.card} 0;
+  }
+  tbody tr:hover td {
+    background: ${o.colors.overlayHover};
+  }
+  td[data-money] {
+    text-align: right;
+    font-weight: 700;
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+  }
+  td[data-dim] {
+    color: ${o.colors.gray4};
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+  }
+`,Zt=c.span`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  color: inherit;
+  text-decoration: none;
+
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &:hover span,
+  &:focus-visible span {
+    text-decoration: underline;
+  }
+`,Jt=c.span`
+  flex: none;
+  display: block;
+  width: 32px;
+  height: 32px;
+  border-radius: ${o.radius.chip};
+  overflow: hidden;
+  /* Same rarity wash, same reason it needs a white base under it — see ItemThumb. */
+  background-color: ${o.colors.white};
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,kt=c.a`
+  max-width: 100%;
+  white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: inherit;
+  text-decoration: none;
+
+  &:hover,
+  &:focus-visible {
+    text-decoration: underline;
+  }
+`,Ni=c.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+
+  i {
+    display: block;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    background: #ededed;
+  }
+  b {
+    display: block;
+    width: 84px;
+    height: 10px;
+    border-radius: 100px;
+    background: #ededed;
+  }
+`,$t=c.span`
+  flex: none;
+  display: block;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: ${o.colors.overlayLight};
+  background-size: cover;
+  background-position: center top;
+`,Bi=c.nav`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  font-variant-numeric: tabular-nums;
+
+  /* Nine controls in a phone's width: tighter, but never wrapping, which would move the arrows too. */
+  ${o.media.maxWidth("mobile")} {
+    gap: 6px;
+  }
+`,Vo=`
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: 0.5px solid rgba(255, 255, 255, 0.5);
+  border-radius: ${o.radius.btn};
+  background: transparent;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.46px;
+  color: ${o.colors.softWhite};
+  cursor: pointer;
+
+  &:hover:not(:disabled) {
+    border-color: ${o.colors.softWhite};
+    background: ${o.colors.glassFaint};
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.softWhite};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    opacity: 0.35;
+    cursor: default;
+  }
+`,ko=c.button`
+  ${Vo}
+`,Ui=c.button`
+  ${Vo}
+
+  /* The page you are on is the one solid control in the row, which is how the design marks it. */
+  &[aria-current='page'] {
+    background: ${o.colors.softWhite};
+    border-color: ${o.colors.softWhite};
+    color: ${o.colors.text};
+    cursor: default;
+  }
+  &[aria-current='page']:hover {
+    background: ${o.colors.softWhite};
+    color: ${o.colors.text};
+  }
+`,qi=c.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  flex: none;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.gray4};
+`;c.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+`;const Hi=c.span`
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  border-radius: ${o.radius.chip};
+  padding: 2px 7px;
+  white-space: nowrap;
+  color: ${o.colors.gray4};
+  background: ${o.colors.overlayLight};
+
+  &[data-kind='mint'] {
+    color: ${o.colors.navViolet};
+    background: rgba(105, 31, 169, 0.1);
+  }
+`;c.img`
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+  margin-right: 3px;
+`;const Ki=c.button`
+  display: block;
+  width: 100%;
+  padding: 13px 18px;
+  border: 0;
+  border-top: 1px solid ${o.colors.cardLine};
+  background: none;
+  cursor: pointer;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  color: ${o.colors.navViolet};
+
+  &:hover {
+    background: ${o.colors.glassFaint};
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.navViolet};
+    outline-offset: -2px;
+  }
+`;c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 10px 18px 14px;
+  border-top: 1px solid ${o.colors.cardLine};
+`;c.p`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 11px;
+  line-height: 1.45;
+  color: ${o.colors.muted2};
+`;const Qo=`
+  background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
+  background-size: 200% 100%;
+  animation: shimmer 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,D=c.span`
+  display: block;
+  height: 12px;
+  border-radius: 100px;
+  ${Qo}
+`,Yi=c.span`
+  display: block;
+  width: 40px;
+  height: 40px;
+  border-radius: ${o.radius.btn};
+  ${Qo}
+`,$o=c.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr) 100px minmax(0, 0.5fr) 70px;
+  align-items: center;
+  gap: 12px;
+  padding: 0 18px 10px;
+
+  > *:last-child {
+    justify-self: end;
+  }
+  background: ${o.colors.overlayStrong};
+  border-radius: ${o.radius.card} ${o.radius.card} 0 0;
+`,vo=c.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr) 100px minmax(0, 0.5fr) 70px;
+  align-items: center;
+  gap: 12px;
+  height: 57px;
+  padding: 0 18px;
+  background: ${o.colors.overlay};
+  border-top: 2px solid transparent;
+  background-clip: padding-box;
+
+  > *:last-child {
+    justify-self: end;
+  }
+`,ge=c.p`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: ${o.colors.gray4};
+`,Gi=c(te)`
+  width: 16px;
+  height: 16px;
+`,en=c.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.3;
+  flex-wrap: wrap;
+  color: ${o.colors.gray4};
+
+  &[data-dir='up'] {
+    color: ${o.colors.successBorder};
+  }
+  &[data-dir='down'] {
+    color: #ff6b6b;
+  }
+
+  /* Grey whichever way the figure went: it is the label, not the reading. */
+  .delta__against {
+    font-size: 10px;
+    font-weight: 400;
+    color: ${o.colors.gray4};
+  }
+  .delta__arrow {
+    font-size: 10px;
+    line-height: 1;
+  }
+`,Vi=c.div`
+  margin: 10px 0 -4px;
+`,Qi=c.h2`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 19px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  color: ${o.colors.softWhite};
+`,Xi=c.p`
+  margin: 4px 0 0;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: rgba(252, 252, 252, 0.62);
+`,Zi=c.div`
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(210px, 300px));
+  gap: 14px;
+  align-items: start;
+
+  ${o.media.maxWidth("mobile")} {
+    grid-template-columns: minmax(0, 1fr);
+  }
+`,Ji=c(ot)`
+  thead th:nth-of-type(1) {
+    width: 34%;
+  }
+  thead th:nth-of-type(2) {
+    width: 14%;
+  }
+  thead th:nth-of-type(3) {
+    width: 22%;
+  }
+  thead th:nth-of-type(4) {
+    width: 15%;
+  }
+  thead th:nth-of-type(5) {
+    width: 15%;
+  }
+`,el=c.button`
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  margin: 2px -4px -6px;
+  padding: 6px 4px;
+  border: 0;
+  background: none;
+  color: ${o.colors.softWhite};
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  text-decoration: underline;
+  cursor: pointer;
+
+  &:hover {
+    color: ${o.colors.navViolet};
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.softWhite};
+    outline-offset: 2px;
+    border-radius: 4px;
+  }
+`,tl=c(ot)`
+  thead th:nth-of-type(1) {
+    width: 40%;
+  }
+  thead th:nth-of-type(2) {
+    width: 16%;
+  }
+  thead th:nth-of-type(3) {
+    width: 20%;
+  }
+  thead th:nth-of-type(4) {
+    width: 12%;
+  }
+  thead th:nth-of-type(5) {
+    width: 12%;
+  }
+`,nl=c(ot)`
+  thead th:nth-of-type(1) {
+    width: 30%;
+  }
+  thead th:nth-of-type(2) {
+    width: 10%;
+  }
+  thead th:nth-of-type(3) {
+    width: 14%;
+  }
+  thead th:nth-of-type(4) {
+    width: 16%;
+  }
+  thead th:nth-of-type(5) {
+    width: 14%;
+  }
+  thead th:nth-of-type(6) {
+    width: 16%;
+  }
+`;c.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
+  gap: 14px;
+  align-items: start;
+
+  ${o.media.maxWidth("lg")} {
+    grid-template-columns: minmax(0, 1fr);
+  }
+`;c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+`;const De=c.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  [data-kind] img,
+  [data-kind] .ico {
+    vertical-align: baseline;
+  }
+`,ol=c.span`
+  font-family: ${o.font.sans};
+  font-size: 14px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+  text-align: center;
+
+  /* One weight and one colour, as the design draws it: the pair is a single reading ("80 of 250"), and
+     dimming the denominator made the two halves look like different figures. */
+  small {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+`,sl=c.span`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  min-width: 0;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.gray4};
+  text-align: center;
+`,rl=c.span`
+  display: inline-flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+`,al=c(Ws)`
+  align-self: center;
+  gap: 4px;
+  padding: 2px 4px;
+  border: 0;
+  border-radius: 6px;
+  background: ${o.colors.saleTag};
+  line-height: 20px;
+
+  b,
+  span {
+    font-size: 14px;
+    line-height: 20px;
+  }
+`,il=c(Vs)`
+  align-self: center;
+  gap: 4px;
+  padding: 4px 8px;
+  border-radius: 6px;
+  background: ${o.colors.glass};
+  color: ${o.colors.white};
+
+  b {
+    color: ${o.colors.white};
+    font-size: 12px;
+    line-height: 16px;
+  }
+`,ll=c.span`
+  color: ${o.colors.muted2};
+
+  b {
+    font-weight: 600;
+  }
+  /* Whether it is selling faster carries the only colour in the cell, since it is the only judgement. */
+  &[data-dir='up'] b {
+    color: #2ecc71;
+  }
+  &[data-dir='down'] b {
+    color: #ff6b6b;
+  }
+`,ze=c.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: ${o.colors.gray4};
+
+  ${o.media.maxWidth("mobile")} {
+    flex-direction: column;
+    align-items: stretch;
+  }
+`,cl=c.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+
+  ${o.media.maxWidth("mobile")} {
+    flex-wrap: wrap;
+  }
+`,dl=c.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+`,hl=c(an)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  height: 36px;
+  padding: 0 12px;
+  border: 0.5px solid ${o.colors.white};
+  border-radius: 12px;
+  background: transparent;
+  color: ${o.colors.softWhite};
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover:not(:disabled) {
+    background: ${o.colors.glassFaint};
+    color: ${o.colors.softWhite};
+  }
+`,pl=c.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  font-family: ${o.font.sans};
+  font-size: 14px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+`,ul=c.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 5px;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-variant-numeric: tabular-nums;
+  color: ${o.colors.gray4};
+  white-space: nowrap;
+
+  .ico {
+    width: 14px;
+    height: 14px;
+  }
+`,Xo=c.div`
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+  /* Stretched rather than start-aligned: the sales rows carry a second line and the best sellers do not,
+     so the two will never end together on their own, and two cards of different heights side by side read
+     as one of them having failed to load. */
+
+  ${o.media.maxWidth("lg")} {
+    grid-template-columns: minmax(0, 1fr);
+  }
+`,tn=c.p`
+  margin: 2px 0 0;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: ${o.colors.gray4};
+`,Co=c.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+`,ml=c(nt)`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  flex: none;
+  color: ${o.colors.white};
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  text-decoration: underline;
+
+  &:hover {
+    color: ${o.colors.navViolet};
+  }
+`,Mo=c.span`
+  display: inline-block;
+  min-width: 12px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  color: ${o.colors.gray4};
+`,Ao=c.span`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+`,Zo=`
+  thead th,
+  tbody td {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+`,fl=c(ot)`
+  min-width: 500px;
+  ${Zo}
+
+  thead th:nth-of-type(1) {
+    width: 46%;
+  }
+  thead th:nth-of-type(2) {
+    width: 26%;
+  }
+  thead th:nth-of-type(3) {
+    width: 72px;
+  }
+  thead th:nth-of-type(4) {
+    width: 96px;
+  }
+`,xl=c(ot)`
+  min-width: 580px;
+  ${Zo}
+
+  thead th:nth-of-type(1) {
+    width: 34%;
+  }
+  thead th:nth-of-type(2) {
+    width: 22%;
+  }
+  thead th:nth-of-type(3) {
+    width: 70px;
+  }
+  thead th:nth-of-type(4) {
+    width: 140px;
+  }
+  thead th:nth-of-type(5) {
+    width: 76px;
+  }
+`,Io=c.span`
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+`,Dt=8,zt=5,nn=5,vt=5,Ct=5,gl=new Map,Lo=.093,yl=[{key:"nfts",label:"myStore.colOwned",first:"desc"},{key:"items",label:"myStore.colItems",first:"desc"},{key:"collections",label:"myStore.colCollections",first:"desc"},{key:"recent",label:"myStore.colAcquired",first:"desc"},{key:"spent",label:"myStore.colSpent",first:"desc"}],Jo="shop.my-store.sort",bl=["sold","earned","newest","name"];function wl(){try{const t=localStorage.getItem(Jo);return bl.includes(t)?t:"sold"}catch{return"sold"}}function Sl(t){try{localStorage.setItem(Jo,t)}catch{}}function jl(t,n){const s=new Date(t).getFullYear()===new Date(n).getFullYear(),l=new Intl.DateTimeFormat(ye(),{month:"short",day:"numeric",...s?{}:{year:"numeric"}}),a=new Intl.DateTimeFormat(ye(),{month:"short",day:"numeric",year:"numeric"});return`${l.format(t)} – ${a.format(n)}`}function Oe(t){return t==="asc"?"ascending":t==="desc"?"descending":void 0}function se(t,n){return(t==null?void 0:t.key)===n?t.dir:void 0}function kl(t,n,s="mana"){const l=[...t];return n==="name"?l.sort((a,d)=>a.name.localeCompare(d.name)):n==="earned"?Je(l,a=>s==="usd"?a.earningsUsd:a.earningsWei,"desc"):n==="newest"?l.sort((a,d)=>(d.createdAt??0)-(a.createdAt??0)):l.sort((a,d)=>d.sold-a.sold||a.name.localeCompare(d.name))}function on(t,n,s){return qe(`/item/${t}/${n}`,s)}function qe(t,n){return n?`${t}${t.includes("?")?"&":"?"}env=${n}`:t}function $l(t,n){if(n==null)return null;const s=t.minted-n;return s>0?s:null}const vl={website:"website",twitter:"x-twitter",discord:"discord",facebook:"facebook"},Ot=5;function Fe({page:t,pages:n,onChange:s,name:l}){return n<=1?null:e.jsxs(Bi,{"aria-label":i("myStore.pagination"),children:[e.jsx(ko,{type:"button",onClick:()=>s(Math.max(0,t-1)),disabled:t===0,"aria-label":i("myStore.prev"),"data-testid":`store-${l}-prev`,children:e.jsx(te,{name:"chevron-down",size:16,"aria-hidden":!0,style:{transform:"rotate(90deg)"}})}),Ea(t,n).map((a,d)=>a==="gap"?e.jsx(qi,{children:"…"},`gap-${d}`):e.jsx(Ui,{type:"button","aria-current":a===t?"page":void 0,onClick:()=>s(a),"data-testid":`store-${l}-page-${a+1}`,children:(a+1).toLocaleString()},a)),e.jsx(ko,{type:"button",onClick:()=>s(Math.min(n-1,t+1)),disabled:t>=n-1,"aria-label":i("myStore.next"),"data-testid":`store-${l}-next`,children:e.jsx(te,{name:"chevron-down",size:16,"aria-hidden":!0,style:{transform:"rotate(-90deg)"}})})]})}function Cl(t,n,s){var p,y;const{from:l,to:a}=n,d=J({queryKey:["store-sales-page",t,l??null,a,s],enabled:!!t,placeholderData:x=>x,queryFn:()=>jr({seller:t,from:l,to:a},{first:Ot,skip:s*Ot})}),h=((p=d.data)==null?void 0:p.total)??0;return{rows:((y=d.data)==null?void 0:y.rows)??[],total:h,pages:Math.ceil(h/Ot)}}function Mt(t){return J({queryKey:["store-buyers",t],enabled:t.length>0,staleTime:5*6e4,queryFn:()=>_o(t)})}function At(t){return`${me.marketplaceUrl}/accounts/${t.toLowerCase()}`}function It(t,n){var l;const s=(l=n==null?void 0:n.get(t.toLowerCase()))==null?void 0:l.name;return s?hn(s):To(t)}function Ml(t){return me.previewHost&&t==="1"}const Al=25000n;function Il(t){return t*Al/1000000n}function Ne(t,n){const s=u.useRef(null),[l,a]=u.useState(0);return u.useEffect(()=>a(0),[n]),u.useLayoutEffect(()=>{if(!t||!s.current)return;const d=s.current.offsetHeight;d>l&&a(d)}),{ref:s,style:t&&l>0?{minHeight:l}:void 0}}const es=u.createContext("mana");function Se({wei:t,usd:n}){return u.useContext(es)==="usd"?n==null?e.jsx("span",{title:i("myStore.noUsd"),children:"—"}):e.jsxs(e.Fragment,{children:[e.jsx(hi,{"aria-hidden":!0,children:"$"}),Oo(n,ye())]}):e.jsxs(e.Fragment,{children:[e.jsx(he,{kind:"mana"}),Be(t)]})}function Be(t){const n=Number(t/10n**14n)/1e4;return n>=10?Math.round(n).toLocaleString():n.toFixed(2)}function Lt(t){const n=Math.max(1,Math.round((Date.now()-t)/6e4));if(n<60)return i("myStore.agoMinutes",{n});const s=Math.round(n/60);return s<24?i("myStore.agoHours",{n:s}):i("myStore.agoDays",{n:Math.round(s/24)})}function Ll({series:t}){const n=u.useId(),s=Math.max(...t,0),l=t.length>1?92/(t.length-1):0,a=p=>s===0?27:27-p/s*22,h=t.map((p,y)=>`${(2+y*l).toFixed(1)} ${a(p).toFixed(1)}`).join(" L ");return s===0?e.jsx(So,{viewBox:"0 0 96 30",role:"img","aria-label":i("myStore.trendNone"),children:e.jsx("path",{d:"M2 27 L94 27",fill:"none",stroke:o.colors.cardLine,strokeWidth:"2",strokeLinecap:"round"})}):e.jsxs(So,{viewBox:"0 0 96 30",role:"img","aria-label":i("myStore.trendAria",{n:s}),children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:n,gradientUnits:"userSpaceOnUse",x1:"78.9",y1:"-19.5",x2:"35.3",y2:"40.4",children:[e.jsx("stop",{stopColor:o.colors.dclRed}),e.jsx("stop",{offset:"1",stopColor:o.colors.flareAmber})]}),e.jsxs("linearGradient",{id:`${n}-fill`,x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0",stopColor:o.colors.dclRed,stopOpacity:"0.26"}),e.jsx("stop",{offset:"1",stopColor:o.colors.dclRed,stopOpacity:"0"})]})]}),e.jsx("path",{d:`M ${h} L 94 29 L 2 29 Z`,fill:`url(#${n}-fill)`}),e.jsx("path",{d:`M ${h}`,fill:"none",stroke:`url(#${n})`,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Wl({collection:t,discount:n,savesByKey:s,open:l,onToggle:a,onManage:d,onIssue:h,env:p}){var x,z;const y=`store-items-${t.contractAddress}`;return e.jsxs(e.Fragment,{children:[e.jsxs(Go,{"data-testid":"store-collection","data-exhausted":t.exhausted||void 0,children:[e.jsx(yi,{type:"button","aria-expanded":l,"aria-controls":y,"aria-label":i(l?"myStore.collapse":"myStore.expand",{name:t.name}),onClick:a,"data-testid":"store-collection-toggle",children:e.jsx(Gi,{name:"chevron-down",className:"ico","aria-hidden":!0})}),e.jsx(bi,{"data-testid":"store-collection-thumb",children:e.jsx(Ns,{contractAddress:t.contractAddress})}),e.jsxs(ji,{children:[e.jsxs(Si,{children:[e.jsx(nt,{to:qe(`/collection/${t.contractAddress}`,p),"data-testid":"store-collection-name",children:t.name}),t.exhausted?e.jsx(wi,{"data-testid":"store-collection-soldout",children:i("myStore.collExhausted")}):null]}),e.jsxs(ki,{children:[i("myStore.itemsCount",{count:t.items.length}),t.listed>0?` · ${i("myStore.listedCount",{count:t.listed})}`:"",!t.exhausted&&t.soldOut>0?` · ${i("myStore.soldOutCount",{count:t.soldOut})}`:""]})]}),e.jsx(sl,{"data-testid":"store-collection-discount",children:n?e.jsxs(e.Fragment,{children:[e.jsxs(rl,{children:[e.jsx(al,{pct:n.discount/1e4}),e.jsx(il,{until:n.checks.expiration})]}),e.jsx(ll,{children:tr(n)?i("myStore.discountUsed",{used:((x=n.state)==null?void 0:x.uses)??0,total:n.checks.uses}):i("myStore.discountUsedUncapped",{used:((z=n.state)==null?void 0:z.uses)??0})})]}):i("myStore.noDiscountShort")}),e.jsxs(ol,{"data-testid":"store-collection-claimed",children:[t.claimed.toLocaleString(),e.jsxs("small",{children:["/",t.runTotal.toLocaleString()]})]}),e.jsx(pl,{"data-testid":"store-collection-earned",children:e.jsx(Se,{wei:t.earningsWei,usd:t.earningsUsd})}),e.jsx($i,{children:e.jsx(Ll,{series:t.trend})}),e.jsxs(hl,{as:"a",href:`${me.builderUrl}/collections${t.collectionId?`/${t.collectionId}`:""}`,target:"_blank",rel:"noopener noreferrer",onClick:d,"data-testid":"store-manage",children:[i("myStore.manage"),e.jsx(te,{name:"external-link",size:14,"aria-hidden":!0})]})]}),l?e.jsxs(vi,{id:y,"data-testid":"store-items",children:[e.jsxs(Ci,{"data-testid":"store-collection-stats",children:[e.jsxs("span",{children:[e.jsx("b",{children:e.jsx(Se,{wei:t.earningsWei,usd:t.earningsUsd})}),i("myStore.collEarned")]}),e.jsxs("span",{children:[e.jsx("b",{children:t.sold.toLocaleString()}),i("myStore.collSold")]}),e.jsxs("span",{children:[e.jsx("b",{children:t.items.length}),i("myStore.collItems",{count:t.items.length})]}),e.jsxs("span",{children:[e.jsx("b",{children:t.listed+t.classic}),i("myStore.collListed")]})]}),t.items.map(f=>{const j=$l(f,f.lifetimeSold);return e.jsxs(Mi,{"data-testid":"store-item",children:[e.jsx(Ai,{style:{backgroundImage:Wt(f.rarity)},children:f.thumbnail?e.jsx("img",{src:f.thumbnail,alt:"",loading:"lazy"}):null}),e.jsxs(Ii,{children:[e.jsx(_i,{to:qe(`/item/${t.contractAddress}/${f.itemId}`,p),title:f.name,children:f.name}),e.jsxs(Li,{children:[e.jsx(Ti,{style:{background:qs(f.rarity)},title:Us(f.rarity),children:Bs(f.rarity)}),e.jsx(Ri,{"data-state":f.state,children:f.state==="soldout"?null:f.state==="unlisted"?i("myStore.stateUnlisted"):f.state==="unknown"?i("myStore.stateUnknown"):e.jsxs(e.Fragment,{children:[e.jsx(zi,{children:i("myStore.onSaleFor")}),f.manaWei?e.jsxs(e.Fragment,{children:[e.jsx(he,{kind:"mana"}),Be(G(f.manaWei))]}):e.jsxs(e.Fragment,{children:[e.jsx(he,{kind:"credits"}),e.jsx(Hs,{credits:f.priceCredits??0})]})]})}),h&&f.left>0?e.jsx(Wi,{type:"button",onClick:()=>h(f),"data-testid":"store-item-issue",children:i("myStore.issueCopies")}):null]})]}),e.jsxs(Pi,{children:[f.sold.toLocaleString(),e.jsxs("small",{children:[" ",i("myStore.sold")]})]}),e.jsxs(ul,{"data-testid":"store-item-saves",title:i("myStore.savesHint",{count:s.get(f.key)??0}),children:[e.jsx(te,{name:"heart",className:"ico","aria-hidden":!0}),(s.get(f.key)??0).toLocaleString()]}),e.jsx(Ei,{role:"progressbar","aria-valuemin":0,"aria-valuemax":f.minted+f.left,"aria-valuenow":f.minted,"aria-label":i("myStore.runAria",{minted:f.minted,total:f.minted+f.left}),children:e.jsx("i",{style:{width:`${Math.round(f.minted/Math.max(1,f.minted+f.left)*100)}%`}})}),e.jsxs(Di,{title:f.lifetimeSold==null?void 0:i("myStore.runBreakdown",{total:f.minted+f.left,sold:f.lifetimeSold,sent:f.minted-f.lifetimeSold,left:f.left}),children:[e.jsx(Fi,{"data-out":f.left===0,"data-testid":"store-item-stock",children:Po(f.left===0?"myStore.stockNone":"myStore.stockLeft",{b:C=>e.jsx("b",{children:C}),left:f.left.toLocaleString(),total:(f.minted+f.left).toLocaleString()})}),j?e.jsx(Oi,{"data-testid":"store-item-issued",children:i("myStore.sentDirectly",{count:j.toLocaleString()})}):null]})]},f.key)})]}):null]})}function sn(t){return!!t&&!(t.current===0&&t.previous===0)}function rn({delta:t,period:n}){if(!t||t.current===0&&t.previous===0)return null;const s=n==="all"?"":n==="7d"||n==="30d"||n==="90d"?i(`myStore.vs${n}`):i("myStore.vsPrevious");if(t.pct===null)return e.jsxs(en,{"data-dir":"new","data-testid":"store-delta",children:[i("myStore.deltaNew"),s?e.jsx("span",{className:"delta__against",children:s}):null]});const l=Math.round(t.pct);if(l===0)return e.jsxs(en,{"data-dir":"flat","data-testid":"store-delta",children:[i("myStore.deltaFlat"),s?e.jsx("span",{className:"delta__against",children:s}):null]});const a=l>0,h=l>=1e3?i("myStore.deltaTimes",{times:Math.round(l/100+1).toLocaleString()}):`${Math.abs(l)}%`;return e.jsxs(en,{"data-dir":a?"up":"down","data-testid":"store-delta","aria-label":i(a?"myStore.deltaUpAria":"myStore.deltaDownAria",{pct:h,against:s}),children:[e.jsx("span",{className:"delta__arrow","aria-hidden":!0,children:a?"▲":"▼"}),h,s?e.jsx("span",{className:"delta__against",children:s}):null]})}function Tl(){return e.jsxs("div",{"data-testid":"store-skeleton","aria-hidden":!0,children:[e.jsx(qo,{children:[0,1,2,3].map(t=>e.jsxs(Ie,{children:[e.jsx(D,{style:{width:"46%"}}),e.jsx(D,{style:{width:"32%",height:38}}),e.jsx(D,{style:{width:"64%",height:15}})]},t))}),e.jsxs(ue,{style:{marginTop:22},children:[e.jsxs(Ue,{children:[e.jsx(D,{style:{width:96,height:14}}),e.jsx(D,{style:{width:120}})]}),e.jsxs(Yo,{children:[e.jsxs(Ko,{"aria-hidden":!0,children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx(D,{style:{width:84,height:12}}),e.jsx(D,{style:{width:74,height:12}}),e.jsx(D,{style:{width:62,height:12}}),e.jsx(D,{style:{width:68,height:12}}),e.jsx(D,{style:{width:82,height:12}}),e.jsx(D,{style:{width:60,height:12}})]}),Array.from({length:Dt},(t,n)=>e.jsxs(Go,{children:[e.jsx("span",{}),e.jsx(Yi,{}),e.jsx(D,{style:{width:"82%",height:14}}),e.jsx(D,{style:{width:"70%",height:20}}),e.jsx(D,{style:{width:72}}),e.jsx(D,{style:{width:76}}),e.jsx(D,{style:{height:20}}),e.jsx(D,{style:{width:96,height:32,borderRadius:8}})]},n))]}),e.jsx(Ki,{as:"div",children:e.jsx(D,{style:{width:150,height:13,margin:"0 auto"}})})]}),e.jsx(Xo,{style:{marginTop:22},children:[0,1].map(t=>e.jsxs(ue,{children:[e.jsxs(Ue,{children:[e.jsx(D,{style:{width:110,height:14}}),e.jsx(D,{style:{width:80}})]}),e.jsx($o,{children:[0,1,2,3].map(n=>e.jsx(D,{style:{width:46,height:9}},n))}),Array.from({length:Ot},(n,s)=>e.jsxs(vo,{children:[e.jsx(D,{style:{width:"38%"}}),e.jsx(D,{style:{width:"24%"}}),e.jsx(D,{style:{width:56}}),e.jsx(D,{style:{width:64}})]},s))]},t))}),e.jsxs(ue,{style:{marginTop:22},children:[e.jsxs(Ue,{children:[e.jsx(D,{style:{width:104,height:14}}),e.jsx(D,{style:{width:90}})]}),e.jsx($o,{children:[0,1,2,3,4].map(t=>e.jsx(D,{style:{width:46,height:9}},t))}),Array.from({length:zt},(t,n)=>e.jsxs(vo,{children:[e.jsx(D,{style:{width:"30%"}}),e.jsx(D,{style:{width:"18%"}}),e.jsx(D,{style:{width:72,height:18}}),e.jsx(D,{style:{width:"14%"}}),e.jsx(D,{style:{width:54}})]},n))]})]})}function ec(){var On,Fn;Ts({title:i("myStore.title"),noindex:!0});const{session:t,error:n,signIn:s}=_s(),[l]=ks(),[a,d]=u.useState({key:"30d"}),[h,p]=u.useState(!1),y=u.useRef(null),[x,z]=u.useState(zr),f=u.useCallback(()=>p(!1),[]),j=a.key,C=u.useMemo(()=>Ur(a,Date.now()),[a]),U=j==="custom"&&C.from!=null?jl(C.from,C.to):i(`myStore.period${j}`),[L,I]=u.useState(()=>new Set),[_,E]=u.useState(0),[B,g]=u.useState(0),[F,R]=u.useState(!1),[W,le]=u.useState(wl),[w,M]=u.useState(0),[k,$]=u.useState(null),[P,T]=u.useState(null),[H,V]=u.useState(0),[Q,v]=u.useState(null),[N,ce]=u.useState({key:"nfts",dir:"desc"}),[ee,re]=u.useState(0),[de,Ft]=u.useState(!1),[Le,st]=u.useState(0),[fe,We]=u.useState(null),[S,ne]=u.useState(!1),pe=Ps(),[ts,ns]=u.useState(!1),xn=Es(),os=Rs(),q=Ml(l.get("mock")),je=l.get("env"),ss=$s("/").replace(/\/$/,""),rt=r=>`${ss}${r}`,gn=q;function O(r,m={}){gn||Fs(r,m)}const{data:ke}=Ds(t==null?void 0:t.address),Nt=t==null?void 0:t.address,{data:Te}=gr(Nt),yn=yr.filter(r=>Te==null?void 0:Te.links[r]),bn=(Fn=(On=ke==null?void 0:ke.avatar)==null?void 0:On.snapshots)==null?void 0:Fn.face256,wn=ke!=null&&ke.name?hn(ke.name):null,{stats:rs,trend:Sn,savesByKey:as,saleable:jn,sales:$e,previousEarnedUsd:kn,isLoading:is,error:ls}=Gr(t,C),b=q?fn:rs,Z=q?{...Sn,collectors:Fa,buyers:Na}:Sn,cs=q?!1:is,ds=q?qa:as,He=Cl(t==null?void 0:t.address,C,B),at=q?Ha:He.rows,hs=q?xo:$e.rows,$n=(C.from??Date.parse("2021-07-08T00:00:00Z"))-Math.max(400,(C.days??0)+31)*864e5,Bt=J({queryKey:["mana-usd-rates",$n,C.to],enabled:x==="usd"&&!q,staleTime:60*6e4,queryFn:()=>Dr($n,C.to)}),we=q?Ka:Bt.data??gl,Ut=u.useMemo(()=>q?new Map(((b==null?void 0:b.collections)??[]).flatMap(r=>r.items.map(m=>[m.key.toLowerCase(),dn(m.earnedWei,Lo)]))):qn($e.rows,we,r=>r.itemId===null||r.type!=="mint"?null:`${r.contractAddress.toLowerCase()}-${r.itemId}`).totals,[q,b,$e.rows,we]),ps=u.useMemo(()=>qn($e.rows,we,r=>r.buyer.toLowerCase()).totals,[$e.rows,we]),vn=x==="usd"?(b==null?void 0:b.earningsUsd)!=null&&kn!=null?ln(b.earningsUsd,kn):null:Z.earnings,us=r=>q?dn(r.spentWei,Lo):ps.get(r.address.toLowerCase())??null,ms=u.useMemo(()=>[...new Set(at.map(r=>r.buyer.toLowerCase()))].sort(),[at]),{data:it,isLoading:fs}=Mt(ms),Ke=Math.max(1,Math.ceil(Z.buyers.length/zt)),lt=Math.min(w,Ke-1),Cn=u.useMemo(()=>{if(!Q)return Z.buyers;const r={items:m=>m.items,collections:m=>m.collections,last:m=>m.lastAt,spent:m=>m.spentWei}[Q.key];return Je(Z.buyers,r,Q.dir)},[Z.buyers,Q]),qt=u.useMemo(()=>Cn.slice(lt*zt,(lt+1)*zt),[Cn,lt]),xs=u.useMemo(()=>qt.map(r=>r.address).sort(),[qt]),{data:ct}=Mt(xs),dt=J({queryKey:["store-top-owners",t==null?void 0:t.address,N.key,N.dir,ee],enabled:!q&&!!t,staleTime:5*6e4,placeholderData:r=>r,retry:(r,m)=>!(m instanceof Rt)&&r<1,queryFn:()=>uo(t.address,{sortBy:N.key,orderDirection:N.dir,first:vt,skip:ee*vt})});u.useEffect(()=>{const r=dt.error;!r||r instanceof Rt||r instanceof Uo&&r.status<500||Wo(r,{flow:"my_store",step:"top_owners"})},[dt.error]);const X=q?mo(N,ee,vt):dt.data,ve=Math.max(1,Math.ceil(((X==null?void 0:X.total)??0)/vt)),Mn=J({queryKey:["store-royalties",t==null?void 0:t.address,C.from??null,C.to,Le],enabled:de&&!q&&!!t,placeholderData:r=>r,queryFn:()=>kr({creator:t.address,from:C.from,to:C.to,first:Ct,skip:Le*Ct})}),oe=q?Ya(Le,Ct):Mn.data,Ye=Math.max(1,Math.ceil(((oe==null?void 0:oe.total)??0)/Ct)),gs=u.useMemo(()=>[...new Set(((oe==null?void 0:oe.data)??[]).map(r=>r.buyer.toLowerCase()))].sort(),[oe]),{data:ht}=Mt(gs),ys=u.useMemo(()=>new Map(((b==null?void 0:b.collections)??[]).flatMap(r=>r.items.map(m=>[`${r.contractAddress.toLowerCase()}-${m.itemId}`,{item:m,collection:r.name}]))),[b]),bs=u.useMemo(()=>((b==null?void 0:b.collections)??[]).flatMap(r=>r.items.filter(m=>m.left>0).map(m=>({contractAddress:r.contractAddress,itemId:m.itemId,name:m.name,thumbnail:m.thumbnail,collectionName:r.name,left:m.left}))).sort((r,m)=>m.left-r.left),[b]);u.useEffect(()=>{ee>ve-1&&re(ve-1)},[ee,ve]);const ws=u.useMemo(()=>((X==null?void 0:X.data)??[]).map(r=>r.address).sort(),[X]),{data:pt}=Mt(ws),{data:Ss}=Zs(t==null?void 0:t.address,xn&&!!t),ut=Math.max(1,Math.ceil(((b==null?void 0:b.collections.length)??0)/Dt)),An=u.useMemo(()=>{const r=(b==null?void 0:b.collections)??[];if(!k)return kl(r,W,x);const m={name:A=>A.name,claimed:A=>A.claimed,earnings:A=>x==="usd"?A.earningsUsd:A.earningsWei,sold:A=>A.sold}[k.key];return Je(r,m,k.dir)},[b,W,k,x]),xe=P??(j==="all"?{key:"earnings",dir:"desc"}:null),Ge=u.useMemo(()=>{const r=Ir((b==null?void 0:b.collections)??[],1/0),m={name:Y=>Y.name,collection:Y=>Y.collectionName,sold:Y=>Y.sold,earnings:Y=>x==="usd"?Ut.get(Y.key.toLowerCase())??null:Y.earnedWei},K=(j==="all"?Je(r,m.earnings,"desc"):r).map((Y,Ce)=>({...Y,rank:Ce+1}));return P?Je(K,m[P.key],P.dir):K},[b,P,x,Ut,j]);function mt(r,m){const A=jt(xe,r,m);O("Shop Sorted Store Table",{table:"best_sellers",column:A.key,direction:A.dir}),T(A),V(0)}const Ve=Math.max(1,Math.ceil(Ge.length/nn)),ft=Math.min(H,Ve-1),js=u.useMemo(()=>Ge.slice(ft*nn,(ft+1)*nn),[Ge,ft]),xt=Math.min(_,ut-1),In=u.useMemo(()=>An.slice(xt*Dt,(xt+1)*Dt),[An,xt]),Qe=`${C.from??"all"}-${C.to}`,Ln=Ne(ut>1,`${Qe}-${ut}`),Wn=Ne(Ve>1,`${Qe}-${Ve}`),Tn=Ne((q?1:He.pages)>1,`${Qe}-${He.pages}`),_n=Ne(Ke>1,`${Qe}-${Ke}`),Pn=Ne(ve>1,`${N.key}-${ve}`),En=Ne(Ye>1,`${Qe}-${Ye}`);if(os==="off")return e.jsx(vs,{to:"/",replace:!0});if(!t&&!q)return e.jsxs(zs,{children:[e.jsx(Os,{testId:"my-store-signin",icon:br,title:i("myStore.signInTitle"),body:i("myStore.signInBody"),cta:{label:i("storeSettings.signIn"),onClick:()=>s()},ctaVariant:"solid",fill:!0}),e.jsx(Nn,{message:n})]});const Rn=q?Ua:Ss,Ht=new Map;for(const r of Rn??[])if(!(r.status!=="active"&&r.status!=="scheduled"))for(const m of r.collections)Ht.set(m.toLowerCase(),r);const Dn=(Rn??[]).filter(r=>r.status==="active"||r.status==="scheduled"),zn=C.days,Kt=((b==null?void 0:b.collections)??[]).reduce((r,m)=>r+m.items.length,0);return e.jsx(sr,{children:e.jsx(rr,{children:e.jsx(es.Provider,{value:x,children:e.jsxs(Ga,{"data-testid":"my-store",children:[S&&X?e.jsx(wa,{creator:(t==null?void 0:t.address)??"mock",ownerCount:X.total,items:bs,loadOwners:async(r,m)=>q?mo({key:m,dir:"desc"},0,r).data:(await uo(t.address,{sortBy:m,orderDirection:"desc",first:r,skip:0})).data,onClose:()=>ne(!1),onTrack:O,onContinue:({item:r,recipients:m})=>{ne(!1),t&&We({item:r,contractAddress:r.contractAddress,recipients:m})}}):null,fe&&t?e.jsx(xr,{item:{contractAddress:fe.contractAddress,chainId:me.chainId,itemId:fe.item.itemId,name:fe.item.name,thumbnail:fe.item.thumbnail,available:fe.item.left},session:t,initialRecipients:fe.recipients,onClose:()=>{We(null),pe.invalidateQueries({queryKey:["store-catalogue"]}),pe.invalidateQueries({queryKey:["store-public-catalogue"]})}}):null,F&&t?e.jsx(Js,{session:t,collections:jn,onClose:()=>R(!1),source:"my_store",silent:gn}):null,e.jsxs(Va,{children:[e.jsxs(Qa,{children:[e.jsx(Za,{style:bn?{backgroundImage:`url(${bn})`}:void 0,"data-testid":"store-avatar","aria-hidden":!0}),e.jsxs(Xa,{children:[wn?e.jsx(Ja,{children:wn}):null,e.jsxs(ti,{children:[e.jsx(ei,{children:i("myStore.title")}),b?e.jsxs(go,{children:[i("myStore.summary",{collections:b.collections.length,items:Kt}),yn.length>0?e.jsx(ri,{"data-testid":"store-socials",children:yn.map(r=>e.jsx(ai,{href:(Te==null?void 0:Te.links[r])??"",target:"_blank",rel:"noopener noreferrer",onClick:()=>O("Shop Clicked Store Action",{action:"social_link",link_type:r}),title:i(`creator.link.${r}`),"aria-label":i(`creator.link.${r}`),children:e.jsx(te,{name:vl[r],className:"ico","aria-hidden":!0})},r))}):null]}):e.jsx(go,{children:e.jsx(D,{style:{width:170,background:"rgba(252, 252, 252, 0.18)",animation:"none"}})})]})]})]}),e.jsxs(ni,{children:[Nt?e.jsxs(oi,{href:rt(qe(`/items/creator/${Nt}`,je)),target:"_blank",rel:"noopener noreferrer",onClick:()=>O("Shop Clicked Store Action",{action:"view_public_store"}),"data-testid":"store-view-public",children:[i("myStore.viewPublicStore"),e.jsx(te,{name:"external-link",className:"ico","aria-hidden":!0})]}):null,e.jsxs(si,{to:qe("/store-settings",je),state:{from:"/my-store"},onClick:()=>O("Shop Clicked Store Action",{action:"edit_store"}),"data-testid":"store-edit",children:[e.jsx(te,{name:"pen",className:"ico","aria-hidden":!0}),i("myStore.editStore")]})]})]}),e.jsxs(ii,{children:[e.jsx(li,{children:i("myStore.performance")}),e.jsxs(ci,{children:[e.jsx(di,{role:"group","aria-label":i("myStore.currency"),children:["mana","usd"].map(r=>e.jsx(mi,{type:"button","aria-pressed":x===r,"aria-label":i(r==="usd"?"myStore.currencyUsd":"myStore.currencyPaid"),title:i(r==="usd"?"myStore.currencyUsd":"myStore.currencyPaid"),onClick:()=>{r!==x&&(O("Shop Changed Store Currency",{currency:r}),z(r),Or(r))},"data-testid":`store-currency-${r}`,children:r==="usd"?"$":e.jsx(he,{kind:"mana"})},r))}),e.jsxs(pi,{children:[e.jsxs(ui,{type:"button","aria-expanded":h,"aria-haspopup":"dialog","data-range-trigger":"","aria-label":`${i("myStore.period")}: ${U}`,onClick:()=>{var r;return h?(r=y.current)==null?void 0:r.close():p(!0)},"data-testid":"store-period-trigger",children:[e.jsx(te,{name:"calendar",size:16,"aria-hidden":!0}),e.jsx("span",{children:U}),e.jsx(te,{name:"chevron-down",size:16,"aria-hidden":!0,"data-open":h?"":void 0})]}),h?e.jsx(Ta,{handle:y,from:C.from??C.to-29*864e5,to:C.to,max:Date.now(),presets:Fr.filter(r=>r!=="custom").map(r=>({key:r,label:i(`myStore.period${r}`),active:j===r,onPick:()=>{r!==j&&O("Shop Changed Store Period",{period:r,previous_period:j}),d({key:r}),p(!1),g(0)}})),onClose:f,onApply:(r,m)=>{O("Shop Changed Store Period",{period:"custom",previous_period:j,days:Math.round((m-r)/864e5)+1}),d({key:"custom",from:r,to:m}),p(!1),g(0)}}):null]})]})]}),x==="usd"&&!q&&Bt.isError?e.jsx(yo,{"data-testid":"store-usd-unavailable",children:i("myStore.usdUnavailable")}):x==="usd"&&b&&b.unpricedSales>0?e.jsx(yo,{"data-testid":"store-usd-unpriced",children:i("myStore.usdUnpriced",{count:b.unpricedSales})}):null,e.jsx(Nn,{message:ls?i("myStore.error"):null,testId:"my-store-error"}),cs||!b?e.jsx(Tl,{}):e.jsxs(e.Fragment,{children:[e.jsxs(qo,{"aria-label":i("myStore.summaryAria"),children:[e.jsxs(Ie,{children:[e.jsxs(_e,{children:[i("myStore.tileSold"),e.jsx(Pe,{"aria-hidden":!0,children:"🛍️"})]}),e.jsx(Ee,{children:e.jsx("span",{"data-testid":"store-sold",children:b.sold.toLocaleString()})}),e.jsxs(Re,{children:[e.jsx(rn,{delta:Z.sold,period:j}),!sn(Z.sold)&&(b.sold===0?i("myStore.tileSoldNone"):b.resales===0?i("myStore.tileSoldFootMintsOnly",{mints:b.mints}):i("myStore.tileSoldFoot",{mints:b.mints,resales:b.resales}))]})]}),e.jsxs(Ie,{children:[e.jsxs(_e,{children:[i("myStore.tileEarnings"),e.jsx(Pe,{"aria-hidden":!0,children:"💰"})]}),e.jsxs(Ee,{"data-testid":"store-earnings",children:[e.jsx(Se,{wei:b.earningsWei,usd:b.earningsUsd}),x==="usd"?null:e.jsx(bo,{children:i("myStore.manaUnit")})]}),e.jsxs(Re,{children:[e.jsx(rn,{delta:vn,period:j}),b.partial?e.jsxs(e.Fragment,{children:[e.jsx(wo,{children:i("myStore.estimate")})," ",i("myStore.tileEarningsPartial")]}):sn(vn)?null:i("myStore.tileEarningsFoot")]})]}),e.jsxs(Ie,{children:[e.jsxs(_e,{children:[i("myStore.tileListed"),e.jsx(Pe,{"aria-hidden":!0,children:"🏷️"})]}),e.jsxs(Ee,{children:[b.listed+b.classic,e.jsx(bo,{children:i("myStore.ofTotal",{n:Kt})})]}),e.jsx(Re,{children:Kt===0?i("myStore.tileListedNone"):i("myStore.tileListedFoot",{count:b.neverListed})})]}),e.jsxs(Ie,{children:[e.jsxs(_e,{children:[i("myStore.tileDiscounts"),e.jsx(Pe,{"aria-hidden":!0,children:"🔥"})]}),e.jsx(Ee,{"data-testid":"store-discounts",children:Dn.length}),e.jsx(Re,{children:Dn.length>0?i("myStore.tileDiscountsFoot"):i("myStore.tileDiscountsNone")})]})]}),e.jsx(ue,{"aria-labelledby":"store-chart-h","data-testid":"store-chart-panel",children:e.jsx(ha,{heading:e.jsxs("div",{children:[e.jsx(Ae,{id:"store-chart-h",children:i("myStore.chart.title")}),e.jsx(tn,{children:i("myStore.chart.sub")})]}),address:t==null?void 0:t.address,range:C,rows:hs,truncated:$e.truncated,fetching:$e.isFetching||x==="usd"&&!q&&Bt.isFetching,collections:b.collections,onTrack:O,comparisonRows:q?xo:void 0,currency:x,rateBook:we})}),b.classic>0&&!ts?e.jsx(er,{count:b.classic,reason:"discounts",to:qe("/activity?section=listings",je),onDismiss:()=>{O("Shop Clicked Store Action",{action:"dismiss_pricing_banner",classic_items:b.classic}),ns(!0)},onCta:()=>O("Shop Clicked Store Action",{action:"update_prices",classic_items:b.classic})}):null,e.jsxs(ue,{"aria-labelledby":"store-coll-h",children:[e.jsxs(cl,{children:[e.jsx(Ae,{id:"store-coll-h",children:i("myStore.collectionsCount",{count:b.collections.length})}),e.jsxs(dl,{children:[b.collections.length>1?e.jsx(gi,{options:[{value:"sold",label:i("myStore.sortSold")},{value:"earned",label:i("myStore.sortEarned")},...b.collections.some(r=>r.createdAt)?[{value:"newest",label:i("myStore.sortNewest")}]:[],{value:"name",label:i("myStore.sortName")}],value:k?void 0:W,placeholder:i("myStore.sortCustom"),onChange:r=>{O("Shop Sorted Store Collections",{sort:r}),le(r),$(null),E(0),Sl(r)},align:"right",ariaLabel:i("myStore.sortBy"),className:"store-sort"}):null,q||xn&&t&&jn.length>0?e.jsxs(an,{variant:"red",size:"sm",onClick:()=>R(!0),"data-testid":"store-new-discount",children:[e.jsx("span",{"aria-hidden":!0,children:"🔥"}),i("myStore.newDiscount")]}):null]})]}),b.collections.length===0?e.jsx(ge,{children:i("myStore.noCollections")}):e.jsx(e.Fragment,{children:e.jsxs(Yo,{ref:Ln.ref,style:Ln.style,children:[e.jsxs(Ko,{children:[e.jsx("span",{}),e.jsx("span",{}),[["name",i("myStore.colCollection"),"asc"],null,["claimed",i("myStore.colClaimed"),"desc"],["earnings",i("myStore.colEarnings"),"desc"],["sold",zn?i("myStore.colTrend",{days:zn}):i("myStore.colTrendAll"),"desc"]].map((r,m)=>r?e.jsx("span",{children:e.jsx(Me,{label:r[1],dir:se(k,r[0]),testId:`store-sort-collections-${r[0]}`,onSort:()=>{const A=jt(k,r[0],r[2]);O("Shop Sorted Store Table",{table:"collections",column:A.key,direction:A.dir}),$(A),E(0)}})},r[0]):e.jsx("span",{children:i("myStore.colDiscounts")},`plain-${m}`)),e.jsx("span",{children:i("myStore.colActions")})]}),In.map(r=>e.jsx(Wl,{collection:r,discount:Ht.get(r.contractAddress)??null,savesByKey:ds,env:je,open:L.has(r.contractAddress),onToggle:()=>{L.has(r.contractAddress)||O("Shop Expanded Store Collection",{contract_address:r.contractAddress,items:r.items.length,exhausted:r.exhausted,has_discount:Ht.has(r.contractAddress)}),I(m=>{const A=new Set(m);return A.delete(r.contractAddress)||A.add(r.contractAddress),A})},onManage:()=>O("Shop Clicked Store Action",{action:"manage_collection",contract_address:r.contractAddress}),onIssue:t?m=>{O("Shop Clicked Store Action",{action:"issue_copies",contract_address:r.contractAddress}),We({item:m,contractAddress:r.contractAddress})}:void 0},r.contractAddress))]})}),b.collections.length>0?e.jsxs(ze,{children:[e.jsxs("span",{"data-testid":"store-showing",children:[i("myStore.showingOf",{shown:In.length.toLocaleString(),total:b.collections.length.toLocaleString()}),b.breakdownPartial?e.jsxs(e.Fragment,{children:[" · ",i("myStore.soldPartial",{n:b.fetched.toLocaleString()})]}):null]}),e.jsx(Fe,{page:xt,pages:ut,onChange:r=>{O("Shop Paged Store Table",{table:"collections",page:r+1}),E(r)},name:"collections"})]}):null]}),e.jsxs(Xo,{children:[e.jsxs(ue,{"aria-labelledby":"store-best-h",children:[e.jsx(Co,{children:e.jsxs("div",{children:[e.jsx(Ae,{id:"store-best-h",children:i("myStore.bestSellers")}),e.jsxs(tn,{children:[i("myStore.bestSellersSub",{n:Ge.length}),b.breakdownPartial?e.jsxs(e.Fragment,{children:[" · ",i("myStore.soldPartial",{n:b.fetched.toLocaleString()})]}):null]})]})}),Ge.length===0?e.jsx(ge,{children:i("myStore.noBestSellers")}):e.jsx(Ze,{ref:Wn.ref,style:Wn.style,children:e.jsxs(fl,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col","aria-sort":Oe(se(xe,"name")),children:e.jsxs(Ao,{children:[e.jsx(Mo,{"aria-hidden":!0,children:"#"}),e.jsx(Me,{label:i("myStore.colItem"),dir:se(xe,"name"),testId:"store-sort-best-name",onSort:()=>mt("name","asc")})]})}),e.jsx("th",{scope:"col","aria-sort":Oe(se(xe,"collection")),children:e.jsx(Me,{label:i("myStore.colCollection"),dir:se(xe,"collection"),testId:"store-sort-best-collection",onSort:()=>mt("collection","asc")})}),e.jsx("th",{scope:"col",style:{textAlign:"center"},"aria-sort":Oe(se(xe,"sold")),children:e.jsx(Me,{label:i("myStore.colSold"),dir:se(xe,"sold"),testId:"store-sort-best-sold",onSort:()=>mt("sold","desc")})}),e.jsx("th",{scope:"col",style:{textAlign:"right"},"aria-sort":Oe(se(xe,"earnings")),children:e.jsx(Me,{label:i("myStore.colEarnings"),dir:se(xe,"earnings"),align:"right",testId:"store-sort-best-earnings",onSort:()=>mt("earnings","desc")})})]})}),e.jsx("tbody",{children:js.map(r=>e.jsxs("tr",{"data-testid":"store-best",children:[e.jsx("td",{children:e.jsxs(Ao,{children:[e.jsx(Mo,{children:r.rank}),e.jsxs(Zt,{as:"a",href:rt(on(r.contractAddress,r.itemId,je)),target:"_blank",rel:"noopener noreferrer",onClick:()=>O("Shop Clicked Store Action",{action:"open_item",table:"best_sellers",rank:r.rank}),"data-testid":"store-best-item",children:[e.jsx(Jt,{style:{backgroundImage:Wt(r.rarity)},children:r.thumbnail?e.jsx("img",{src:r.thumbnail,alt:"",loading:"lazy"}):null}),e.jsx("span",{children:r.name})]})]})}),e.jsx("td",{"data-dim":!0,children:r.collectionName}),e.jsx("td",{style:{textAlign:"center",fontWeight:600},"data-testid":"store-best-sold",children:r.sold.toLocaleString()}),e.jsx("td",{"data-money":!0,children:e.jsx(De,{children:e.jsx(Se,{wei:r.earnedWei,usd:Ut.get(r.key.toLowerCase())??null})})})]},r.key))})]})}),Ve>1?e.jsxs(ze,{children:[e.jsx("span",{}),e.jsx(Fe,{page:ft,pages:Ve,onChange:r=>{O("Shop Paged Store Table",{table:"best_sellers",page:r+1}),V(r)},name:"best"})]}):null]}),e.jsxs(ue,{"aria-labelledby":"store-feed-h",children:[e.jsxs(Co,{children:[e.jsxs("div",{children:[e.jsx(Ae,{id:"store-feed-h",children:i("myStore.recentSales")}),e.jsx(tn,{children:i("myStore.recentSalesSub")})]}),e.jsxs(ml,{to:"/activity",onClick:()=>O("Shop Clicked Store Action",{action:"view_all_sales"}),children:[i("myStore.viewAll"),e.jsx(te,{name:"arrow-up-right",size:14,"aria-hidden":!0})]})]}),at.length===0?e.jsx(ge,{children:i("myStore.noSales")}):e.jsx(Ze,{ref:Tn.ref,style:Tn.style,children:e.jsxs(xl,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:i("myStore.colItem")}),e.jsx("th",{scope:"col",children:i("myStore.colCollection")}),e.jsx("th",{scope:"col",style:{textAlign:"right"},children:i("myStore.colPrice")}),e.jsx("th",{scope:"col",children:i("myStore.colBuyer")}),e.jsx("th",{scope:"col",children:i("myStore.colDate")})]})}),e.jsx("tbody",{children:at.map(r=>{var Ce,Xe;const m=b.collections.find(Yt=>Yt.contractAddress===r.contractAddress.toLowerCase()),A=m==null?void 0:m.items.find(Yt=>Yt.itemId===r.itemId),K=it==null?void 0:it.get(r.buyer.toLowerCase()),Y=(Xe=(Ce=K==null?void 0:K.avatar)==null?void 0:Ce.snapshots)==null?void 0:Xe.face256;return e.jsxs("tr",{"data-testid":"store-sale",children:[e.jsx("td",{children:e.jsxs(Zt,{as:r.itemId?"a":"span",...r.itemId?{href:rt(on(r.contractAddress,r.itemId,je)),target:"_blank",rel:"noopener noreferrer",onClick:()=>O("Shop Clicked Store Action",{action:"open_item",table:"recent_sales"}),"data-testid":"store-sale-item"}:{},children:[e.jsx(Jt,{style:{backgroundImage:Wt(A==null?void 0:A.rarity)},children:A!=null&&A.thumbnail?e.jsx("img",{src:A.thumbnail,alt:"",loading:"lazy"}):null}),e.jsxs(Io,{children:[e.jsx("span",{children:(A==null?void 0:A.name)??(m==null?void 0:m.name)??r.itemId??i("myStore.unknownItem")}),e.jsx(Tt,{content:i("myStore.kindHint"),children:e.jsx(Hi,{"data-kind":r.type,"data-testid":"store-kind-hint",children:r.type==="mint"?i("myStore.kindMint"):i("myStore.kindResale")})})]})]})}),e.jsx("td",{"data-dim":!0,children:(m==null?void 0:m.name)??"—"}),e.jsx("td",{"data-money":!0,children:e.jsx(De,{children:e.jsx(Se,{wei:G(r.price),usd:et(r,we)})})}),e.jsx("td",{children:fs?e.jsxs(Ni,{"aria-hidden":!0,children:[e.jsx("i",{}),e.jsx("b",{})]}):e.jsxs(kt,{href:At(r.buyer),target:"_blank",rel:"noopener noreferrer",onClick:()=>O("Shop Clicked Store Action",{action:"open_buyer",table:"recent_sales"}),"data-testid":"store-sale-buyer",children:[e.jsx($t,{style:Y?{backgroundImage:`url(${Y})`}:void 0,"aria-hidden":!0}),It(r.buyer,it)]})}),e.jsx("td",{"data-dim":!0,children:Lt(r.timestamp)})]},r.id)})})]})}),He.pages>1?e.jsxs(ze,{children:[e.jsx("span",{}),e.jsx(Fe,{page:B,pages:He.pages,onChange:r=>{O("Shop Paged Store Table",{table:"recent_sales",page:r+1}),g(r)},name:"sales"})]}):null]})]}),e.jsxs(Vi,{children:[e.jsx(Qi,{id:"store-audience-h",children:i("myStore.audience")}),e.jsx(Xi,{children:i("myStore.audienceSub")})]}),e.jsxs(Zi,{children:[e.jsxs(Ie,{children:[e.jsxs(_e,{children:[e.jsxs("span",{children:[i("myStore.tileCollectors"),e.jsx(Tt,{content:i("myStore.collectorsHint"),children:e.jsx(jo,{type:"button","aria-label":i("myStore.tileCollectors"),"data-testid":"store-collectors-hint",children:e.jsx(te,{name:"info",className:"ico","aria-hidden":!0})})})]}),e.jsx(Pe,{"aria-hidden":!0,children:"👥"})]}),e.jsx(Ee,{"data-testid":"store-collectors",children:Z.collectors.total.toLocaleString()}),e.jsx(Re,{children:Z.collectors.total===0?i("myStore.tileCollectorsNone"):e.jsxs(e.Fragment,{children:[b.breakdownPartial?e.jsxs(e.Fragment,{children:[e.jsx(wo,{children:i("myStore.estimate")})," "]}):null,Z.collectors.topSharePct>=50?i("myStore.tileCollectorsConcentrated",{pct:Math.floor(Z.collectors.topSharePct)}):i("myStore.tileCollectorsFoot",{repeat:Z.collectors.repeat,pct:Math.round(Z.collectors.repeatPct)})]})})]}),b.royalties?e.jsxs(Ie,{children:[e.jsxs(_e,{children:[e.jsxs("span",{children:[i("myStore.tileRoyalties"),e.jsx(Tt,{content:i("myStore.royaltiesHint"),children:e.jsx(jo,{type:"button","aria-label":i("myStore.tileRoyalties"),"data-testid":"store-royalties-hint",children:e.jsx(te,{name:"info",className:"ico","aria-hidden":!0})})})]}),e.jsx(Pe,{"aria-hidden":!0,children:"🔁"})]}),e.jsxs(Ee,{"data-testid":"store-royalties",children:[b.royalties.paidWei!=null?null:e.jsx(fi,{children:"≈"}),e.jsx(he,{kind:"mana"}),Be(b.royalties.paidWei??Il(b.royalties.volumeWei))]}),e.jsxs(Re,{children:[e.jsx(rn,{delta:Z.royalties,period:j}),sn(Z.royalties)?null:e.jsx("span",{children:Po("myStore.tileRoyaltiesFoot",{m:r=>e.jsxs(e.Fragment,{children:[e.jsx(he,{kind:"mana"}),r]}),count:b.royalties.resales,volume:Be(b.royalties.volumeWei)})})]}),b.royalties.resales>0?e.jsxs(el,{type:"button","aria-expanded":de,"aria-controls":"store-royalties-panel",onClick:()=>{de||O("Shop Clicked Store Action",{action:"open_royalties"}),Ft(r=>!r),st(0)},"data-testid":"store-royalties-open",children:[i(de?"myStore.royaltiesHide":"myStore.royaltiesShow"),e.jsx(te,{name:"chevron-down",size:14,"aria-hidden":!0,style:{transform:de?"rotate(180deg)":void 0}})]}):null]}):null]}),de?e.jsxs(ue,{id:"store-royalties-panel","aria-labelledby":"store-royalties-h","data-testid":"store-royalties-panel",children:[e.jsxs(Ue,{children:[e.jsx(Ae,{id:"store-royalties-h",children:i("myStore.royaltiesTitle")}),e.jsx(Xt,{children:i("myStore.royaltiesSub")})]}),oe?oe.total===0?e.jsx(ge,{"data-testid":"store-royalties-none",children:i("myStore.royaltiesNone")}):e.jsx(Ze,{ref:En.ref,style:En.style,children:e.jsxs(Ji,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:i("myStore.colItem")}),e.jsx("th",{scope:"col",children:i("myStore.colDate")}),e.jsx("th",{scope:"col",children:i("myStore.colBuyer")}),e.jsx("th",{scope:"col",style:{textAlign:"right"},children:i("myStore.colResoldFor")}),e.jsx("th",{scope:"col",style:{textAlign:"right"},children:i("myStore.colRoyalty")})]})}),e.jsx("tbody",{children:oe.data.map(r=>{var Y,Ce,Xe;const m=r.itemId===null?void 0:ys.get(`${r.contractAddress.toLowerCase()}-${r.itemId}`),A=(Xe=(Ce=(Y=ht==null?void 0:ht.get(r.buyer.toLowerCase()))==null?void 0:Y.avatar)==null?void 0:Ce.snapshots)==null?void 0:Xe.face256,K={timestamp:r.timestamp};return e.jsxs("tr",{"data-testid":"store-royalty",children:[e.jsx("td",{children:e.jsxs(Zt,{as:"a",...r.itemId?{href:rt(on(r.contractAddress,r.itemId,je)),target:"_blank",rel:"noopener noreferrer"}:{},children:[e.jsx(Jt,{style:{backgroundImage:Wt(m==null?void 0:m.item.rarity)},children:m!=null&&m.item.thumbnail?e.jsx("img",{src:m.item.thumbnail,alt:"",loading:"lazy"}):null}),e.jsxs(Io,{children:[e.jsx("span",{children:(m==null?void 0:m.item.name)??i("myStore.unknownItem")}),m?e.jsx("small",{children:m.collection}):null]})]})}),e.jsx("td",{"data-dim":!0,children:Lt(r.timestamp)}),e.jsx("td",{children:e.jsxs(kt,{href:At(r.buyer),target:"_blank",rel:"noopener noreferrer",children:[e.jsx($t,{style:A?{backgroundImage:`url(${A})`}:void 0,"aria-hidden":!0}),It(r.buyer,ht)]})}),e.jsx("td",{"data-money":!0,"data-dim":!0,children:e.jsx(De,{children:e.jsx(Se,{wei:G(r.priceWei),usd:et({...K,price:r.priceWei},we)})})}),e.jsx("td",{"data-money":!0,"data-testid":"store-royalty-amount",children:e.jsx(De,{children:e.jsx(Se,{wei:G(r.royaltyWei),usd:et({...K,price:r.royaltyWei},we)})})})]},r.id)})})]})}):Mn.isError?e.jsx(ge,{"data-testid":"store-royalties-error",children:i("myStore.royaltiesError")}):e.jsx(ge,{children:i("myStore.royaltiesLoading")}),oe&&Ye>1?e.jsxs(ze,{children:[e.jsxs("span",{children:[i("myStore.royaltiesCount",{count:oe.total})," · ",e.jsx(he,{kind:"mana"}),Be(G(oe.royaltiesWei))]}),e.jsx(Fe,{page:Math.min(Le,Ye-1),pages:Ye,onChange:r=>{O("Shop Paged Store Table",{table:"royalties",page:r+1}),st(r)},name:"royalties"})]}):null]}):null,e.jsxs(ue,{"aria-labelledby":"store-buyers-h",children:[e.jsxs(Ue,{children:[e.jsx(Ae,{id:"store-buyers-h",children:i("myStore.buyers")}),e.jsx(Xt,{children:i("myStore.buyersHint")})]}),Z.buyers.length===0?e.jsx(ge,{"data-testid":"store-buyers-none",children:i("myStore.noBuyers")}):e.jsx(Ze,{ref:_n.ref,style:_n.style,children:e.jsxs(tl,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:i("myStore.colBuyer")}),[["items",i("myStore.colItems"),"desc"],["collections",i("myStore.colCollections"),"desc"],["last",i("myStore.colLast"),"desc"],["spent",i("myStore.colSpent"),"desc"]].map(([r,m,A])=>e.jsx("th",{scope:"col",style:r==="spent"?{textAlign:"right"}:void 0,"aria-sort":Oe(se(Q,r)),children:e.jsx(Me,{label:m,dir:se(Q,r),align:r==="spent"?"right":"left",testId:`store-sort-buyers-${r}`,onSort:()=>{const K=jt(Q,r,A);O("Shop Sorted Store Table",{table:"buyers",column:K.key,direction:K.dir}),v(K),M(0)}})},r))]})}),e.jsx("tbody",{children:qt.map(r=>{var A,K,Y;const m=(Y=(K=(A=ct==null?void 0:ct.get(r.address))==null?void 0:A.avatar)==null?void 0:K.snapshots)==null?void 0:Y.face256;return e.jsxs("tr",{"data-testid":"store-buyer",children:[e.jsx("td",{children:e.jsxs(kt,{href:At(r.address),target:"_blank",rel:"noopener noreferrer",onClick:()=>O("Shop Clicked Store Action",{action:"open_buyer",table:"buyers"}),"data-testid":"store-buyer-name",children:[e.jsx($t,{style:m?{backgroundImage:`url(${m})`}:void 0,"aria-hidden":!0}),It(r.address,ct)]})}),e.jsx("td",{"data-dim":!0,children:i("myStore.buyerItems",{count:r.items})}),e.jsx("td",{"data-dim":!0,children:i("myStore.buyerCollections",{count:r.collections})}),e.jsx("td",{"data-dim":!0,children:Lt(r.lastAt)}),e.jsx("td",{"data-money":!0,children:e.jsx(De,{children:e.jsx(Se,{wei:r.spentWei,usd:us(r)})})})]},r.address)})})]})}),Ke>1?e.jsxs(ze,{children:[e.jsx("span",{}),e.jsx(Fe,{page:lt,pages:Ke,onChange:r=>{O("Shop Paged Store Table",{table:"buyers",page:r+1}),M(r)},name:"buyers"})]}):null]}),X||dt.error instanceof Rt?e.jsxs(ue,{"aria-labelledby":"store-owners-h","data-testid":"store-owners-panel",children:[e.jsxs(Ue,{children:[e.jsx(Ae,{id:"store-owners-h",children:i("myStore.owners")}),e.jsxs(xi,{children:[e.jsx(Xt,{children:i("myStore.ownersHint")}),(t||q)&&X&&X.total>0?e.jsxs(an,{variant:"red",size:"sm",onClick:()=>{O("Shop Clicked Store Action",{action:"reward_owners"}),ne(!0)},"data-testid":"store-reward-owners",children:[e.jsx("span",{"aria-hidden":!0,children:"🎁"}),i("myStore.rewardOwners")]}):null]})]}),X?X.total===0?e.jsx(ge,{"data-testid":"store-owners-none",children:i("myStore.noOwners")}):e.jsx(Ze,{ref:Pn.ref,style:Pn.style,children:e.jsxs(nl,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:i("myStore.colOwner")}),yl.map(({key:r,label:m,first:A})=>e.jsx("th",{scope:"col",style:r==="spent"?{textAlign:"right"}:void 0,"aria-sort":Oe(se(N,r)),children:e.jsx(Me,{label:i(m),dir:se(N,r),align:r==="spent"?"right":"left",testId:`store-sort-owners-${r}`,onSort:()=>{const K=jt(N,r,A);O("Shop Sorted Store Table",{table:"owners",column:K.key,direction:K.dir}),ce(K),re(0)}})},r))]})}),e.jsx("tbody",{children:X.data.map(r=>{var A,K,Y;const m=(Y=(K=(A=pt==null?void 0:pt.get(r.address))==null?void 0:A.avatar)==null?void 0:K.snapshots)==null?void 0:Y.face256;return e.jsxs("tr",{"data-testid":"store-owner",children:[e.jsx("td",{children:e.jsxs(kt,{href:At(r.address),target:"_blank",rel:"noopener noreferrer",onClick:()=>O("Shop Clicked Store Action",{action:"open_owner",table:"owners"}),"data-testid":"store-owner-name",children:[e.jsx($t,{style:m?{backgroundImage:`url(${m})`}:void 0,"aria-hidden":!0}),It(r.address,pt)]})}),e.jsx("td",{"data-testid":"store-owner-nfts",children:r.nfts.toLocaleString()}),e.jsx("td",{"data-dim":!0,children:i("myStore.buyerItems",{count:r.items})}),e.jsx("td",{"data-dim":!0,children:i("myStore.buyerCollections",{count:r.collections})}),e.jsx("td",{"data-dim":!0,children:Lt(r.lastAcquiredAt)}),e.jsx("td",{"data-money":!0,children:e.jsxs(De,{children:[e.jsx(he,{kind:"mana"}),Be(G(r.spentWei))]})})]},r.address)})})]})}):e.jsx(ge,{"data-testid":"store-owners-unavailable",children:i("myStore.ownersUnavailable")}),X&&ve>1?e.jsxs(ze,{children:[e.jsx("span",{children:i("myStore.ownersCount",{count:X.total})}),e.jsx(Fe,{page:ee,pages:ve,onChange:r=>{O("Shop Paged Store Table",{table:"owners",page:r+1}),re(r)},name:"owners"})]}):null]}):null]})]})})})})}export{ec as MyStore,ec as default};
+//# sourceMappingURL=MyStore-CdTXUo-D.js.map