@dcl/shop 1.17.2-36417112568.commit-e2afc81 → 1.17.2-36418293890.commit-220d68e

package/_assets/MyStore-C5KnNX82.js

@@ -0,0 +1,2122 @@
+import{r as y,j as e,L as Pe,u as Co,f as Ao,N as Mo}from"./react-LHIQ98KR.js";import{c as re,bU as Io,w as Z,l as Bn,cZ as Lo,c_ as To,s as c,t as r,z as Wo,a as o,c$ as Me,I as se,aH as Et,bO as qn,d0 as Hn,d1 as _o,ca as Po,H as Tt,B as Eo,x as Do,X as zo,cc as Fo,d2 as Oo,a6 as Ro,aK as No,a2 as Bo,d3 as Wt,d4 as Kn,O as qo,c9 as Ho,ay as Ko,az as Uo,aA as Yo,av as Go}from"./index-Bp3aHt26.js";import{f as Vo,c as Qo,D as Xo,S as Zo}from"./SaleCountdown-CVfn_nkW.js";import{d as Jo}from"./dcl-schemas-_B0Kk1dX.js";import{t as es,u as ts,C as ns,M as os,i as ss}from"./ManaPricingBanner-dP4FGFiE.js";import{T as Qe}from"./Tooltip-DodLiQGn.js";import{m as as}from"./mana-matic-CEqvSwrJ.js";import{g as Un,f as rs,R as is,M as ls}from"./browseLayout.styles-C0-FBoNa.js";import{E as on}from"./ErrorNotice-BmAQfVhf.js";import{M as cs,S as ds,C as hs,H as ps,T as us,a as ms,b as fs,N as sn,A as xs,O as gs,P as ys,I as bs}from"./IssueModal-DfxiUimT.js";import{u as ws,L as js}from"./useStore-DtSFjEO-.js";import{s as Ss}from"./signin-empty-DnbkmKDt.js";import"./sentry-DfhH7M7m.js";import"./ethers-Dp2JFZH-.js";import"./intl-AKLEHPeO.js";import"./errors-DADPuabe.js";import"./sha3-DG5Rerll.js";import"./browser-Br_PGSx5.js";import"./trade-encoding-ckNC4fJ-.js";import"./sendMetaTransaction-DqCaiE1G.js";import"./ManaPricingBanner.styles-8psnL7zm.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]="91a0a618-8931-4d43-a1a2-ab5281bb93ce",t._sentryDebugIdIdentifier="sentry-dbid-91a0a618-8931-4d43-a1a2-ab5281bb93ce")}catch{}})();function te(t){try{return BigInt(t||"0")}catch{return 0n}}async function an(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(`${re.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 ks(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 Dt(t){var l;const n=await fetch(`${re.marketplaceServerUrl}/v1/sales?${ks(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 $s(t){const{total:n}=await Dt({...t,first:1});return n}async function vs(t,{first:n,skip:s}){const{data:l,total:a}=await Dt({...t,first:n,skip:s});return{rows:l,total:a}}async function Yn(t,{cap:n=5e3}={}){const l=[];let a=0;for(let d=0;d<n;d+=1e3){const p=Math.min(1e3,n-d),h=await Dt({...t,first:p,skip:d});if(a=h.total,l.push(...h.data),h.data.length<p||l.length>=a)break}return{rows:l,total:a,truncated:a>l.length}}const Cs=864e5;function rn(t,n){return{current:t,previous:n,pct:n===0?null:(t-n)/n*100}}function As(t,n){const s=n===0n?null:Number((t-n)*10000n/n)/100;return{current:Number(t),previous:Number(n),pct:s}}function Ms(t,n=3){var p;const s=t.filter(Gn),l=new Map;for(const h of s){const f=h.buyer.toLowerCase();l.set(f,(l.get(f)??0)+1)}const a=[...l.entries()].sort((h,f)=>f[1]-h[1]||h[0].localeCompare(f[0])),d=a.filter(([,h])=>h>1).length;return{total:a.length,repeat:d,repeatPct:a.length===0?0:d/a.length*100,topSharePct:s.length===0?0:(((p=a[0])==null?void 0:p[1])??0)/s.length*100,top:a.slice(0,n).map(([h,f])=>({address:h,bought:f}))}}function Gn(t){return t.type==="mint"&&t.itemId!=null}function Is(t,n){const s=t.filter(Gn),l=new Map;for(const a of s){const d=a.buyer.toLowerCase(),p=a.contractAddress.toLowerCase(),h=l.get(d)??{bought:0,items:new Set,collections:new Set,spentWei:0n,lastAt:0};h.bought+=1,h.items.add(`${p}-${a.itemId}`),h.collections.add(p),h.spentWei+=te(a.price),a.timestamp>h.lastAt&&(h.lastAt=a.timestamp),l.set(d,h)}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 Ls(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)/Cs))}function Ts(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 Xe=100;async function Ws(t){const[{collections:n},s]=await Promise.all([Io(t,{first:Xe}),Es(t)]),l=new Map(n.map(a=>[a.contractAddress.toLowerCase(),a.name]));return s.map(a=>{const d=a.contractAddress.toLowerCase(),p=(a.rarity??"common").toLowerCase(),h=Ps(p),f=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:p,thumbnail:a.thumbnail??"",type:a.category==="emote"?"emote":"wearable",isPublished:!0,isApproved:!0,totalSupply:Math.max(0,h-f),maxSupply:h,remainingSupply:f,createdAt:a.createdAt?a.createdAt*1e3:void 0,minters:[]}})}function _s(t,n){const s=new Set(t.map(l=>l.contractAddress.toLowerCase()));return[...t,...n.filter(l=>!s.has(l.contractAddress.toLowerCase()))]}function Ps(t){try{return Jo.Rarity.getMaxSupply(t)}catch{return 0}}async function Es(t){var s;const n=[];for(let l=0;;l+=Xe){const a=new URLSearchParams({creator:t,first:String(Xe),skip:String(l),includeSocialEmotes:"false"}),d=await fetch(`${re.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:p}=await d.json(),h=p??[];if(n.push(...h),h.length<Xe)return n}}const _t=864e5,Ze=14;function Ds(t,n,s){const l=new Array(Ze).fill(0),a=s-n*_t,d=n*_t/Ze;for(const p of t)p.timestamp<a||p.timestamp>s||(l[Math.min(Ze-1,Math.floor((p.timestamp-a)/d))]+=1);return l}function zs({rows:t,total:n,truncated:s,mints:l,summary:a,catalogue:d,saleState:p,unreadable:h,days:f,now:v}){const L=new Map,g=new Map,T=new Map;for(const u of t){if(u.type!=="mint"||u.itemId==null)continue;const w=u.contractAddress.toLowerCase(),M=`${w}-${u.itemId}`;L.set(M,(L.get(M)??0)+1),g.set(M,(g.get(M)??0n)+te(u.price));const I=T.get(w)??[];I.push(u),T.set(w,I)}const O=t.reduce((u,w)=>w.timestamp<u?w.timestamp:u,v),E=Math.max(1,Math.ceil((v-O)/_t)),C=f!=null&&!s?f:Math.max(f==null?Ze:1,E),b=new Map(((a==null?void 0:a.byItem)??[]).map(u=>[`${u.contractAddress.toLowerCase()}-${u.itemId}`,u.soldLifetime])),D=new Map(((a==null?void 0:a.byCollection)??[]).map(u=>[u.contractAddress.toLowerCase(),u])),W=new Map;let q=0,m=0,K=0,F=0,P=0;for(const u of d){const w=u.contractAddress.toLowerCase(),M=p[`${u.contractAddress}-${u.blockchainItemId}`],I=u.remainingSupply<=0?"soldout":h!=null&&h.has(w)?"unknown":M!=null&&M.isOnSale?M.manaWei?"classic":"discounted":"unlisted";I==="soldout"?F+=1:I==="unlisted"?P+=1:I==="classic"?K+=1:I==="discounted"&&(m+=1);const S=W.get(w)??{contractAddress:w,collectionId:u.collectionId,name:u.collectionName,items:[],listed:0,classic:0,soldOut:0,sold:0,earningsWei:0n,createdAt:null,trend:[],claimed:0,runTotal:0,exhausted:!1},N=L.get(`${w}-${u.blockchainItemId}`)??0;S.items.push({key:`${w}-${u.blockchainItemId}`,itemId:u.blockchainItemId,name:u.name,thumbnail:u.thumbnail,rarity:u.rarity,left:u.remainingSupply,minted:u.totalSupply,sold:N,earnedWei:g.get(`${w}-${u.blockchainItemId}`)??0n,lifetimeSold:b.get(`${w}-${u.blockchainItemId}`)??null,priceCredits:(M==null?void 0:M.priceCredits)??null,manaWei:(M==null?void 0:M.manaWei)??null,createdAt:u.createdAt??null,state:I}),S.sold+=N,S.claimed+=u.totalSupply,S.runTotal+=u.totalSupply+u.remainingSupply,q+=N,u.createdAt&&(S.createdAt==null||u.createdAt>S.createdAt)&&(S.createdAt=u.createdAt),I==="soldout"?S.soldOut+=1:I==="classic"?S.classic+=1:I==="discounted"&&(S.listed+=1),W.set(w,S)}for(const[u,w]of W){const M=T.get(u)??[],I=D.get(u);w.earningsWei=I?te(I.earnedWei):M.reduce((S,N)=>S+te(N.price),0n),I&&(w.sold=I.sold),w.trend=Ds(M,C,v),w.exhausted=w.items.length>0&&w.soldOut===w.items.length,w.items.sort((S,N)=>N.sold-S.sold||S.name.localeCompare(N.name))}const U=[...W.values()].reduce((u,w)=>u+w.sold,0);return{collections:[...W.values()].sort((u,w)=>w.sold-u.sold||u.name.localeCompare(w.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?te(a.earnedWei):t.reduce((u,w)=>u+te(w.price),0n),partial:a?!1:s,breakdownPartial:s,fetched:t.length,unattributed:a?a.total-U:t.length-q,trendDays:C,unknownCollections:[...W.keys()].filter(u=>h==null?void 0:h.has(u)).length,royalties:a?{resales:a.royalties.resales,volumeWei:te(a.royalties.volumeWei)}:null,listed:m,neverListed:P,classic:K,soldOut:F}}const zt=864e5,Fs=["7d","30d","90d","year","all","custom"],Os={"7d":7,"30d":30,"90d":90};function Je(t){const n=new Date(t);return n.setHours(0,0,0,0),n.getTime()}function Rs(t){const n=new Date(t);return n.setHours(23,59,59,999),n.getTime()}function Ns(t,n){const s=Rs(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=Je(Math.min(t.from,s)):t.key==="year"?l=Je(new Date(new Date(s).getFullYear(),0,1).getTime()):l=Qn(Je(s),-((Os[t.key]??30)-1)),{from:l,to:s,days:Math.max(1,Math.round((s+1-l)/zt))}}function Vn(t,n){if(t.from==null||n==="none")return null;if(n==="year")return{from:ln(t.from),to:ln(t.to)};const s=t.days??Math.max(1,Math.round((t.to+1-t.from)/zt));return{from:Qn(t.from,-s),to:t.from-1}}function Qn(t,n){const s=new Date(t);return s.setDate(s.getDate()+n),s.getTime()}function ln(t){const n=new Date(t);return n.getMonth()===1&&n.getDate()===29&&n.setDate(28),n.setFullYear(n.getFullYear()-1),n.getTime()}function Bs(t,n){const s=(n-t)/zt;return s<=62?"day":s<=400?"week":"month"}function cn(t,n,s){const l=[],a=new Date(Je(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 dn(t,n,s){const l=n.map(a=>({start:a,sales:0,earnedWei:0n}));if(l.length===0)return l;for(const a of t){if(a.timestamp<n[0]||a.timestamp>s)continue;let d=0,p=n.length-1;for(;d<p;){const f=d+p+1>>1;n[f]<=a.timestamp?d=f:p=f-1}const h=d;l[h].sales+=1,l[h].earnedWei+=te(a.price)}return l}const qs=new Map,Hs=[],Ks=6e3;function Us(t,n){var U,u;const s=t==null?void 0:t.address,{days:l,from:a,to:d}=n,p=[a??null,d],h=Z({queryKey:["store-sales",s,...p],enabled:!!s,queryFn:()=>Yn({seller:s,from:a,to:d})}),f=Z({queryKey:["store-summary",s,...p],enabled:!!s,queryFn:()=>an({seller:s,from:a,to:d})}),v=Vn(n,"previous"),L=v==null?void 0:v.from,g=v==null?void 0:v.to,T=Z({queryKey:["store-summary-previous",s,...p],enabled:!!s&&L!==void 0,queryFn:()=>an({seller:s,from:L,to:g})}),O=Z({queryKey:["store-mints",s,...p],enabled:!!s,queryFn:()=>$s({seller:s,from:a,to:d,type:"mint"})}),E=Z({queryKey:["store-catalogue",s],enabled:!!s&&!!t,queryFn:()=>Vo(s,t.identity,{includeSoldOut:!0})}),C=Z({queryKey:["store-public-catalogue",s],enabled:!!s&&!!t,queryFn:()=>Promise.race([Ws(s),new Promise((w,M)=>setTimeout(()=>M(new Error("public catalogue timed out")),Ks))]).catch(w=>(Bn(w,{flow:"my_store",step:"public_catalogue"}),[]))}),b=y.useMemo(()=>E.data?C.isPending?{data:void 0}:{data:_s(E.data,C.data??[])}:{data:void 0},[E.data,C.isPending,C.data]),D=y.useMemo(()=>[...new Set((b.data??[]).map(w=>w.contractAddress))],[b.data]),W=Z({queryKey:["store-sale-state",s,D],enabled:D.length>0,queryFn:async()=>{const w=await Promise.allSettled(D.map(S=>Lo(S))),M={},I=new Set;return w.forEach((S,N)=>{const B=D[N];if(S.status==="rejected"){I.add(B.toLowerCase());return}for(const[X,V]of Object.entries(S.value))M[`${B}-${X}`]=V}),{states:M,unreadable:I}}}),q=Z({queryKey:["store-saves",D,(b.data??[]).length],enabled:(b.data??[]).length>0,queryFn:async()=>{const w=(b.data??[]).map(S=>`${S.contractAddress.toLowerCase()}-${S.blockchainItemId}`),M=await Promise.allSettled(w.map(async S=>[S,(await To(S)).count])),I=new Map;for(const S of M)S.status==="fulfilled"&&I.set(S.value[0],S.value[1]);return I}}),m=y.useMemo(()=>{var w,M,I,S,N;return b.data?zs({rows:((w=h.data)==null?void 0:w.rows)??[],total:((M=h.data)==null?void 0:M.total)??0,truncated:!!((I=h.data)!=null&&I.truncated),mints:O.data??0,summary:f.data??null,catalogue:b.data,saleState:((S=W.data)==null?void 0:S.states)??{},unreadable:(N=W.data)==null?void 0:N.unreadable,days:l,now:d}):null},[b.data,h.data,O.data,f.data,W.data,l,d]),K=y.useMemo(()=>{var w;return es(E.data??[],(w=W.data)==null?void 0:w.states)},[E.data,W.data]),F=y.useMemo(()=>{var N,B,X;const w=Ms(((N=h.data)==null?void 0:N.rows)??[]),M=Is(((B=h.data)==null?void 0:B.rows)??[]),I=Ls(((X=h.data)==null?void 0:X.rows)??[],d),S=T.data;return{collectors:w,buyers:M,quietDays:I,sold:S&&f.data?rn(f.data.total,S.total):null,earnings:S&&f.data?As(te(f.data.earnedWei),te(S.earnedWei)):null,royalties:S&&f.data?rn(f.data.royalties.resales,S.royalties.resales):null}},[h.data,f.data,T.data,d]),P=q.data??qs;return{stats:m,trend:F,savesByKey:P,saleable:K,sales:{rows:((U=h.data)==null?void 0:U.rows)??Hs,truncated:!!((u=h.data)!=null&&u.truncated),isFetching:h.isFetching},isLoading:E.isLoading||C.isLoading||h.isLoading||f.isLoading,error:E.error??h.error??null}}const Ys=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 J({kind:t,className:n}){const s=t==="mana"?r("currency.polygonMana"):r("currency.credits");return e.jsx(Qe,{content:s,children:e.jsx(Ys,{className:n,"aria-label":s,role:"img","data-kind":t,children:t==="mana"?e.jsx("img",{src:as,alt:"","aria-hidden":!0}):e.jsx(Wo,{className:"ccy-mark"})})})}const Gs=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+`,Vs=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.softWhite};
+`,hn=c.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+`,pn=c.span`
+  width: 16px;
+  height: 2px;
+  border-radius: 1px;
+`,Qs=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;
+  }
+`,Xs=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;
+`,un=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);
+  }
+`,mn=c.span`
+  width: 12px;
+  height: 2px;
+  border-radius: 1px;
+`,Zs=c.div`
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+`,xt=240,oe={top:12,right:12,bottom:28,left:48};function Js(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(v=>v*a).find(v=>v>=l)??l,p=n?Math.max(1,d):d,h=Math.ceil(t/p)*p,f=[];for(let v=0;v<=h+p/2;v+=p)f.push(Number(v.toFixed(6)));return f}function ea({current:t,comparison:n,formatValue:s,formatStart:l,formatTick:a,wholeValues:d,ariaLabel:p,roleDescription:h,dateLabel:f}){const v=y.useRef(null),[L,g]=y.useState(640),[T,O]=y.useState(null),E=y.useId();y.useEffect(()=>{const A=v.current;if(!A||typeof ResizeObserver>"u")return;const R=new ResizeObserver(ne=>{var ce;const le=Math.round(((ce=ne[0])==null?void 0:ce.contentRect.width)??0);le>0&&g(le)});return R.observe(A),()=>R.disconnect()},[]);const C=t.values.length,b=T!=null&&T<C?T:null,D=Math.max(1,L-oe.left-oe.right),W=xt-oe.top-oe.bottom,q=Math.max(0,...t.values,...(n==null?void 0:n.values)??[]),m=y.useMemo(()=>Js(q,!!d),[q,d]),K=m[m.length-1]||1,F=A=>oe.left+(C>1?A/(C-1)*D:D/2),P=A=>oe.top+W-A/K*W,U=A=>A.slice(0,C).map((R,ne)=>`${ne===0?"M":"L"}${F(ne).toFixed(1)} ${P(R).toFixed(1)}`).join(" "),u=U(t.values),w=C>0?`${u} L${F(C-1).toFixed(1)} ${P(0)} L${F(0).toFixed(1)} ${P(0)} Z`:"",M=Math.max(1,Math.ceil(C/Math.max(2,Math.floor(D/110)))),I=[];for(let A=0;A<C;A+=M)I.push(A);C>0&&I[I.length-1]!==C-1&&(I.length>1&&C-1-I[I.length-1]<M*.6&&I.pop(),I.push(C-1));const S=I.map(A=>({i:A,start:t.starts[A]}));function N(A){var le;const R=(le=v.current)==null?void 0:le.getBoundingClientRect();if(!R||C===0)return 0;const ne=(A-R.left-oe.left)/D;return Math.min(C-1,Math.max(0,Math.round(ne*(C-1))))}function B(A){O(N(A.clientX))}function X(A){if(A.key!=="ArrowLeft"&&A.key!=="ArrowRight")return;A.preventDefault();const R=T??(A.key==="ArrowLeft"?C:-1);O(Math.min(C-1,Math.max(0,R+(A.key==="ArrowRight"?1:-1))))}const V=b!=null?Math.min(Math.max(F(b),96),L-96):0;return e.jsxs(Gs,{children:[e.jsxs(Vs,{"aria-hidden":!0,children:[e.jsxs(hn,{children:[e.jsx(pn,{style:{background:o.colors.dclRed}}),t.label]}),n?e.jsxs(hn,{children:[e.jsx(pn,{style:{background:o.colors.chartCompare}}),n.label]}):null]}),e.jsxs(Qs,{ref:v,tabIndex:0,role:"group","aria-roledescription":h,"aria-label":p,onPointerMove:B,onPointerDown:B,onPointerLeave:A=>{A.pointerType==="mouse"&&O(null)},onKeyDown:X,onBlur:()=>O(null),"data-testid":"store-chart",children:[e.jsxs("svg",{width:L,height:xt,"aria-hidden":!0,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:E,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"})]})}),m.map(A=>e.jsxs("g",{children:[e.jsx("line",{x1:oe.left,x2:L-oe.right,y1:P(A),y2:P(A),stroke:o.colors.cardLine}),e.jsx("text",{x:oe.left-8,y:P(A),dy:"0.32em",textAnchor:"end",className:"tick",children:s(A)})]},A)),S.map(({i:A,start:R})=>e.jsx("text",{x:F(A),y:xt-8,textAnchor:A===0?"start":A===C-1?"end":"middle",className:"tick",children:(a??l)(R)},R)),n?e.jsx("path",{d:U(n.values),fill:"none",stroke:o.colors.chartCompare,strokeWidth:"2",strokeLinejoin:"round",strokeLinecap:"round"}):null,e.jsx("path",{d:w,fill:`url(#${E})`}),e.jsx("path",{d:u,fill:"none",stroke:o.colors.dclRed,strokeWidth:"2",strokeLinejoin:"round",strokeLinecap:"round"}),b!=null?e.jsxs("g",{children:[e.jsx("line",{x1:F(b),x2:F(b),y1:oe.top,y2:oe.top+W,stroke:o.colors.softWhite,strokeOpacity:"0.5"}),n&&n.values[b]!=null?e.jsx("circle",{cx:F(b),cy:P(n.values[b]),r:"4",fill:o.colors.chartCompare,className:"dot"}):null,e.jsx("circle",{cx:F(b),cy:P(t.values[b]??0),r:"4",fill:o.colors.dclRed,className:"dot"})]}):null]}),b!=null?e.jsxs(Xs,{style:{left:V},"data-testid":"store-chart-tip",children:[e.jsxs(un,{children:[e.jsx(mn,{style:{background:o.colors.dclRed}}),e.jsx("b",{children:s(t.values[b]??0)}),e.jsx("span",{children:l(t.starts[b])})]}),n&&n.starts[b]!=null?e.jsxs(un,{children:[e.jsx(mn,{style:{background:o.colors.chartCompare}}),e.jsx("b",{children:s(n.values[b]??0)}),e.jsx("span",{children:l(n.starts[b])})]}):null]}):null]}),e.jsx(Zs,{children:e.jsxs("table",{children:[e.jsx("caption",{children:p}),e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:f}),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((A,R)=>e.jsxs("tr",{children:[e.jsx("th",{scope:"row",children:l(A)}),e.jsx("td",{children:s(t.values[R]??0)}),n?e.jsx("td",{children:s(n.values[R]??0)}):null]},A))})]})})]})}const ta=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+`,na=c.div`
+  display: flex;
+  gap: 4px;
+  padding: 4px;
+  border-radius: ${o.radius.pill};
+  background: rgba(0, 0, 0, 0.22);
+`,oa=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;
+  }
+`,gt=c(Un)`
+  > 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;
+  }
+`,sa=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+  font-family: ${o.font.sans};
+`,fn=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;
+  }
+`,yt=c.p`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.gray4};
+`,aa=c.div`
+  transition: opacity 0.15s ease;
+
+  &[data-fetching] {
+    opacity: 0.55;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+`,ra=864e5;function xn(t){return Number(t/10n**14n)/1e4}function gn(t,n,s){return t.filter(l=>(n==="all"||l.contractAddress.toLowerCase()===n)&&(s==="all"||l.itemId===s))}function ia(t){return t>=10?Math.round(t).toLocaleString(Me()):t.toFixed(2)}const yn=new Map;function Xn(t){const n=Me(),s=`${n}|${JSON.stringify(t)}`;let l=yn.get(s);return l||(l=new Intl.DateTimeFormat(n,t),yn.set(s,l)),l}function bn(t,n,s){const l=n==="month"?{month:"short",year:"numeric"}:{month:"short",day:"numeric"};return s&&n!=="month"&&(l.year="numeric"),Xn(l).format(t)}function bt(t,n){const s=Xn({month:"short",day:"numeric",year:"numeric"});return`${s.format(t)} – ${s.format(n)}`}function la({address:t,range:n,rows:s,truncated:l,fetching:a,collections:d,onTrack:p,comparisonRows:h}){var ce;const[f,v]=y.useState("sales"),[L,g]=y.useState("previous"),[T,O]=y.useState("all"),[E,C]=y.useState("all"),b=T!=="all"?d.find(j=>j.contractAddress.toLowerCase()===T):d.length===1?d[0]:void 0,D=b?b.contractAddress.toLowerCase():"all",W=n.from==null?"none":L,q=y.useMemo(()=>{if(n.from!=null)return n.from;const j=s.reduce((ue,me)=>Math.min(ue,me.timestamp),n.to);return Math.min(j,n.to-29*ra)},[n,s]),m=Vn(n,W),K=Z({queryKey:["store-sales-compare",t,(m==null?void 0:m.from)??null,(m==null?void 0:m.to)??null],enabled:!!t&&!!m&&!h,placeholderData:j=>j,queryFn:()=>Yn({seller:t,from:m.from,to:m.to})}),F=h?{data:{rows:h,truncated:!1},isFetching:!1}:K,P=Bs(q,n.to),U=y.useMemo(()=>{const j=cn(q,n.to,P);return dn(gn(s,D,E),j,n.to)},[s,q,n.to,P,D,E]),u=m==null?void 0:m.from,w=m==null?void 0:m.to,M=y.useMemo(()=>{if(u==null||w==null||!F.data)return null;const j=cn(u,w,P).slice(0,U.length);return dn(gn(F.data.rows,D,E),j,w)},[u,w,F.data,P,U.length,D,E]),I=j=>f==="sales"?j.sales:xn(j.earnedWei),S=j=>f==="sales"?j.reduce((ue,me)=>ue+me.sales,0):xn(j.reduce((ue,me)=>ue+me.earnedWei,0n)),N=j=>f==="sales"?Math.round(j).toLocaleString(Me()):ia(j),B=S(U),X=M?S(M):null,V=X!=null&&X>0?Math.round((B-X)/X*100):null,A=l||!!((ce=F.data)!=null&&ce.truncated),R=U.some(j=>j.sales>0)||((M==null?void 0:M.some(j=>j.sales>0))??!1),ne=[{value:"previous",label:r("myStore.chart.comparePrevious")},{value:"year",label:r("myStore.chart.compareYear")},{value:"none",label:r("myStore.chart.compareNone")}],le=[{value:"all",label:r("myStore.chart.allCollections")},...d.map(j=>({value:j.contractAddress.toLowerCase(),label:j.name}))];return e.jsxs(e.Fragment,{children:[e.jsxs(ta,{children:[e.jsx(na,{role:"group","aria-label":r("myStore.chart.metric"),children:["sales","earnings"].map(j=>e.jsx(oa,{type:"button","aria-pressed":f===j,onClick:()=>{p("Shop Changed Store Chart",{control:"metric",value:j}),v(j)},"data-testid":`store-chart-metric-${j}`,children:r(`myStore.chart.${j}`)},j))}),n.from!=null?e.jsx(gt,{options:ne,value:W,onChange:j=>{p("Shop Changed Store Chart",{control:"compare",value:j}),g(j)},ariaLabel:r("myStore.chart.compare"),className:"store-chart-compare"}):null,d.length>1?e.jsx(gt,{options:le,value:T,onChange:j=>{p("Shop Changed Store Chart",{control:"collection",value:j==="all"?"all":"one"}),O(j),C("all")},ariaLabel:r("myStore.chart.collection"),className:"store-chart-collection"}):null,b&&b.items.length>1?e.jsx(gt,{options:[{value:"all",label:r("myStore.chart.allItems")},...b.items.map(j=>({value:j.itemId,label:j.name}))],value:E,onChange:j=>{p("Shop Changed Store Chart",{control:"item",value:j==="all"?"all":"one"}),C(j)},ariaLabel:r("myStore.chart.item"),className:"store-chart-item"}):null]}),e.jsxs(sa,{children:[e.jsxs(fn,{"data-testid":"store-chart-total",children:[e.jsxs("b",{children:[f==="earnings"?e.jsx(J,{kind:"mana"}):null,N(B)]}),e.jsx("span",{children:bt(q,n.to)})]}),M&&m?e.jsxs(fn,{"data-testid":"store-chart-previous",children:[e.jsxs("b",{children:[f==="earnings"?e.jsx(J,{kind:"mana"}):null,N(X??0),V!=null?e.jsxs("small",{"data-dir":V>=0?"up":"down",children:[" ",r("myStore.chart.change",{pct:`${V>0?"+":""}${V}`})]}):null]}),e.jsx("span",{children:bt(m.from,m.to)})]}):null]}),e.jsx(aa,{"data-fetching":a||F.isFetching?"":void 0,children:R?e.jsx(ea,{current:{label:r("myStore.chart.thisPeriod"),values:U.map(I),starts:U.map(j=>j.start)},comparison:M?{label:W==="year"?r("myStore.chart.lastYear"):r("myStore.chart.previousPeriod"),values:M.map(I),starts:M.map(j=>j.start)}:null,formatValue:N,formatStart:j=>bn(j,P,W==="year"),formatTick:j=>bn(j,P,!1),wholeValues:f==="sales",ariaLabel:r(f==="sales"?"myStore.chart.ariaSales":"myStore.chart.ariaEarnings",{span:bt(q,n.to)}),dateLabel:r("myStore.chart.date"),roleDescription:r("myStore.chart.roleDescription")}):e.jsx(yt,{"data-testid":"store-chart-empty",children:r("myStore.chart.empty")})}),A?e.jsx(yt,{children:r("myStore.chart.partial")}):null,P!=="day"?e.jsx(yt,{children:r(P==="week"?"myStore.chart.byWeek":"myStore.chart.byMonth")}):null]})}const ca=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 xe({label:t,dir:n,onSort:s,align:l="left",testId:a}){return e.jsxs(ca,{type:"button",onClick:s,"data-dir":n,"data-align":l,"data-testid":a,"aria-label":typeof t=="string"?r(n==="asc"?"common.sortedAsc":n==="desc"?"common.sortedDesc":"common.sortColumn",{column:t}):void 0,children:[t,e.jsx(rs,{up:n==="asc",size:12,"aria-hidden":!0,"data-testid":"sort-header-chevron"})]})}const He=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,Ke=c.span`
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  color: ${o.colors.text};
+`,wn=c.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+`,jn=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;
+  }
+`,da=c.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 208px;
+  overflow-y: auto;
+`,ha=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;
+  }
+`,pa=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};
+  }
+`,ua=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 ma(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 fa=[5,10,25,cs],xa=["nfts","spent","recent"];function ga({creator:t,ownerCount:n,items:s,loadOwners:l,onContinue:a,onClose:d,onTrack:p}){const h=[...new Set(fa.map(m=>Math.min(m,n)))],[f,v]=y.useState(()=>Math.min(10,n)),[L,g]=y.useState("nfts"),[T,O]=y.useState(()=>s.find(m=>m.left>=Math.min(10,n))??null),E=y.useRef(null);y.useEffect(()=>{var K;(K=E.current)==null||K.focus();function m(F){F.key==="Escape"&&d()}return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[d]);const C=Z({queryKey:["reward-recipients",t.toLowerCase(),f,L],queryFn:async()=>(await l(f,L)).filter(m=>m.address.toLowerCase()!==t.toLowerCase()),placeholderData:m=>m}),b=(C.data??[]).map(m=>m.address),D=Z({queryKey:["reward-recipient-names",b],enabled:b.length>0,staleTime:5*6e4,queryFn:()=>Hn(b)}),W=!!T&&T.left>=b.length,q=!!T&&W&&b.length>0&&!C.isFetching;return e.jsx(ds,{onClick:d,role:"presentation",children:e.jsxs(hs,{ref:E,tabIndex:-1,role:"dialog","aria-modal":"true","aria-label":r("reward.title"),onClick:m=>m.stopPropagation(),"data-testid":"reward-modal",children:[e.jsxs(ps,{children:[e.jsx(us,{children:r("reward.title")}),e.jsx(ms,{onClick:d,"aria-label":r("sellModal.cancel"),children:e.jsx(se,{name:"close",className:"ico"})})]}),e.jsx(fs,{children:r("reward.subtitle")}),e.jsxs(He,{children:[e.jsx(Ke,{id:"reward-count",children:r("reward.howMany")}),e.jsx(wn,{role:"group","aria-labelledby":"reward-count",children:h.map(m=>e.jsx(jn,{type:"button","aria-pressed":f===m,onClick:()=>v(m),"data-testid":`reward-count-${m}`,children:r("reward.topN",{count:m})},m))})]}),e.jsxs(He,{children:[e.jsx(Ke,{id:"reward-ranking",children:r("reward.rankedBy")}),e.jsx(wn,{role:"group","aria-labelledby":"reward-ranking",children:xa.map(m=>e.jsx(jn,{type:"button","aria-pressed":L===m,onClick:()=>g(m),"data-testid":`reward-ranking-${m}`,children:r(`reward.ranking.${m}`)},m))})]}),e.jsxs(He,{children:[e.jsx(Ke,{id:"reward-item",children:r("reward.item")}),s.length===0?e.jsx(sn,{children:r("reward.noItems")}):e.jsx(da,{role:"group","aria-labelledby":"reward-item",children:s.map(m=>{const K=`${m.contractAddress}-${m.itemId}`;return e.jsxs(ha,{type:"button","aria-pressed":(T==null?void 0:T.contractAddress)===m.contractAddress&&T.itemId===m.itemId,disabled:m.left<f,onClick:()=>O(m),"data-testid":"reward-item",children:[m.thumbnail?e.jsx("img",{src:m.thumbnail,alt:"",loading:"lazy"}):null,e.jsxs(pa,{children:[e.jsx("b",{children:m.name}),e.jsx("span",{children:r("reward.itemLeft",{collection:m.collectionName,left:m.left})})]})]},K)})})]}),e.jsxs(He,{children:[e.jsx(Ke,{children:r("reward.recipients",{count:b.length})}),e.jsx(ua,{"data-testid":"reward-recipients",children:(C.data??[]).map(m=>{var F,P;const K=(P=(F=D.data)==null?void 0:F.get(m.address.toLowerCase()))==null?void 0:P.name;return e.jsxs("li",{children:[K?Et(K):qn(m.address)," ",e.jsx("span",{children:L==="spent"?e.jsxs(e.Fragment,{children:["· ",e.jsx(J,{kind:"mana"}),ma(m.spentWei)]}):r("reward.heldLine",{count:m.nfts})})]},m.address)})})]}),T?e.jsx(sn,{"data-testid":"reward-stock",children:W?r("reward.stock",{count:b.length,name:T.name,left:T.left}):r("reward.notEnough",{name:T.name,left:T.left})}):null,e.jsxs(xs,{children:[e.jsx(gs,{type:"button",onClick:d,children:r("sellModal.cancel")}),e.jsx(ys,{type:"button",disabled:!q,onClick:()=>{T&&(p("Shop Chose Store Reward",{recipients:b.length,ranking:L,contract_address:T.contractAddress}),a({item:T,recipients:b}))},"data-testid":"reward-continue",children:r("reward.continue")})]})]})})}const ya=c.div`
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  z-index: 40;
+  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;
+
+  ${Qo}
+
+  .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;
+  }
+`,ba=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;
+  }
+`,wa=c.div`
+  display: flex;
+  gap: 8px;
+`,Sn=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;
+  }
+`,kn=`(min-width: ${_o.sm}px)`,ja=new Date(2020,0,1);function Sa(){const[t,n]=y.useState(()=>{var s;return typeof window<"u"&&((s=window.matchMedia)==null?void 0:s.call(window,kn).matches)});return y.useEffect(()=>{var a;const s=(a=window.matchMedia)==null?void 0:a.call(window,kn);if(!s)return;const l=()=>n(s.matches);return s.addEventListener("change",l),()=>s.removeEventListener("change",l)},[]),!!t}function ka(t,n){return n?new Date(t.getFullYear(),t.getMonth()-1,1):t}function $a({from:t,to:n,max:s,onApply:l,onClose:a}){const[d,p]=y.useState(t!=null?new Date(t):null),[h,f]=y.useState(n!=null?new Date(n):null),v=y.useRef(null),L=Sa();y.useEffect(()=>{function O(C){var D,W;const b=C.target;(D=v.current)!=null&&D.contains(b)||(W=b.closest)!=null&&W.call(b,"[data-range-trigger]")||a()}function E(C){if(C.key==="Escape"&&a(),C.key!=="Tab"||!v.current)return;const b=[...v.current.querySelectorAll('button:not([disabled]), [tabindex="0"]')];if(b.length===0)return;const D=b[0],W=b[b.length-1];C.shiftKey&&document.activeElement===D?(C.preventDefault(),W.focus()):!C.shiftKey&&document.activeElement===W&&(C.preventDefault(),D.focus())}return document.addEventListener("pointerdown",O),document.addEventListener("keydown",E),()=>{document.removeEventListener("pointerdown",O),document.removeEventListener("keydown",E)}},[a]),y.useEffect(()=>{var C,b;const O=document.activeElement;return(b=((C=v.current)==null?void 0:C.querySelector('.react-datepicker__day[tabindex="0"]'))??v.current)==null||b.focus(),()=>{var W;const D=document.querySelector("[data-range-trigger]");(W=O!=null&&O.isConnected?O:D)==null||W.focus()}},[]);const g=new Intl.DateTimeFormat(Me(),{month:"short",day:"numeric",year:"numeric"}),T=d?h?`${g.format(d)} – ${g.format(h)}`:r("myStore.rangePickEnd",{from:g.format(d)}):r("myStore.rangePickStart");return e.jsxs(ya,{ref:v,role:"dialog","aria-modal":"true","aria-label":r("myStore.rangeDialog"),tabIndex:-1,"data-testid":"store-range-picker",children:[e.jsx(Xo,{inline:!0,selectsRange:!0,startDate:d,endDate:h,onChange:([O,E])=>{p(O),f(E)},maxDate:new Date(s),minDate:ja,monthsShown:L?2:1,openToDate:ka(h??d??new Date(s),L),calendarStartDay:1}),e.jsxs(ba,{children:[e.jsx("span",{"data-testid":"store-range-summary",children:T}),e.jsxs(wa,{children:[e.jsx(Sn,{type:"button",onClick:a,children:r("myStore.rangeCancel")}),e.jsx(Sn,{type:"button","data-variant":"primary",disabled:!d||!h,onClick:()=>d&&h&&l(d.getTime(),h.getTime()),"data-testid":"store-range-apply",children:r("myStore.rangeApply")})]})]})]})}function Ue(t,n,s){return(t==null?void 0:t.key)===n?{key:n,dir:t.dir==="asc"?"desc":"asc"}:{key:n,dir:s}}function et(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 p=a.v==null,h=d.v==null;return p||h?p===h?a.index-d.index:p?1:-1:l*va(a.v,d.v)||a.index-d.index}).map(a=>a.row)}function va(t,n){return typeof t=="string"&&typeof n=="string"?t.localeCompare(n,void 0,{sensitivity:"base"}):t===n?0:t<n?-1:1}class tt extends Error{constructor(){super("fetchTopOwners 503"),this.name="TopOwnersUnavailableError"}}class Zn extends Error{constructor(n){super(`fetchTopOwners ${n}`),this.status=n,this.name="TopOwnersReadError"}}async function $n(t,{sortBy:n,orderDirection:s,first:l,skip:a}){var f;const d=new URLSearchParams({creator:t,first:String(l),skip:String(a)});n&&d.set("sortBy",n),s&&d.set("orderDirection",s);const p=await fetch(`${re.marketplaceServerUrl}/v1/owners/top?${d.toString()}`);if(!p.ok)throw await((f=p.body)==null?void 0:f.cancel()),p.status===503?new tt:new Zn(p.status);const h=await p.json();return{data:h.data??[],total:h.total??0}}const pe=864e5,ie=Date.now(),Ca=(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*pe,state:a}),Aa=[[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]],Ma=[{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 Ia(t,n){const s=t.items.map(([a,d,p,h],f)=>Ca(n*10+f,a,d,p,h)),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,createdAt:ie-n*30*pe,trend:Aa[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 Ft=(()=>{const t=Ma.map(Ia);return{collections:t,sold:211,mints:198,resales:13,earningsWei:3070n*10n**18n,partial:!1,breakdownPartial:!1,fetched:211,unattributed:6,trendDays:30,unknownCollections:1,royalties:{resales:41,volumeWei:2140n*10n**18n},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)}})(),La={total:74,repeat:29,repeatPct:39.19,topSharePct:21.3},Ta=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})),Wa=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*pe-n*36e5,spentWei:String(BigInt(n===5?2400:1200-n*45)*10n**18n)}));function vn(t,n,s){const l=p=>t.key==="items"?p.items:t.key==="collections"?p.collections:t.key==="recent"?p.lastAcquiredAt:t.key==="spent"?Number(BigInt(p.spentWei)/10n**18n):p.nfts,a=t.dir==="asc"?1:-1,d=[...Wa].sort((p,h)=>a*(l(p)-l(h))||h.nfts-p.nfts);return{data:d.slice(n*s,(n+1)*s),total:d.length}}const Cn=(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"}),_a=[Cn(1,`0xmock${"0".repeat(36)}`,25,3*pe,3*pe,18),Cn(2,`0xmock${"1".padStart(36,"0")}`,15,12*36e5,9*pe,0)],Pa=new Map(Ft.collections.flatMap(t=>t.items.map((n,s)=>[n.key,[41,3,128,0,17,6,92,1][s%8]]))),Pt=Ft.collections.flatMap(t=>t.items.map(n=>[t.contractAddress,n])),Ea=Pt.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})),An=(()=>{const t=[];let n=7;const s=()=>(n=n*16807%2147483647,n/2147483647);for(let l=0;l<730;l++){const a=ie-l*pe,d=new Date(a).getMonth(),p=d>=5&&d<=7?.4:d>=8&&d<=10?1.8:1,h=Math.round(s()*4*p);for(let f=0;f<h;f++){const[v,L]=Pt[Math.floor(s()*Pt.length)];t.push({id:`mock-chart-${l}-${f}`,itemId:L.itemId,contractAddress:v,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()*pe),type:"mint",network:"MATIC",tokenId:null})}}return t})(),Da=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);
+  }
+`,za=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);
+`,Fa=c.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+`,Oa=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: 4px;
+  padding-bottom: 8px;
+  min-width: 0;
+`,Ra=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;
+  }
+`,Na=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%;
+`,Ba=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;
+  }
+`,qa=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  min-width: 0;
+`,Mn=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};
+`,Ha=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%;
+  }
+`,Ka=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;
+  }
+`,Ua=c(Pe)`
+  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;
+  }
+`,Ya=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);
+`,Ga=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;
+  }
+`,Va=c.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+`,Qa=c.h2`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 1.2;
+  color: ${o.colors.white};
+`,Xa=c.div`
+  display: flex;
+  gap: 4px;
+  max-width: 100%;
+  padding: 4px;
+  border-radius: ${o.radius.pill};
+  background: rgba(0, 0, 0, 0.22);
+  /* Six presets outgrow a phone: the row scrolls rather than wrapping into a second pill. */
+  overflow-x: auto;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`,Za=c.div`
+  position: relative;
+  max-width: 100%;
+`,Ja=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;
+  }
+`,Jn=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);
+  }
+`,ge=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};
+  }
+`,we=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};
+`,je=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);
+`,Se=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;
+`,er=c.span`
+  font-size: 20px;
+  font-weight: 600;
+  color: ${o.colors.gray4};
+  margin-right: -2px;
+`,In=c.span`
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: 0;
+  color: ${o.colors.gray4};
+`,ke=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};
+`,Ln=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;
+`,de=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};
+  }
+`,_e=c.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+`,$e=c.h2`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 15px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+`,tr=c.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,nr=c(Un)`
+  /* 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;
+  }
+`,Tn=c.span`
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.gray4};
+`,eo="24px 56px minmax(170px, 1fr) minmax(236px, 1.34fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(150px, 1fr) 158px",to=c.div`
+  display: grid;
+  grid-template-columns: ${eo};
+  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;
+  }
+`,no=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};
+  }
+`,oo=c.div`
+  display: grid;
+  grid-template-columns: ${eo};
+  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;
+    }
+  }
+`,or=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;
+    }
+  }
+`,sr=c.span`
+  width: 56px;
+  height: 56px;
+  border-radius: ${o.radius.btn};
+  overflow: hidden;
+  background: ${o.colors.overlayLight};
+`,ar=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};
+`,rr=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;
+  }
+`,ir=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;
+  }
+`,lr=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 cr=c.span`
+  min-width: 0;
+
+  ${o.media.maxWidth("mobile")} {
+    display: none;
+  }
+`,Wn=c.svg`
+  display: block;
+  width: 100%;
+  height: 34px;
+`,dr=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;
+  }
+`,hr=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;
+  }
+`,pr=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;
+    }
+  }
+`,ur=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;
+  }
+`,mr=c.span`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,fr=c.span`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+`,xr=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;
+  }
+`,gr=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};
+`,yr=c(Pe)`
+  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;
+  }
+`,br=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;
+  }
+`,wr=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;
+  }
+`,jr=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};
+  }
+`,Sr=c.span`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 4px;
+  line-height: 1.25;
+`,kr=c.span`
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: ${o.colors.gray4};
+  margin-right: 4px;
+`,$r=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};
+`,vr=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 _n=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(Pe)`
+  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 Ye=c.div`
+  overflow-x: auto;
+`,at=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;
+  }
+`,Pn=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;
+  }
+`,En=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;
+  }
+`,wt=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;
+  }
+`,Cr=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;
+  }
+`,jt=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;
+`,Ar=c.nav`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  font-variant-numeric: tabular-nums;
+`,so=`
+  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;
+  }
+`,Dn=c.button`
+  ${so}
+`,Mr=c.button`
+  ${so}
+
+  /* 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};
+  }
+`,Ir=c.span`
+  padding: 0 2px;
+  font-family: ${o.font.sans};
+  font-size: 12px;
+  color: ${o.colors.gray4};
+`;c.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+`;const Lr=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 Tr=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 ao=`
+  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;
+  }
+`,_=c.span`
+  display: block;
+  height: 12px;
+  border-radius: 100px;
+  ${ao}
+`,Wr=c.span`
+  display: block;
+  width: 40px;
+  height: 40px;
+  border-radius: ${o.radius.btn};
+  ${ao}
+`,zn=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;
+`,Fn=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;
+  }
+`,ve=c.p`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: ${o.colors.gray4};
+`,_r=c(se)`
+  width: 16px;
+  height: 16px;
+`,St=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;
+  }
+`,Pr=c.div`
+  margin: 10px 0 -4px;
+`,Er=c.h2`
+  margin: 0;
+  font-family: ${o.font.sans};
+  font-size: 19px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  color: ${o.colors.softWhite};
+`,Dr=c.p`
+  margin: 4px 0 0;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: rgba(252, 252, 252, 0.62);
+`,zr=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);
+  }
+`,Fr=c(at)`
+  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%;
+  }
+`,Or=c(at)`
+  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 Ge=c.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  [data-kind] img,
+  [data-kind] .ico {
+    vertical-align: baseline;
+  }
+`,Rr=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;
+  }
+`,Nr=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;
+`,Br=c.span`
+  display: inline-flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+`,qr=c(Po)`
+  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;
+  }
+`,Hr=c(Zo)`
+  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;
+  }
+`,Kr=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;
+  }
+`,Te=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;
+  }
+`,Ur=c.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+
+  ${o.media.maxWidth("mobile")} {
+    flex-wrap: wrap;
+  }
+`,Yr=c.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+`,Gr=c(Tt)`
+  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};
+  }
+`,Vr=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;
+`,Qr=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;
+  }
+`,ro=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);
+  }
+`,kt=c.p`
+  margin: 2px 0 0;
+  font-family: ${o.font.sans};
+  font-size: 13px;
+  color: ${o.colors.gray4};
+`,$t=c.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+`,Xr=c(Pe)`
+  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};
+  }
+`,On=c.span`
+  display: inline-block;
+  min-width: 12px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  color: ${o.colors.gray4};
+`,Rn=c.span`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+`,io=`
+  thead th,
+  tbody td {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+`,Zr=c(at)`
+  min-width: 500px;
+  ${io}
+
+  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;
+  }
+`,Jr=c(at)`
+  min-width: 580px;
+  ${io}
+
+  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;
+  }
+`,ei=c.span`
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+`,nt=8,ot=5,vt=5,Ve=5,ti=[{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"}],lo="shop.my-store.sort",ni=["sold","earned","newest","name"];function oi(){try{const t=localStorage.getItem(lo);return ni.includes(t)?t:"sold"}catch{return"sold"}}function si(t){try{localStorage.setItem(lo,t)}catch{}}function ai(t,n){const s=new Date(t).getFullYear()===new Date(n).getFullYear(),l=new Intl.DateTimeFormat(Me(),{month:"short",day:"numeric",...s?{}:{year:"numeric"}}),a=new Intl.DateTimeFormat(Me(),{month:"short",day:"numeric",year:"numeric"});return`${l.format(t)} – ${a.format(n)}`}function Ce(t){return t==="asc"?"ascending":t==="desc"?"descending":void 0}function ee(t,n){return(t==null?void 0:t.key)===n?t.dir:void 0}function ri(t,n){const s=[...t];return n==="name"?s.sort((l,a)=>l.name.localeCompare(a.name)):n==="earned"?et(s,l=>l.earningsWei,"desc"):n==="newest"?s.sort((l,a)=>(a.createdAt??0)-(l.createdAt??0)):s.sort((l,a)=>a.sold-l.sold||l.name.localeCompare(a.name))}function Nn(t,n,s){return Ae(`/item/${t}/${n}`,s)}function Ae(t,n){return n?`${t}${t.includes("?")?"&":"?"}env=${n}`:t}function ii(t,n){if(n==null)return null;const s=t.minted-n;return s>0?s:null}const li={website:"website",twitter:"x-twitter",discord:"discord",facebook:"facebook"},st=5;function ci(t,n){if(n<=5)return Array.from({length:n},(a,d)=>d);const s=[t-1,t,t+1].filter(a=>a>0&&a<n-1),l=[0];return s[0]>1&&l.push("gap"),l.push(...s),s[s.length-1]<n-2&&l.push("gap"),l.push(n-1),l}function We({page:t,pages:n,onChange:s,name:l}){return n<=1?null:e.jsxs(Ar,{"aria-label":r("myStore.pagination"),children:[e.jsx(Dn,{type:"button",onClick:()=>s(Math.max(0,t-1)),disabled:t===0,"aria-label":r("myStore.prev"),"data-testid":`store-${l}-prev`,children:e.jsx(se,{name:"chevron-down",size:16,"aria-hidden":!0,style:{transform:"rotate(90deg)"}})}),ci(t,n).map((a,d)=>a==="gap"?e.jsx(Ir,{children:"…"},`gap-${d}`):e.jsx(Mr,{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(Dn,{type:"button",onClick:()=>s(Math.min(n-1,t+1)),disabled:t>=n-1,"aria-label":r("myStore.next"),"data-testid":`store-${l}-next`,children:e.jsx(se,{name:"chevron-down",size:16,"aria-hidden":!0,style:{transform:"rotate(-90deg)"}})})]})}function di(t,n,s){var h,f;const{from:l,to:a}=n,d=Z({queryKey:["store-sales-page",t,l??null,a,s],enabled:!!t,placeholderData:v=>v,queryFn:()=>vs({seller:t,from:l,to:a},{first:st,skip:s*st})}),p=((h=d.data)==null?void 0:h.total)??0;return{rows:((f=d.data)==null?void 0:f.rows)??[],total:p,pages:Math.ceil(p/st)}}function Ct(t){return Z({queryKey:["store-buyers",t],enabled:t.length>0,staleTime:5*6e4,queryFn:()=>Hn(t)})}function At(t,n){var l;const s=(l=n==null?void 0:n.get(t.toLowerCase()))==null?void 0:l.name;return s?Et(s):qn(t)}function hi(t){return re.previewHost&&t==="1"}const pi=25000n;function ui(t){return t*pi/1000000n}function ae(t){const n=Number(t/10n**14n)/1e4;return n>=10?Math.round(n).toLocaleString():n.toFixed(2)}function Mt(t){const n=Math.max(1,Math.round((Date.now()-t)/6e4));if(n<60)return r("myStore.agoMinutes",{n});const s=Math.round(n/60);return s<24?r("myStore.agoHours",{n:s}):r("myStore.agoDays",{n:Math.round(s/24)})}function mi({series:t}){const n=y.useId(),s=Math.max(...t,0),l=t.length>1?92/(t.length-1):0,a=h=>s===0?27:27-h/s*22,p=t.map((h,f)=>`${(2+f*l).toFixed(1)} ${a(h).toFixed(1)}`).join(" L ");return s===0?e.jsx(Wn,{viewBox:"0 0 96 30",role:"img","aria-label":r("myStore.trendNone"),children:e.jsx("path",{d:"M2 27 L94 27",fill:"none",stroke:o.colors.cardLine,strokeWidth:"2",strokeLinecap:"round"})}):e.jsxs(Wn,{viewBox:"0 0 96 30",role:"img","aria-label":r("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 ${p} L 94 29 L 2 29 Z`,fill:`url(#${n}-fill)`}),e.jsx("path",{d:`M ${p}`,fill:"none",stroke:`url(#${n})`,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function fi({collection:t,discount:n,savesByKey:s,open:l,onToggle:a,onManage:d,onIssue:p,env:h}){var v,L;const f=`store-items-${t.contractAddress}`;return e.jsxs(e.Fragment,{children:[e.jsxs(oo,{"data-testid":"store-collection","data-exhausted":t.exhausted||void 0,children:[e.jsx(or,{type:"button","aria-expanded":l,"aria-controls":f,"aria-label":r(l?"myStore.collapse":"myStore.expand",{name:t.name}),onClick:a,"data-testid":"store-collection-toggle",children:e.jsx(_r,{name:"chevron-down",className:"ico","aria-hidden":!0})}),e.jsx(sr,{"data-testid":"store-collection-thumb",children:e.jsx(Ho,{contractAddress:t.contractAddress})}),e.jsxs(ir,{children:[e.jsxs(rr,{children:[e.jsx(Pe,{to:Ae(`/collection/${t.contractAddress}`,h),"data-testid":"store-collection-name",children:t.name}),t.exhausted?e.jsx(ar,{"data-testid":"store-collection-soldout",children:r("myStore.collExhausted")}):null]}),e.jsxs(lr,{children:[r("myStore.itemsCount",{count:t.items.length}),t.listed>0?` · ${r("myStore.listedCount",{count:t.listed})}`:"",!t.exhausted&&t.soldOut>0?` · ${r("myStore.soldOutCount",{count:t.soldOut})}`:""]})]}),e.jsx(Nr,{"data-testid":"store-collection-discount",children:n?e.jsxs(e.Fragment,{children:[e.jsxs(Br,{children:[e.jsx(qr,{pct:n.discount/1e4}),e.jsx(Hr,{until:n.checks.expiration})]}),e.jsx(Kr,{children:ss(n)?r("myStore.discountUsed",{used:((v=n.state)==null?void 0:v.uses)??0,total:n.checks.uses}):r("myStore.discountUsedUncapped",{used:((L=n.state)==null?void 0:L.uses)??0})})]}):r("myStore.noDiscountShort")}),e.jsxs(Rr,{"data-testid":"store-collection-claimed",children:[t.claimed.toLocaleString(),e.jsxs("small",{children:["/",t.runTotal.toLocaleString()]})]}),e.jsxs(Vr,{"data-testid":"store-collection-earned",children:[e.jsx(J,{kind:"mana"}),ae(t.earningsWei)]}),e.jsx(cr,{children:e.jsx(mi,{series:t.trend})}),e.jsxs(Gr,{as:"a",href:`${re.builderUrl}/collections${t.collectionId?`/${t.collectionId}`:""}`,target:"_blank",rel:"noopener noreferrer",onClick:d,"data-testid":"store-manage",children:[r("myStore.manage"),e.jsx(se,{name:"external-link",size:14,"aria-hidden":!0})]})]}),l?e.jsxs(dr,{id:f,"data-testid":"store-items",children:[e.jsxs(hr,{"data-testid":"store-collection-stats",children:[e.jsxs("span",{children:[e.jsxs("b",{children:[e.jsx(J,{kind:"mana"}),ae(t.earningsWei)]}),r("myStore.collEarned")]}),e.jsxs("span",{children:[e.jsx("b",{children:t.sold.toLocaleString()}),r("myStore.collSold")]}),e.jsxs("span",{children:[e.jsx("b",{children:t.items.length}),r("myStore.collItems",{count:t.items.length})]}),e.jsxs("span",{children:[e.jsx("b",{children:t.listed+t.classic}),r("myStore.collListed")]})]}),t.items.map(g=>{const T=ii(g,g.lifetimeSold);return e.jsxs(pr,{"data-testid":"store-item",children:[e.jsx(ur,{style:{backgroundImage:Wt(g.rarity)},children:g.thumbnail?e.jsx("img",{src:g.thumbnail,alt:"",loading:"lazy"}):null}),e.jsxs(mr,{children:[e.jsx(yr,{to:Ae(`/item/${t.contractAddress}/${g.itemId}`,h),title:g.name,children:g.name}),e.jsxs(fr,{children:[e.jsx(gr,{style:{background:Yo(g.rarity)},title:Uo(g.rarity),children:Ko(g.rarity)}),e.jsx(jr,{"data-state":g.state,children:g.state==="soldout"?null:g.state==="unlisted"?r("myStore.stateUnlisted"):g.state==="unknown"?r("myStore.stateUnknown"):e.jsxs(e.Fragment,{children:[e.jsx(kr,{children:r("myStore.onSaleFor")}),g.manaWei?e.jsxs(e.Fragment,{children:[e.jsx(J,{kind:"mana"}),ae(te(g.manaWei))]}):e.jsxs(e.Fragment,{children:[e.jsx(J,{kind:"credits"}),e.jsx(Go,{credits:g.priceCredits??0})]})]})}),p&&g.left>0?e.jsx(xr,{type:"button",onClick:()=>p(g),"data-testid":"store-item-issue",children:r("myStore.issueCopies")}):null]})]}),e.jsxs(br,{children:[g.sold.toLocaleString(),e.jsxs("small",{children:[" ",r("myStore.sold")]})]}),e.jsxs(Qr,{"data-testid":"store-item-saves",title:r("myStore.savesHint",{count:s.get(g.key)??0}),children:[e.jsx(se,{name:"heart",className:"ico","aria-hidden":!0}),(s.get(g.key)??0).toLocaleString()]}),e.jsx(wr,{role:"progressbar","aria-valuemin":0,"aria-valuemax":g.minted+g.left,"aria-valuenow":g.minted,"aria-label":r("myStore.runAria",{minted:g.minted,total:g.minted+g.left}),children:e.jsx("i",{style:{width:`${Math.round(g.minted/Math.max(1,g.minted+g.left)*100)}%`}})}),e.jsxs(Sr,{title:g.lifetimeSold==null?void 0:r("myStore.runBreakdown",{total:g.minted+g.left,sold:g.lifetimeSold,sent:g.minted-g.lifetimeSold,left:g.left}),children:[e.jsx(vr,{"data-out":g.left===0,"data-testid":"store-item-stock",children:Kn(g.left===0?"myStore.stockNone":"myStore.stockLeft",{b:O=>e.jsx("b",{children:O}),left:g.left.toLocaleString(),total:(g.minted+g.left).toLocaleString()})}),T?e.jsx($r,{"data-testid":"store-item-issued",children:r("myStore.sentDirectly",{count:T.toLocaleString()})}):null]})]},g.key)})]}):null]})}function It(t){return!!t&&!(t.current===0&&t.previous===0)}function Lt({delta:t,period:n}){if(!t||t.current===0&&t.previous===0)return null;const s=n==="all"?"":n==="7d"||n==="30d"||n==="90d"?r(`myStore.vs${n}`):r("myStore.vsPrevious");if(t.pct===null)return e.jsxs(St,{"data-dir":"new","data-testid":"store-delta",children:[r("myStore.deltaNew"),s?e.jsx("span",{className:"delta__against",children:s}):null]});const l=Math.round(t.pct);if(l===0)return e.jsxs(St,{"data-dir":"flat","data-testid":"store-delta",children:[r("myStore.deltaFlat"),s?e.jsx("span",{className:"delta__against",children:s}):null]});const a=l>0,p=l>=1e3?r("myStore.deltaTimes",{times:Math.round(l/100+1).toLocaleString()}):`${Math.abs(l)}%`;return e.jsxs(St,{"data-dir":a?"up":"down","data-testid":"store-delta","aria-label":r(a?"myStore.deltaUpAria":"myStore.deltaDownAria",{pct:p,against:s}),children:[e.jsx("span",{className:"delta__arrow","aria-hidden":!0,children:a?"▲":"▼"}),p,s?e.jsx("span",{className:"delta__against",children:s}):null]})}function xi(){return e.jsxs("div",{"data-testid":"store-skeleton","aria-hidden":!0,children:[e.jsx(Jn,{children:[0,1,2,3].map(t=>e.jsxs(ge,{children:[e.jsx(_,{style:{width:"46%"}}),e.jsx(_,{style:{width:"32%",height:38}}),e.jsx(_,{style:{width:"64%",height:15}})]},t))}),e.jsxs(de,{style:{marginTop:22},children:[e.jsxs(_e,{children:[e.jsx(_,{style:{width:96,height:14}}),e.jsx(_,{style:{width:120}})]}),e.jsxs(no,{children:[e.jsxs(to,{"aria-hidden":!0,children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx(_,{style:{width:84,height:12}}),e.jsx(_,{style:{width:74,height:12}}),e.jsx(_,{style:{width:62,height:12}}),e.jsx(_,{style:{width:68,height:12}}),e.jsx(_,{style:{width:82,height:12}}),e.jsx(_,{style:{width:60,height:12}})]}),Array.from({length:nt},(t,n)=>e.jsxs(oo,{children:[e.jsx("span",{}),e.jsx(Wr,{}),e.jsx(_,{style:{width:"82%",height:14}}),e.jsx(_,{style:{width:"70%",height:20}}),e.jsx(_,{style:{width:72}}),e.jsx(_,{style:{width:76}}),e.jsx(_,{style:{height:20}}),e.jsx(_,{style:{width:96,height:32,borderRadius:8}})]},n))]}),e.jsx(Tr,{as:"div",children:e.jsx(_,{style:{width:150,height:13,margin:"0 auto"}})})]}),e.jsx(ro,{style:{marginTop:22},children:[0,1].map(t=>e.jsxs(de,{children:[e.jsxs(_e,{children:[e.jsx(_,{style:{width:110,height:14}}),e.jsx(_,{style:{width:80}})]}),e.jsx(zn,{children:[0,1,2,3].map(n=>e.jsx(_,{style:{width:46,height:9}},n))}),Array.from({length:st},(n,s)=>e.jsxs(Fn,{children:[e.jsx(_,{style:{width:"38%"}}),e.jsx(_,{style:{width:"24%"}}),e.jsx(_,{style:{width:56}}),e.jsx(_,{style:{width:64}})]},s))]},t))}),e.jsxs(de,{style:{marginTop:22},children:[e.jsxs(_e,{children:[e.jsx(_,{style:{width:104,height:14}}),e.jsx(_,{style:{width:90}})]}),e.jsx(zn,{children:[0,1,2,3,4].map(t=>e.jsx(_,{style:{width:46,height:9}},t))}),Array.from({length:ot},(t,n)=>e.jsxs(Fn,{children:[e.jsx(_,{style:{width:"30%"}}),e.jsx(_,{style:{width:"18%"}}),e.jsx(_,{style:{width:72,height:18}}),e.jsx(_,{style:{width:"14%"}}),e.jsx(_,{style:{width:54}})]},n))]})]})}function Fi(){var Jt,en;Eo({title:r("myStore.title"),noindex:!0});const{session:t,error:n,signIn:s}=Do(),[l]=Co(),[a,d]=y.useState({key:"30d"}),[p,h]=y.useState(!1),f=y.useCallback(()=>h(!1),[]),v=a.key,L=y.useMemo(()=>Ns(a,Date.now()),[a]),[g,T]=y.useState(()=>new Set),[O,E]=y.useState(0),[C,b]=y.useState(0),[D,W]=y.useState(!1),[q,m]=y.useState(oi),[K,F]=y.useState(0),[P,U]=y.useState(null),[u,w]=y.useState(null),[M,I]=y.useState(0),[S,N]=y.useState(null),[B,X]=y.useState({key:"nfts",dir:"desc"}),[V,A]=y.useState(0),[R,ne]=y.useState(null),[le,ce]=y.useState(!1),j=zo(),[ue,me]=y.useState(!1),Ot=Fo(),co=Oo(),Q=hi(l.get("mock")),ye=l.get("env"),ho=Ao("/").replace(/\/$/,""),rt=i=>`${ho}${i}`,Rt=Q;function z(i,x={}){Rt||qo(i,x)}const{data:fe}=Ro(t==null?void 0:t.address),it=t==null?void 0:t.address,{data:be}=ws(it),Nt=js.filter(i=>be==null?void 0:be.links[i]),Bt=(en=(Jt=fe==null?void 0:fe.avatar)==null?void 0:Jt.snapshots)==null?void 0:en.face256,qt=fe!=null&&fe.name?Et(fe.name):null,{stats:po,trend:Ht,savesByKey:uo,saleable:Kt,sales:lt,isLoading:mo,error:fo}=Us(t,L),k=Q?Ft:po,Y=Q?{...Ht,collectors:La,buyers:Ta}:Ht,xo=Q?!1:mo,go=Q?Pa:uo,ct=di(t==null?void 0:t.address,L,C),Ee=Q?Ea:ct.rows,yo=Q?An:lt.rows,bo=y.useMemo(()=>[...new Set(Ee.map(i=>i.buyer.toLowerCase()))].sort(),[Ee]),{data:De,isLoading:wo}=Ct(bo),dt=Math.max(1,Math.ceil(Y.buyers.length/ot)),ze=Math.min(K,dt-1),Ut=y.useMemo(()=>{if(!S)return Y.buyers;const i={items:x=>x.items,collections:x=>x.collections,last:x=>x.lastAt,spent:x=>x.spentWei}[S.key];return et(Y.buyers,i,S.dir)},[Y.buyers,S]),ht=y.useMemo(()=>Ut.slice(ze*ot,(ze+1)*ot),[Ut,ze]),jo=y.useMemo(()=>ht.map(i=>i.address).sort(),[ht]),{data:Fe}=Ct(jo),Oe=Z({queryKey:["store-top-owners",t==null?void 0:t.address,B.key,B.dir,V],enabled:!Q&&!!t,staleTime:5*6e4,placeholderData:i=>i,retry:(i,x)=>!(x instanceof tt)&&i<1,queryFn:()=>$n(t.address,{sortBy:B.key,orderDirection:B.dir,first:Ve,skip:V*Ve})});y.useEffect(()=>{const i=Oe.error;!i||i instanceof tt||i instanceof Zn&&i.status<500||Bn(i,{flow:"my_store",step:"top_owners"})},[Oe.error]);const G=Q?vn(B,V,Ve):Oe.data,Ie=Math.max(1,Math.ceil(((G==null?void 0:G.total)??0)/Ve)),So=y.useMemo(()=>((k==null?void 0:k.collections)??[]).flatMap(i=>i.items.filter(x=>x.left>0).map(x=>({contractAddress:i.contractAddress,itemId:x.itemId,name:x.name,thumbnail:x.thumbnail,collectionName:i.name,left:x.left}))).sort((i,x)=>x.left-i.left),[k]);y.useEffect(()=>{V>Ie-1&&A(Ie-1)},[V,Ie]);const ko=y.useMemo(()=>((G==null?void 0:G.data)??[]).map(i=>i.address).sort(),[G]),{data:Re}=Ct(ko),{data:$o}=ts(t==null?void 0:t.address,Ot&&!!t),Yt=Math.max(1,Math.ceil(((k==null?void 0:k.collections.length)??0)/nt)),Gt=y.useMemo(()=>{const i=(k==null?void 0:k.collections)??[];if(!P)return ri(i,q);const x={name:$=>$.name,claimed:$=>$.claimed,earnings:$=>$.earningsWei,sold:$=>$.sold}[P.key];return et(i,x,P.dir)},[k,q,P]),Le=y.useMemo(()=>{const i=Ts((k==null?void 0:k.collections)??[],1/0).map(($,H)=>({...$,rank:H+1}));if(!u)return i;const x={name:$=>$.name,collection:$=>$.collectionName,sold:$=>$.sold,earnings:$=>$.earnedWei}[u.key];return et(i,x,u.dir)},[k,u]);function Ne(i,x){const $=Ue(u,i,x);z("Shop Sorted Store Table",{table:"best_sellers",column:$.key,direction:$.dir}),w($),I(0)}const pt=Math.max(1,Math.ceil(Le.length/vt)),Be=Math.min(M,pt-1),vo=y.useMemo(()=>Le.slice(Be*vt,(Be+1)*vt),[Le,Be]),qe=Math.min(O,Yt-1),Vt=y.useMemo(()=>Gt.slice(qe*nt,(qe+1)*nt),[Gt,qe]);if(co==="off")return e.jsx(Mo,{to:"/",replace:!0});if(!t&&!Q)return e.jsxs(No,{children:[e.jsx(Bo,{testId:"my-store-signin",icon:Ss,title:r("myStore.signInTitle"),body:r("myStore.signInBody"),cta:{label:r("storeSettings.signIn"),onClick:()=>s()},ctaVariant:"solid",fill:!0}),e.jsx(on,{message:n})]});const Qt=Q?_a:$o,ut=new Map;for(const i of Qt??[])if(!(i.status!=="active"&&i.status!=="scheduled"))for(const x of i.collections)ut.set(x.toLowerCase(),i);const Xt=(Qt??[]).filter(i=>i.status==="active"||i.status==="scheduled"),Zt=L.days,mt=((k==null?void 0:k.collections)??[]).reduce((i,x)=>i+x.items.length,0);return e.jsx(is,{children:e.jsx(ls,{children:e.jsxs(Da,{"data-testid":"my-store",children:[le&&G?e.jsx(ga,{creator:(t==null?void 0:t.address)??"mock",ownerCount:G.total,items:So,loadOwners:async(i,x)=>Q?vn({key:x,dir:"desc"},0,i).data:(await $n(t.address,{sortBy:x,orderDirection:"desc",first:i,skip:0})).data,onClose:()=>ce(!1),onTrack:z,onContinue:({item:i,recipients:x})=>{ce(!1),t&&ne({item:i,contractAddress:i.contractAddress,recipients:x})}}):null,R&&t?e.jsx(bs,{item:{contractAddress:R.contractAddress,chainId:re.chainId,itemId:R.item.itemId,name:R.item.name,thumbnail:R.item.thumbnail,available:R.item.left},session:t,initialRecipients:R.recipients,onClose:()=>{ne(null),j.invalidateQueries({queryKey:["store-catalogue"]}),j.invalidateQueries({queryKey:["store-public-catalogue"]})}}):null,D&&t?e.jsx(ns,{session:t,collections:Kt,onClose:()=>W(!1),source:"my_store",silent:Rt}):null,e.jsxs(za,{children:[e.jsxs(Fa,{children:[e.jsx(Ra,{style:Bt?{backgroundImage:`url(${Bt})`}:void 0,"data-testid":"store-avatar","aria-hidden":!0}),e.jsxs(Oa,{children:[qt?e.jsx(Na,{children:qt}):null,e.jsxs(qa,{children:[e.jsx(Ba,{children:r("myStore.title")}),k?e.jsxs(Mn,{children:[r("myStore.summary",{collections:k.collections.length,items:mt}),Nt.length>0?e.jsx(Ya,{"data-testid":"store-socials",children:Nt.map(i=>e.jsx(Ga,{href:(be==null?void 0:be.links[i])??"",target:"_blank",rel:"noopener noreferrer",onClick:()=>z("Shop Clicked Store Action",{action:"social_link",link_type:i}),title:r(`creator.link.${i}`),"aria-label":r(`creator.link.${i}`),children:e.jsx(se,{name:li[i],className:"ico","aria-hidden":!0})},i))}):null]}):e.jsx(Mn,{children:e.jsx(_,{style:{width:170,background:"rgba(252, 252, 252, 0.18)",animation:"none"}})})]})]})]}),e.jsxs(Ha,{children:[it?e.jsxs(Ka,{href:rt(Ae(`/items/creator/${it}`,ye)),target:"_blank",rel:"noopener noreferrer",onClick:()=>z("Shop Clicked Store Action",{action:"view_public_store"}),"data-testid":"store-view-public",children:[r("myStore.viewPublicStore"),e.jsx(se,{name:"external-link",className:"ico","aria-hidden":!0})]}):null,e.jsxs(Ua,{to:Ae("/store-settings",ye),state:{from:"/my-store"},onClick:()=>z("Shop Clicked Store Action",{action:"edit_store"}),"data-testid":"store-edit",children:[e.jsx(se,{name:"pen",className:"ico","aria-hidden":!0}),r("myStore.editStore")]})]})]}),e.jsxs(Va,{children:[e.jsx(Qa,{children:r("myStore.performance")}),e.jsxs(Za,{children:[e.jsx(Xa,{role:"group","aria-label":r("myStore.period"),children:Fs.map(i=>e.jsx(Ja,{type:"button","aria-pressed":v===i,...i==="custom"?{"aria-expanded":p,"aria-haspopup":"dialog","data-range-trigger":""}:{},onClick:()=>{if(i==="custom"){h(x=>!x);return}i!==v&&z("Shop Changed Store Period",{period:i,previous_period:v}),d({key:i}),h(!1),b(0)},"data-testid":`store-period-${i}`,children:i==="custom"&&v==="custom"&&L.from!=null?ai(L.from,L.to):r(`myStore.period${i}`)},i))}),p?e.jsx($a,{from:L.from??L.to-29*864e5,to:L.to,max:Date.now(),onClose:f,onApply:(i,x)=>{z("Shop Changed Store Period",{period:"custom",previous_period:v,days:Math.round((x-i)/864e5)+1}),d({key:"custom",from:i,to:x}),h(!1),b(0)}}):null]})]}),e.jsx(on,{message:fo?r("myStore.error"):null,testId:"my-store-error"}),xo||!k?e.jsx(xi,{}):e.jsxs(e.Fragment,{children:[e.jsxs(Jn,{"aria-label":r("myStore.summaryAria"),children:[e.jsxs(ge,{children:[e.jsxs(we,{children:[r("myStore.tileSold"),e.jsx(je,{"aria-hidden":!0,children:"🛍️"})]}),e.jsx(Se,{children:e.jsx("span",{"data-testid":"store-sold",children:k.sold.toLocaleString()})}),e.jsxs(ke,{children:[e.jsx(Lt,{delta:Y.sold,period:v}),!It(Y.sold)&&(k.sold===0?r("myStore.tileSoldNone"):k.resales===0?r("myStore.tileSoldFootMintsOnly",{mints:k.mints}):r("myStore.tileSoldFoot",{mints:k.mints,resales:k.resales}))]})]}),e.jsxs(ge,{children:[e.jsxs(we,{children:[r("myStore.tileEarnings"),e.jsx(je,{"aria-hidden":!0,children:"💰"})]}),e.jsxs(Se,{children:[e.jsx(J,{kind:"mana"}),ae(k.earningsWei),e.jsx(In,{children:r("myStore.manaUnit")})]}),e.jsxs(ke,{children:[e.jsx(Lt,{delta:Y.earnings,period:v}),k.partial?e.jsxs(e.Fragment,{children:[e.jsx(Ln,{children:r("myStore.estimate")})," ",r("myStore.tileEarningsPartial")]}):It(Y.earnings)?null:r("myStore.tileEarningsFoot")]})]}),e.jsxs(ge,{children:[e.jsxs(we,{children:[r("myStore.tileListed"),e.jsx(je,{"aria-hidden":!0,children:"🏷️"})]}),e.jsxs(Se,{children:[k.listed+k.classic,e.jsx(In,{children:r("myStore.ofTotal",{n:mt})})]}),e.jsx(ke,{children:mt===0?r("myStore.tileListedNone"):r("myStore.tileListedFoot",{count:k.neverListed})})]}),e.jsxs(ge,{children:[e.jsxs(we,{children:[r("myStore.tileDiscounts"),e.jsx(je,{"aria-hidden":!0,children:"🔥"})]}),e.jsx(Se,{"data-testid":"store-discounts",children:Xt.length}),e.jsx(ke,{children:Xt.length>0?r("myStore.tileDiscountsFoot"):r("myStore.tileDiscountsNone")})]})]}),e.jsxs(de,{"aria-labelledby":"store-chart-h","data-testid":"store-chart-panel",children:[e.jsx($t,{children:e.jsxs("div",{children:[e.jsx($e,{id:"store-chart-h",children:r("myStore.chart.title")}),e.jsx(kt,{children:r("myStore.chart.sub")})]})}),e.jsx(la,{address:t==null?void 0:t.address,range:L,rows:yo,truncated:lt.truncated,fetching:lt.isFetching,collections:k.collections,onTrack:z,comparisonRows:Q?An:void 0})]}),k.classic>0&&!ue?e.jsx(os,{count:k.classic,reason:"discounts",to:Ae("/activity?section=listings",ye),onDismiss:()=>{z("Shop Clicked Store Action",{action:"dismiss_pricing_banner",classic_items:k.classic}),me(!0)},onCta:()=>z("Shop Clicked Store Action",{action:"update_prices",classic_items:k.classic})}):null,e.jsxs(de,{"aria-labelledby":"store-coll-h",children:[e.jsxs(Ur,{children:[e.jsx($e,{id:"store-coll-h",children:r("myStore.collectionsCount",{count:k.collections.length})}),e.jsxs(Yr,{children:[k.collections.length>1?e.jsx(nr,{options:[{value:"sold",label:r("myStore.sortSold")},{value:"earned",label:r("myStore.sortEarned")},...k.collections.some(i=>i.createdAt)?[{value:"newest",label:r("myStore.sortNewest")}]:[],{value:"name",label:r("myStore.sortName")}],value:P?void 0:q,placeholder:r("myStore.sortCustom"),onChange:i=>{z("Shop Sorted Store Collections",{sort:i}),m(i),U(null),E(0),si(i)},align:"right",ariaLabel:r("myStore.sortBy"),className:"store-sort"}):null,Q||Ot&&t&&Kt.length>0?e.jsxs(Tt,{variant:"red",size:"sm",onClick:()=>W(!0),"data-testid":"store-new-discount",children:[e.jsx("span",{"aria-hidden":!0,children:"🔥"}),r("myStore.newDiscount")]}):null]})]}),k.collections.length===0?e.jsx(ve,{children:r("myStore.noCollections")}):e.jsx(e.Fragment,{children:e.jsxs(no,{children:[e.jsxs(to,{children:[e.jsx("span",{}),e.jsx("span",{}),[["name",r("myStore.colCollection"),"asc"],null,["claimed",r("myStore.colClaimed"),"desc"],["earnings",r("myStore.colEarnings"),"desc"],["sold",Zt?r("myStore.colTrend",{days:Zt}):r("myStore.colTrendAll"),"desc"]].map((i,x)=>i?e.jsx("span",{children:e.jsx(xe,{label:i[1],dir:ee(P,i[0]),testId:`store-sort-collections-${i[0]}`,onSort:()=>{const $=Ue(P,i[0],i[2]);z("Shop Sorted Store Table",{table:"collections",column:$.key,direction:$.dir}),U($),E(0)}})},i[0]):e.jsx("span",{children:r("myStore.colDiscounts")},`plain-${x}`)),e.jsx("span",{children:r("myStore.colActions")})]}),Vt.map(i=>e.jsx(fi,{collection:i,discount:ut.get(i.contractAddress)??null,savesByKey:go,env:ye,open:g.has(i.contractAddress),onToggle:()=>{g.has(i.contractAddress)||z("Shop Expanded Store Collection",{contract_address:i.contractAddress,items:i.items.length,exhausted:i.exhausted,has_discount:ut.has(i.contractAddress)}),T(x=>{const $=new Set(x);return $.delete(i.contractAddress)||$.add(i.contractAddress),$})},onManage:()=>z("Shop Clicked Store Action",{action:"manage_collection",contract_address:i.contractAddress}),onIssue:t?x=>{z("Shop Clicked Store Action",{action:"issue_copies",contract_address:i.contractAddress}),ne({item:x,contractAddress:i.contractAddress})}:void 0},i.contractAddress))]})}),k.collections.length>0?e.jsxs(Te,{children:[e.jsxs("span",{"data-testid":"store-showing",children:[r("myStore.showingOf",{shown:Vt.length.toLocaleString(),total:k.collections.length.toLocaleString()}),k.breakdownPartial?e.jsxs(e.Fragment,{children:[" · ",r("myStore.soldPartial",{n:k.fetched.toLocaleString()})]}):null]}),e.jsx(We,{page:qe,pages:Yt,onChange:i=>{z("Shop Paged Store Table",{table:"collections",page:i+1}),E(i)},name:"collections"})]}):null]}),e.jsxs(ro,{children:[e.jsxs(de,{"aria-labelledby":"store-best-h",children:[e.jsx($t,{children:e.jsxs("div",{children:[e.jsx($e,{id:"store-best-h",children:r("myStore.bestSellers")}),e.jsxs(kt,{children:[r("myStore.bestSellersSub",{n:Le.length}),k.breakdownPartial?e.jsxs(e.Fragment,{children:[" · ",r("myStore.soldPartial",{n:k.fetched.toLocaleString()})]}):null]})]})}),Le.length===0?e.jsx(ve,{children:r("myStore.noBestSellers")}):e.jsx(Ye,{children:e.jsxs(Zr,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col","aria-sort":Ce(ee(u,"name")),children:e.jsxs(Rn,{children:[e.jsx(On,{"aria-hidden":!0,children:"#"}),e.jsx(xe,{label:r("myStore.colItem"),dir:ee(u,"name"),testId:"store-sort-best-name",onSort:()=>Ne("name","asc")})]})}),e.jsx("th",{scope:"col","aria-sort":Ce(ee(u,"collection")),children:e.jsx(xe,{label:r("myStore.colCollection"),dir:ee(u,"collection"),testId:"store-sort-best-collection",onSort:()=>Ne("collection","asc")})}),e.jsx("th",{scope:"col",style:{textAlign:"center"},"aria-sort":Ce(ee(u,"sold")),children:e.jsx(xe,{label:r("myStore.colSold"),dir:ee(u,"sold"),testId:"store-sort-best-sold",onSort:()=>Ne("sold","desc")})}),e.jsx("th",{scope:"col",style:{textAlign:"right"},"aria-sort":Ce(ee(u,"earnings")),children:e.jsx(xe,{label:r("myStore.colEarnings"),dir:ee(u,"earnings"),align:"right",testId:"store-sort-best-earnings",onSort:()=>Ne("earnings","desc")})})]})}),e.jsx("tbody",{children:vo.map(i=>e.jsxs("tr",{"data-testid":"store-best",children:[e.jsx("td",{children:e.jsxs(Rn,{children:[e.jsx(On,{children:i.rank}),e.jsxs(Pn,{as:"a",href:rt(Nn(i.contractAddress,i.itemId,ye)),target:"_blank",rel:"noopener noreferrer",onClick:()=>z("Shop Clicked Store Action",{action:"open_item",table:"best_sellers",rank:i.rank}),"data-testid":"store-best-item",children:[e.jsx(En,{style:{backgroundImage:Wt(i.rarity)},children:i.thumbnail?e.jsx("img",{src:i.thumbnail,alt:"",loading:"lazy"}):null}),e.jsx("span",{children:i.name})]})]})}),e.jsx("td",{"data-dim":!0,children:i.collectionName}),e.jsx("td",{style:{textAlign:"center",fontWeight:600},"data-testid":"store-best-sold",children:i.sold.toLocaleString()}),e.jsx("td",{"data-money":!0,children:e.jsxs(Ge,{children:[e.jsx(J,{kind:"mana"}),ae(i.earnedWei)]})})]},i.key))})]})}),pt>1?e.jsxs(Te,{children:[e.jsx("span",{}),e.jsx(We,{page:Be,pages:pt,onChange:i=>{z("Shop Paged Store Table",{table:"best_sellers",page:i+1}),I(i)},name:"best"})]}):null]}),e.jsxs(de,{"aria-labelledby":"store-feed-h",children:[e.jsxs($t,{children:[e.jsxs("div",{children:[e.jsx($e,{id:"store-feed-h",children:r("myStore.recentSales")}),e.jsx(kt,{children:r("myStore.recentSalesSub")})]}),e.jsxs(Xr,{to:"/activity",onClick:()=>z("Shop Clicked Store Action",{action:"view_all_sales"}),children:[r("myStore.viewAll"),e.jsx(se,{name:"arrow-up-right",size:14,"aria-hidden":!0})]})]}),Ee.length===0?e.jsx(ve,{children:r("myStore.noSales")}):e.jsx(Ye,{children:e.jsxs(Jr,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:r("myStore.colItem")}),e.jsx("th",{scope:"col",children:r("myStore.colCollection")}),e.jsx("th",{scope:"col",style:{textAlign:"right"},children:r("myStore.colPrice")}),e.jsx("th",{scope:"col",children:r("myStore.colBuyer")}),e.jsx("th",{scope:"col",children:r("myStore.colDate")})]})}),e.jsx("tbody",{children:Ee.map(i=>{var tn,nn;const x=k.collections.find(ft=>ft.contractAddress===i.contractAddress.toLowerCase()),$=x==null?void 0:x.items.find(ft=>ft.itemId===i.itemId),H=De==null?void 0:De.get(i.buyer.toLowerCase()),he=(nn=(tn=H==null?void 0:H.avatar)==null?void 0:tn.snapshots)==null?void 0:nn.face256;return e.jsxs("tr",{"data-testid":"store-sale",children:[e.jsx("td",{children:e.jsxs(Pn,{as:i.itemId?"a":"span",...i.itemId?{href:rt(Nn(i.contractAddress,i.itemId,ye)),target:"_blank",rel:"noopener noreferrer",onClick:()=>z("Shop Clicked Store Action",{action:"open_item",table:"recent_sales"}),"data-testid":"store-sale-item"}:{},children:[e.jsx(En,{style:{backgroundImage:Wt($==null?void 0:$.rarity)},children:$!=null&&$.thumbnail?e.jsx("img",{src:$.thumbnail,alt:"",loading:"lazy"}):null}),e.jsxs(ei,{children:[e.jsx("span",{children:($==null?void 0:$.name)??(x==null?void 0:x.name)??i.itemId??r("myStore.unknownItem")}),e.jsx(Qe,{content:r("myStore.kindHint"),children:e.jsx(Lr,{"data-kind":i.type,"data-testid":"store-kind-hint",children:i.type==="mint"?r("myStore.kindMint"):r("myStore.kindResale")})})]})]})}),e.jsx("td",{"data-dim":!0,children:(x==null?void 0:x.name)??"—"}),e.jsx("td",{"data-money":!0,children:e.jsxs(Ge,{children:[e.jsx(J,{kind:"mana"}),ae(te(i.price))]})}),e.jsx("td",{children:wo?e.jsxs(Cr,{"aria-hidden":!0,children:[e.jsx("i",{}),e.jsx("b",{})]}):e.jsxs(wt,{href:`${re.profileUrl}/${i.buyer}`,target:"_blank",rel:"noopener noreferrer",onClick:()=>z("Shop Clicked Store Action",{action:"open_buyer",table:"recent_sales"}),"data-testid":"store-sale-buyer",children:[e.jsx(jt,{style:he?{backgroundImage:`url(${he})`}:void 0,"aria-hidden":!0}),At(i.buyer,De)]})}),e.jsx("td",{"data-dim":!0,children:Mt(i.timestamp)})]},i.id)})})]})}),ct.pages>1?e.jsxs(Te,{children:[e.jsx("span",{}),e.jsx(We,{page:C,pages:ct.pages,onChange:i=>{z("Shop Paged Store Table",{table:"recent_sales",page:i+1}),b(i)},name:"sales"})]}):null]})]}),e.jsxs(Pr,{children:[e.jsx(Er,{id:"store-audience-h",children:r("myStore.audience")}),e.jsx(Dr,{children:r("myStore.audienceSub")})]}),e.jsxs(zr,{children:[e.jsxs(ge,{children:[e.jsxs(we,{children:[e.jsxs("span",{children:[r("myStore.tileCollectors"),e.jsx(Qe,{content:r("myStore.collectorsHint"),children:e.jsx(_n,{type:"button","aria-label":r("myStore.tileCollectors"),"data-testid":"store-collectors-hint",children:e.jsx(se,{name:"info",className:"ico","aria-hidden":!0})})})]}),e.jsx(je,{"aria-hidden":!0,children:"👥"})]}),e.jsx(Se,{"data-testid":"store-collectors",children:Y.collectors.total.toLocaleString()}),e.jsx(ke,{children:Y.collectors.total===0?r("myStore.tileCollectorsNone"):e.jsxs(e.Fragment,{children:[k.breakdownPartial?e.jsxs(e.Fragment,{children:[e.jsx(Ln,{children:r("myStore.estimate")})," "]}):null,Y.collectors.topSharePct>=50?r("myStore.tileCollectorsConcentrated",{pct:Math.floor(Y.collectors.topSharePct)}):r("myStore.tileCollectorsFoot",{repeat:Y.collectors.repeat,pct:Math.round(Y.collectors.repeatPct)})]})})]}),k.royalties?e.jsxs(ge,{children:[e.jsxs(we,{children:[e.jsxs("span",{children:[r("myStore.tileRoyalties"),e.jsx(Qe,{content:r("myStore.royaltiesHint"),children:e.jsx(_n,{type:"button","aria-label":r("myStore.tileRoyalties"),"data-testid":"store-royalties-hint",children:e.jsx(se,{name:"info",className:"ico","aria-hidden":!0})})})]}),e.jsx(je,{"aria-hidden":!0,children:"🔁"})]}),e.jsxs(Se,{"data-testid":"store-royalties",children:[e.jsx(er,{children:"≈"}),e.jsx(J,{kind:"mana"}),ae(ui(k.royalties.volumeWei))]}),e.jsxs(ke,{children:[e.jsx(Lt,{delta:Y.royalties,period:v}),It(Y.royalties)?null:e.jsx("span",{children:Kn("myStore.tileRoyaltiesFoot",{m:i=>e.jsxs(e.Fragment,{children:[e.jsx(J,{kind:"mana"}),i]}),count:k.royalties.resales,volume:ae(k.royalties.volumeWei)})})]})]}):null]}),e.jsxs(de,{"aria-labelledby":"store-buyers-h",children:[e.jsxs(_e,{children:[e.jsx($e,{id:"store-buyers-h",children:r("myStore.buyers")}),e.jsx(Tn,{children:r("myStore.buyersHint")})]}),Y.buyers.length===0?e.jsx(ve,{"data-testid":"store-buyers-none",children:r("myStore.noBuyers")}):e.jsx(Ye,{children:e.jsxs(Fr,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:r("myStore.colBuyer")}),[["items",r("myStore.colItems"),"desc"],["collections",r("myStore.colCollections"),"desc"],["last",r("myStore.colLast"),"desc"],["spent",r("myStore.colSpent"),"desc"]].map(([i,x,$])=>e.jsx("th",{scope:"col",style:i==="spent"?{textAlign:"right"}:void 0,"aria-sort":Ce(ee(S,i)),children:e.jsx(xe,{label:x,dir:ee(S,i),align:i==="spent"?"right":"left",testId:`store-sort-buyers-${i}`,onSort:()=>{const H=Ue(S,i,$);z("Shop Sorted Store Table",{table:"buyers",column:H.key,direction:H.dir}),N(H),F(0)}})},i))]})}),e.jsx("tbody",{children:ht.map(i=>{var $,H,he;const x=(he=(H=($=Fe==null?void 0:Fe.get(i.address))==null?void 0:$.avatar)==null?void 0:H.snapshots)==null?void 0:he.face256;return e.jsxs("tr",{"data-testid":"store-buyer",children:[e.jsx("td",{children:e.jsxs(wt,{href:`${re.profileUrl}/${i.address}`,target:"_blank",rel:"noopener noreferrer",onClick:()=>z("Shop Clicked Store Action",{action:"open_buyer",table:"buyers"}),"data-testid":"store-buyer-name",children:[e.jsx(jt,{style:x?{backgroundImage:`url(${x})`}:void 0,"aria-hidden":!0}),At(i.address,Fe)]})}),e.jsx("td",{"data-dim":!0,children:r("myStore.buyerItems",{count:i.items})}),e.jsx("td",{"data-dim":!0,children:r("myStore.buyerCollections",{count:i.collections})}),e.jsx("td",{"data-dim":!0,children:Mt(i.lastAt)}),e.jsx("td",{"data-money":!0,children:e.jsxs(Ge,{children:[e.jsx(J,{kind:"mana"}),ae(i.spentWei)]})})]},i.address)})})]})}),dt>1?e.jsxs(Te,{children:[e.jsx("span",{}),e.jsx(We,{page:ze,pages:dt,onChange:i=>{z("Shop Paged Store Table",{table:"buyers",page:i+1}),F(i)},name:"buyers"})]}):null]}),G||Oe.error instanceof tt?e.jsxs(de,{"aria-labelledby":"store-owners-h","data-testid":"store-owners-panel",children:[e.jsxs(_e,{children:[e.jsx($e,{id:"store-owners-h",children:r("myStore.owners")}),e.jsxs(tr,{children:[e.jsx(Tn,{children:r("myStore.ownersHint")}),(t||Q)&&G&&G.total>0?e.jsxs(Tt,{variant:"red",size:"sm",onClick:()=>{z("Shop Clicked Store Action",{action:"reward_owners"}),ce(!0)},"data-testid":"store-reward-owners",children:[e.jsx("span",{"aria-hidden":!0,children:"🎁"}),r("myStore.rewardOwners")]}):null]})]}),G?G.total===0?e.jsx(ve,{"data-testid":"store-owners-none",children:r("myStore.noOwners")}):e.jsx(Ye,{children:e.jsxs(Or,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:r("myStore.colOwner")}),ti.map(({key:i,label:x,first:$})=>e.jsx("th",{scope:"col",style:i==="spent"?{textAlign:"right"}:void 0,"aria-sort":Ce(ee(B,i)),children:e.jsx(xe,{label:r(x),dir:ee(B,i),align:i==="spent"?"right":"left",testId:`store-sort-owners-${i}`,onSort:()=>{const H=Ue(B,i,$);z("Shop Sorted Store Table",{table:"owners",column:H.key,direction:H.dir}),X(H),A(0)}})},i))]})}),e.jsx("tbody",{children:G.data.map(i=>{var $,H,he;const x=(he=(H=($=Re==null?void 0:Re.get(i.address))==null?void 0:$.avatar)==null?void 0:H.snapshots)==null?void 0:he.face256;return e.jsxs("tr",{"data-testid":"store-owner",children:[e.jsx("td",{children:e.jsxs(wt,{href:`${re.profileUrl}/${i.address}`,target:"_blank",rel:"noopener noreferrer",onClick:()=>z("Shop Clicked Store Action",{action:"open_owner",table:"owners"}),"data-testid":"store-owner-name",children:[e.jsx(jt,{style:x?{backgroundImage:`url(${x})`}:void 0,"aria-hidden":!0}),At(i.address,Re)]})}),e.jsx("td",{"data-testid":"store-owner-nfts",children:i.nfts.toLocaleString()}),e.jsx("td",{"data-dim":!0,children:r("myStore.buyerItems",{count:i.items})}),e.jsx("td",{"data-dim":!0,children:r("myStore.buyerCollections",{count:i.collections})}),e.jsx("td",{"data-dim":!0,children:Mt(i.lastAcquiredAt)}),e.jsx("td",{"data-money":!0,children:e.jsxs(Ge,{children:[e.jsx(J,{kind:"mana"}),ae(te(i.spentWei))]})})]},i.address)})})]})}):e.jsx(ve,{"data-testid":"store-owners-unavailable",children:r("myStore.ownersUnavailable")}),G&&Ie>1?e.jsxs(Te,{children:[e.jsx("span",{children:r("myStore.ownersCount",{count:G.total})}),e.jsx(We,{page:V,pages:Ie,onChange:i=>{z("Shop Paged Store Table",{table:"owners",page:i+1}),A(i)},name:"owners"})]}):null]}):null]})]})})})}export{Fi as MyStore,Fi as default};
+//# sourceMappingURL=MyStore-C5KnNX82.js.map