@dcl/shop 1.17.2-36418293890.commit-220d68e → 1.17.2-36420626550.commit-d42845c

package/_assets/MyStore-DWlwF62V.js

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