@dcl/shop 1.17.2-36152359068.commit-47bab5a → 1.17.2-36416043832.commit-4089d5e

package/_assets/MyStore-Dn05R_CU.js

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