@dcl/shop 1.17.2-36416043832.commit-4089d5e → 1.17.2-36417112568.commit-e2afc81

package/_assets/MyStore-D3H6JCYZ.js

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