@dcl/shop 1.15.1-35758984456.commit-e35d44f → 1.16.1-36006716283.commit-23b90f8

package/_assets/MyStore-Cpl5KPnh.js

@@ -0,0 +1,1639 @@
+import{r as C,j as e,L as re,u as Zt,f as Xt,N as es}from"./react-BMUOnEEj.js";import{c as q,bU as ts,w as B,cu as ss,cv as ns,s as r,t as i,z as os,a as s,I as z,ca as as,H as It,B as is,x as rs,cc as ls,cw as ds,a3 as cs,aE as Mt,aH as hs,$ as ps,cx as Ne,cy as Wt,O as ms,c9 as us,av as xs,aw as fs,ax as gs,as as ys,bO as bs,cz as ws}from"./index-DW4PoyNN.js";import{f as js,S as Ss}from"./SaleCountdown-JYFZpbfY.js";import{d as ks}from"./dcl-schemas-f1eXO1GU.js";import{t as $s,u as vs,C as Cs,M as As,i as Is}from"./ManaPricingBanner-Obs541p-.js";import{T as xe}from"./Tooltip-BlpuIXVh.js";import{m as Ms}from"./mana-matic-CEqvSwrJ.js";import{E as ot}from"./ErrorNotice-PsNuXhOs.js";import{u as Ws,L as Ls}from"./useStore-Z4dQ8Aj_.js";import{s as Ts}from"./signin-empty-BMddZLGG.js";import{g as Ps,R as zs,M as _s}from"./browseLayout.styles-DIGiWV7F.js";import"./sentry-AHDJ5rD6.js";import"./ethers-CcJCydAy.js";import"./intl-AKLEHPeO.js";import"./errors-Dm4EoC4Y.js";import"./sha3-D5evgfBi.js";import"./browser-K77EfAPY.js";import"./trade-encoding-BdOKZFe9.js";import"./sendMetaTransaction-DP7QBVwJ.js";import"./ManaPricingBanner.styles-CR9FJ8gF.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]="8c1246a1-f22a-4828-8460-50754c811497",t._sentryDebugIdIdentifier="sentry-dbid-8c1246a1-f22a-4828-8460-50754c811497")}catch{}})();function _(t){try{return BigInt(t||"0")}catch{return 0n}}async function at(t){var o;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 a=await fetch(`${q.marketplaceServerUrl}/v1/sales/summary?${n.toString()}`);if(!a.ok)throw await((o=a.body)==null?void 0:o.cancel()),new Error(`fetchSalesSummary ${a.status}`);const{data:l}=await a.json();return l}function Fs(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 Oe(t){var l;const n=await fetch(`${q.marketplaceServerUrl}/v1/sales?${Fs(t).toString()}`);if(!n.ok)throw await((l=n.body)==null?void 0:l.cancel()),new Error(`fetchSales ${n.status}`);const a=await n.json();return{data:a.data??[],total:a.total??0}}async function Ns(t){const{total:n}=await Oe({...t,first:1});return n}async function Es(t,{first:n,skip:a}){const{data:l,total:o}=await Oe({...t,first:n,skip:a});return{rows:l,total:o}}async function Os(t,{cap:n=5e3}={}){const l=[];let o=0;for(let h=0;h<n;h+=1e3){const f=Math.min(1e3,n-h),p=await Oe({...t,first:f,skip:h});if(o=p.total,l.push(...p.data),p.data.length<f||l.length>=o)break}return{rows:l,total:o,truncated:o>l.length}}const Ds=864e5;function it(t,n){return{current:t,previous:n,pct:n===0?null:(t-n)/n*100}}function Bs(t,n){const a=n===0n?null:Number((t-n)*10000n/n)/100;return{current:Number(t),previous:Number(n),pct:a}}function Rs(t,n=3){var f;const a=t.filter(Lt),l=new Map;for(const p of a){const y=p.buyer.toLowerCase();l.set(y,(l.get(y)??0)+1)}const o=[...l.entries()].sort((p,y)=>y[1]-p[1]||p[0].localeCompare(y[0])),h=o.filter(([,p])=>p>1).length;return{total:o.length,repeat:h,repeatPct:o.length===0?0:h/o.length*100,topSharePct:a.length===0?0:(((f=o[0])==null?void 0:f[1])??0)/a.length*100,top:o.slice(0,n).map(([p,y])=>({address:p,bought:y}))}}function Lt(t){return t.type==="mint"&&t.itemId!=null}function Hs(t,n){const a=t.filter(Lt),l=new Map;for(const o of a){const h=o.buyer.toLowerCase(),f=o.contractAddress.toLowerCase(),p=l.get(h)??{bought:0,items:new Set,collections:new Set,spentWei:0n,lastAt:0};p.bought+=1,p.items.add(`${f}-${o.itemId}`),p.collections.add(f),p.spentWei+=_(o.price),o.timestamp>p.lastAt&&(p.lastAt=o.timestamp),l.set(h,p)}return[...l.entries()].map(([o,h])=>({address:o,bought:h.bought,items:h.items.size,collections:h.collections.size,spentWei:h.spentWei,lastAt:h.lastAt})).sort((o,h)=>h.spentWei>o.spentWei?1:h.spentWei<o.spentWei?-1:h.bought-o.bought).slice(0,n)}function qs(t,n){if(t.length===0)return null;const a=t.reduce((l,o)=>o.timestamp>l?o.timestamp:l,0);return Math.max(0,Math.floor((n-a)/Ds))}function Us(t,n=5){return t.flatMap(a=>a.items.filter(l=>l.sold>0).map(l=>({key:l.key,contractAddress:a.contractAddress,itemId:l.itemId,name:l.name,thumbnail:l.thumbnail,rarity:l.rarity,collectionName:a.name,sold:l.sold,earnedWei:l.earnedWei}))).sort((a,l)=>l.sold-a.sold||(l.earnedWei>a.earnedWei?1:l.earnedWei<a.earnedWei?-1:0)||a.name.localeCompare(l.name)).slice(0,n)}const Me=100;async function Vs(t){const[{collections:n},a]=await Promise.all([ts(t,{first:100}),Gs(t)]),l=new Map(n.map(o=>[o.contractAddress.toLowerCase(),o.name]));return a.map(o=>{const h=(o.rarity??"common").toLowerCase(),f=Ks(h),p=Number(o.available??0);return{id:o.id,collectionId:o.contractAddress,collectionName:l.get(o.contractAddress.toLowerCase())??o.contractAddress,contractAddress:o.contractAddress,blockchainItemId:String(o.itemId??""),name:o.name,category:o.category,rarity:h,thumbnail:o.thumbnail??"",type:o.category==="emote"?"emote":"wearable",isPublished:!0,isApproved:!0,totalSupply:Math.max(0,f-p),maxSupply:f,remainingSupply:p,createdAt:o.createdAt?o.createdAt*1e3:void 0,minters:[]}})}function Ks(t){try{return ks.Rarity.getMaxSupply(t)}catch{return 0}}async function Gs(t){var a;const n=[];for(let l=0;;l+=Me){const o=new URLSearchParams({creator:t,first:String(Me),skip:String(l),includeSocialEmotes:"false"}),h=await fetch(`${q.marketplaceServerUrl}/v3/catalog/items?${o.toString()}`);if(!h.ok)throw await((a=h.body)==null?void 0:a.cancel()),new Error(`fetchPublicCatalogue ${h.status}`);const{data:f}=await h.json(),p=f??[];if(n.push(...p),p.length<Me)return n}}const Ee=864e5,fe=14;function Ys(t,n,a){const l=new Array(fe).fill(0),o=a-n*Ee,h=n*Ee/fe;for(const f of t)f.timestamp<o||f.timestamp>a||(l[Math.min(fe-1,Math.floor((f.timestamp-o)/h))]+=1);return l}function Qs({rows:t,total:n,truncated:a,mints:l,summary:o,catalogue:h,saleState:f,unreadable:p,days:y,now:L}){const m=new Map,T=new Map,F=new Map;for(const c of t){if(c.type!=="mint"||c.itemId==null)continue;const x=c.contractAddress.toLowerCase(),S=`${x}-${c.itemId}`;m.set(S,(m.get(S)??0)+1),T.set(S,(T.get(S)??0n)+_(c.price));const g=F.get(x)??[];g.push(c),F.set(x,g)}const I=t.reduce((c,x)=>x.timestamp<c?x.timestamp:c,L),N=Math.max(1,Math.ceil((L-I)/Ee)),E=y!=null&&!a?y:Math.max(y==null?fe:1,N),ne=new Map(((o==null?void 0:o.byItem)??[]).map(c=>[`${c.contractAddress.toLowerCase()}-${c.itemId}`,c.soldLifetime])),oe=new Map(((o==null?void 0:o.byCollection)??[]).map(c=>[c.contractAddress.toLowerCase(),c])),O=new Map;let G=0,U=0,A=0,v=0,j=0;for(const c of h){const x=c.contractAddress.toLowerCase(),S=f[`${c.contractAddress}-${c.blockchainItemId}`],g=c.remainingSupply<=0?"soldout":p!=null&&p.has(x)?"unknown":S!=null&&S.isOnSale?S.manaWei?"classic":"discounted":"unlisted";g==="soldout"?v+=1:g==="unlisted"?j+=1:g==="classic"?A+=1:g==="discounted"&&(U+=1);const k=O.get(x)??{contractAddress:x,collectionId:c.collectionId,name:c.collectionName,items:[],listed:0,classic:0,soldOut:0,sold:0,earningsWei:0n,createdAt:null,trend:[],claimed:0,runTotal:0,exhausted:!1},P=m.get(`${x}-${c.blockchainItemId}`)??0;k.items.push({key:`${x}-${c.blockchainItemId}`,itemId:c.blockchainItemId,name:c.name,thumbnail:c.thumbnail,rarity:c.rarity,left:c.remainingSupply,minted:c.totalSupply,sold:P,earnedWei:T.get(`${x}-${c.blockchainItemId}`)??0n,lifetimeSold:ne.get(`${x}-${c.blockchainItemId}`)??null,priceCredits:(S==null?void 0:S.priceCredits)??null,manaWei:(S==null?void 0:S.manaWei)??null,createdAt:c.createdAt??null,state:g}),k.sold+=P,k.claimed+=c.totalSupply,k.runTotal+=c.totalSupply+c.remainingSupply,G+=P,c.createdAt&&(k.createdAt==null||c.createdAt>k.createdAt)&&(k.createdAt=c.createdAt),g==="soldout"?k.soldOut+=1:g==="classic"?k.classic+=1:g==="discounted"&&(k.listed+=1),O.set(x,k)}for(const[c,x]of O){const S=F.get(c)??[],g=oe.get(c);x.earningsWei=g?_(g.earnedWei):S.reduce((k,P)=>k+_(P.price),0n),g&&(x.sold=g.sold),x.trend=Ys(S,E,L),x.exhausted=x.items.length>0&&x.soldOut===x.items.length,x.items.sort((k,P)=>P.sold-k.sold||k.name.localeCompare(P.name))}const w=[...O.values()].reduce((c,x)=>c+x.sold,0);return{collections:[...O.values()].sort((c,x)=>x.sold-c.sold||c.name.localeCompare(x.name)),sold:(o==null?void 0:o.total)??n,mints:(o==null?void 0:o.mints)??l,resales:o?o.resales:n-l,earningsWei:o?_(o.earnedWei):t.reduce((c,x)=>c+_(x.price),0n),partial:o?!1:a,breakdownPartial:a,fetched:t.length,unattributed:o?o.total-w:t.length-G,trendDays:E,unknownCollections:[...O.keys()].filter(c=>p==null?void 0:p.has(c)).length,royalties:o?{resales:o.royalties.resales,volumeWei:_(o.royalties.volumeWei)}:null,listed:U,neverListed:j,classic:A,soldOut:v}}const Js=new Map,J=864e5,Zs={"7d":7,"30d":30,all:null};function Xs(t,n,a){const l=a??(t==null?void 0:t.address),o=Zs[n],h=C.useMemo(()=>Math.floor(Date.now()/J)*J+J-1,[]),f=o?h-o*J:void 0,p=B({queryKey:["store-sales",l,n],enabled:!!l,queryFn:()=>Os({seller:l,from:f})}),y=B({queryKey:["store-summary",l,n],enabled:!!l,queryFn:()=>at({seller:l,from:f})}),L=o!=null?h-2*o*J:void 0,m=o!=null?h-o*J:void 0,T=B({queryKey:["store-summary-previous",l,n],enabled:!!l&&L!==void 0,queryFn:()=>at({seller:l,from:L,to:m})}),F=B({queryKey:["store-mints",l,n],enabled:!!l,queryFn:()=>Ns({seller:l,from:f,type:"mint"})}),I=B({queryKey:["store-catalogue",l,!!a],enabled:!!l&&(!!a||!!t),queryFn:()=>a?Vs(a):js(l,t.identity,{includeSoldOut:!0})}),N=C.useMemo(()=>[...new Set((I.data??[]).map(A=>A.contractAddress))],[I.data]),E=B({queryKey:["store-sale-state",l,N],enabled:N.length>0,queryFn:async()=>{const A=await Promise.allSettled(N.map(w=>ss(w))),v={},j=new Set;return A.forEach((w,c)=>{const x=N[c];if(w.status==="rejected"){j.add(x.toLowerCase());return}for(const[S,g]of Object.entries(w.value))v[`${x}-${S}`]=g}),{states:v,unreadable:j}}}),ne=B({queryKey:["store-saves",N,(I.data??[]).length],enabled:(I.data??[]).length>0,queryFn:async()=>{const A=(I.data??[]).map(w=>`${w.contractAddress.toLowerCase()}-${w.blockchainItemId}`),v=await Promise.allSettled(A.map(async w=>[w,(await ns(w)).count])),j=new Map;for(const w of v)w.status==="fulfilled"&&j.set(w.value[0],w.value[1]);return j}}),oe=C.useMemo(()=>{var A,v,j,w,c;return I.data?Qs({rows:((A=p.data)==null?void 0:A.rows)??[],total:((v=p.data)==null?void 0:v.total)??0,truncated:!!((j=p.data)!=null&&j.truncated),mints:F.data??0,summary:y.data??null,catalogue:I.data,saleState:((w=E.data)==null?void 0:w.states)??{},unreadable:(c=E.data)==null?void 0:c.unreadable,days:o,now:h}):null},[I.data,p.data,F.data,y.data,E.data,o,h]),O=C.useMemo(()=>{var A;return $s(I.data??[],(A=E.data)==null?void 0:A.states)},[I.data,E.data]),G=C.useMemo(()=>{var c,x,S;const A=Rs(((c=p.data)==null?void 0:c.rows)??[]),v=Hs(((x=p.data)==null?void 0:x.rows)??[]),j=qs(((S=p.data)==null?void 0:S.rows)??[],h),w=T.data;return{collectors:A,buyers:v,quietDays:j,sold:w&&y.data?it(y.data.total,w.total):null,earnings:w&&y.data?Bs(_(y.data.earnedWei),_(w.earnedWei)):null,royalties:w&&y.data?it(y.data.royalties.resales,w.royalties.resales):null}},[p.data,y.data,T.data,h]),U=ne.data??Js;return{stats:oe,trend:G,savesByKey:U,saleable:O,isLoading:I.isLoading||p.isLoading||y.isLoading,error:I.error??p.error??null}}const en=r.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 D({kind:t,className:n}){const a=t==="mana"?i("currency.polygonMana"):i("currency.credits");return e.jsx(xe,{content:a,children:e.jsx(en,{className:n,"aria-label":a,role:"img","data-kind":t,children:t==="mana"?e.jsx("img",{src:Ms,alt:"","aria-hidden":!0}):e.jsx(os,{className:"ccy-mark"})})})}const ie=864e5,H=Date.now(),tn=(t,n,a,l,o)=>({key:`0xmock${t}-${t}`,itemId:String(t),name:n,thumbnail:"",rarity:["epic","legendary","rare","mythic","unique"][t%5],left:l-a,minted:a,sold:Math.round(a/6),earnedWei:BigInt(Math.round(a/6)*(3+t%5))*10n**18n,lifetimeSold:a,priceCredits:o==="classic"?null:20+t*5,manaWei:o==="classic"?"5000000000000000000":null,createdAt:H-t*11*ie,state:o}),sn=[[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]],nn=[{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 on(t,n){const a=t.items.map(([o,h,f,p],y)=>tn(n*10+y,o,h,f,p)),l=a.reduce((o,h)=>o+h.minted,0);return{contractAddress:`0xmock${n.toString().padStart(36,"0")}`,collectionId:`mock-${n}`,name:t.name,items:a,listed:a.filter(o=>o.state==="discounted").length,classic:a.filter(o=>o.state==="classic").length,soldOut:a.filter(o=>o.state==="soldout").length,sold:t.sold,earningsWei:BigInt(t.earnings)*10n**18n,createdAt:H-n*30*ie,trend:sn[t.trend],claimed:l,runTotal:a.reduce((o,h)=>o+h.minted+h.left,0),exhausted:a.length>0&&a.every(o=>o.state==="soldout")}}const De=(()=>{const t=nn.map(on);return{collections:t,sold:211,mints:198,resales:13,earningsWei:3070n*10n**18n,partial:!1,breakdownPartial:!1,fetched:211,unattributed:6,trendDays:30,unknownCollections:1,royalties:{resales:41,volumeWei:2140n*10n**18n},listed:t.reduce((n,a)=>n+a.listed,0),neverListed:t.reduce((n,a)=>n+a.items.filter(l=>l.state==="unlisted").length,0),classic:t.reduce((n,a)=>n+a.classic,0),soldOut:t.reduce((n,a)=>n+a.soldOut,0)}})(),an={total:74,repeat:29,repeatPct:39.19,topSharePct:21.3},rn=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:H-(n+1)*9*36e5})),rt=(t,n,a,l,o,h)=>({id:`mock-coupon-${t}`,signer:"0xmockcreator0000000000000000000000000001",chainId:137,network:"MATIC",checks:{uses:50,expiration:H+o,effective:H-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:a*1e4,root:`0x${"44".repeat(32)}`,collections:[n],signature:`0x${"cd".repeat(65)}`,proof:[],createdAt:H-l,state:{uses:h,cancelled:!1,revoked:!1,checkedAt:H},status:"active"}),ln=[rt(1,`0xmock${"0".repeat(36)}`,25,3*ie,3*ie,18),rt(2,`0xmock${"1".padStart(36,"0")}`,15,12*36e5,9*ie,0)],dn=new Map(De.collections.flatMap(t=>t.items.map((n,a)=>[n.key,[41,3,128,0,17,6,92,1][a%8]]))),cn=De.collections.flatMap(t=>t.items.map(n=>[t.contractAddress,n])),hn=cn.slice(0,5).map(([t,n],a)=>({id:`mock-sale-${a}`,itemId:a===3?null:n.itemId,contractAddress:t,buyer:`0x${(a+3).toString(16).repeat(40).slice(0,40)}`,seller:"0xmockcreator0000000000000000000000000001",price:String(BigInt(40+a*17)*10n**18n),timestamp:H-(a===0?8*6e4:a*19*36e5),type:a===3?"order":"mint",network:"MATIC",tokenId:a===3?"1042":null})),pn=r.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);
+  }
+`,mn=r.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);
+`,un=r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+`,xn=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: 4px;
+  padding-bottom: 8px;
+  min-width: 0;
+`,fn=r.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;
+  }
+`,gn=r.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%;
+`,yn=r.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;
+  }
+`,bn=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  min-width: 0;
+`,lt=r.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};
+`,wn=r.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%;
+  }
+`,jn=r.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;
+  }
+`,Sn=r(re)`
+  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;
+  }
+`,kn=r.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);
+`,$n=r.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;
+  }
+`,vn=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+`,Cn=r.h2`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 1.2;
+  color: ${s.colors.white};
+`,An=r.div`
+  display: flex;
+  gap: 4px;
+  padding: 4px;
+  border-radius: ${s.radius.pill};
+  background: rgba(0, 0, 0, 0.22);
+`,In=r.button`
+  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;
+  }
+`,Tt=r.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);
+  }
+`,V=r.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};
+  }
+`,Z=r.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};
+`,X=r.span`
+  /* Ahead of the label, as the design has it. Ordered rather than moved in the markup, because the mark is
+     the last child in every tile and reordering five sets of markup would buy nothing. */
+  order: -1;
+  font-size: 16px;
+  line-height: 1;
+  filter: saturate(0.9);
+`,ee=r.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;
+`,Mn=r.span`
+  font-size: 20px;
+  font-weight: 600;
+  color: ${s.colors.gray4};
+  margin-right: -2px;
+`,dt=r.span`
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: 0;
+  color: ${s.colors.gray4};
+`,te=r.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};
+`,ct=r.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;
+`,K=r.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};
+  }
+`,ge=r.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+`,me=r.h2`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 15px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+`;r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`;const Wn=r(Ps)`
+  /* 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;
+  }
+`,Ln=r.span`
+  font-family: ${s.font.sans};
+  font-size: 12px;
+  color: ${s.colors.gray4};
+`,Pt="24px 56px minmax(170px, 1fr) minmax(236px, 1.34fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(150px, 1fr) 158px",zt=r.div`
+  display: grid;
+  grid-template-columns: ${Pt};
+  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;
+  }
+`,_t=r.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};
+  }
+`,Ft=r.div`
+  display: grid;
+  grid-template-columns: ${Pt};
+  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;
+    }
+  }
+`,Tn=r.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;
+    }
+  }
+`,Pn=r.span`
+  width: 56px;
+  height: 56px;
+  border-radius: ${s.radius.btn};
+  overflow: hidden;
+  background: ${s.colors.overlayLight};
+`,zn=r.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};
+`,_n=r.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;
+  }
+`,Fn=r.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;
+  }
+`,Nn=r.span`
+  display: block;
+  font-family: ${s.font.sans};
+  font-size: 12px;
+  color: ${s.colors.gray4};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;r.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 En=r.span`
+  min-width: 0;
+
+  ${s.media.maxWidth("mobile")} {
+    display: none;
+  }
+`,ht=r.svg`
+  display: block;
+  width: 100%;
+  height: 34px;
+`,On=r.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;
+  }
+`,Dn=r.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;
+  }
+`,Bn=r.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;
+    }
+  }
+`,Rn=r.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;
+  }
+`,Hn=r.span`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,qn=r.span`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+`,Un=r.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};
+`,Vn=r(re)`
+  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;
+  }
+`,Kn=r.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;
+  }
+`,Gn=r.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;
+  }
+`,Yn=r.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};
+  }
+`,Qn=r.span`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 4px;
+  line-height: 1.25;
+`,Jn=r.span`
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: ${s.colors.gray4};
+  margin-right: 4px;
+`,Zn=r.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};
+`,Xn=r.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};
+  }
+`;r.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};
+`;r.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 pt=r.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;
+  }
+`;r.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};
+  }
+`;r(re)`
+  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;
+  }
+`;r.span`
+  font-family: ${s.font.sans};
+  font-size: 18px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+`;const We=r.div`
+  overflow-x: auto;
+`,Be=r.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;
+  }
+`,mt=r.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;
+  }
+`,ut=r.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;
+  }
+`,xt=r.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;
+  }
+`,eo=r.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;
+  }
+`,ft=r.span`
+  flex: none;
+  display: block;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: ${s.colors.overlayLight};
+  background-size: cover;
+  background-position: center top;
+`,to=r.nav`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  font-variant-numeric: tabular-nums;
+`,Nt=`
+  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;
+  }
+`,gt=r.button`
+  ${Nt}
+`,so=r.button`
+  ${Nt}
+
+  /* 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};
+  }
+`,no=r.span`
+  padding: 0 2px;
+  font-family: ${s.font.sans};
+  font-size: 12px;
+  color: ${s.colors.gray4};
+`;r.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+`;const oo=r.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);
+  }
+`;r.img`
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+  margin-right: 3px;
+`;const ao=r.p`
+  margin: 0;
+  padding: 10px 14px;
+  border: 1px dashed rgba(252, 252, 252, 0.32);
+  border-radius: ${s.radius.btn};
+  font-family: ${s.font.sans};
+  font-size: 12px;
+  color: rgba(252, 252, 252, 0.72);
+  word-break: break-all;
+`,io=r.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;
+  }
+`;r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 10px 18px 14px;
+  border-top: 1px solid ${s.colors.cardLine};
+`;r.p`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 11px;
+  line-height: 1.45;
+  color: ${s.colors.muted2};
+`;const Et=`
+  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;
+  }
+`,b=r.span`
+  display: block;
+  height: 12px;
+  border-radius: 100px;
+  ${Et}
+`,ro=r.span`
+  display: block;
+  width: 40px;
+  height: 40px;
+  border-radius: ${s.radius.btn};
+  ${Et}
+`,yt=r.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;
+`,bt=r.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;
+  }
+`,ue=r.p`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 13px;
+  color: ${s.colors.gray4};
+`,lo=r(z)`
+  width: 16px;
+  height: 16px;
+`,Le=r.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;
+  }
+`,co=r.div`
+  margin: 10px 0 -4px;
+`,ho=r.h2`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 19px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  color: ${s.colors.softWhite};
+`,po=r.p`
+  margin: 4px 0 0;
+  font-family: ${s.font.sans};
+  font-size: 13px;
+  color: rgba(252, 252, 252, 0.62);
+`,mo=r.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);
+  }
+`,uo=r(Be)`
+  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%;
+  }
+`;r.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);
+  }
+`;r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+`;const Te=r.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  [data-kind] img,
+  [data-kind] .ico {
+    vertical-align: baseline;
+  }
+`,xo=r.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;
+  }
+`,fo=r.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;
+`,go=r.span`
+  display: inline-flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+`,yo=r(as)`
+  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;
+  }
+`,bo=r(Ss)`
+  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;
+  }
+`,wo=r.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;
+  }
+`,Pe=r.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;
+  }
+`,jo=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+
+  ${s.media.maxWidth("mobile")} {
+    flex-wrap: wrap;
+  }
+`,So=r.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+`,ko=r(It)`
+  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};
+  }
+`,$o=r.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;
+`,vo=r.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;
+  }
+`,Ot=r.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);
+  }
+`,wt=r.p`
+  margin: 2px 0 0;
+  font-family: ${s.font.sans};
+  font-size: 13px;
+  color: ${s.colors.gray4};
+`,jt=r.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+`,Co=r(re)`
+  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};
+  }
+`,St=r.span`
+  display: inline-block;
+  min-width: 12px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  color: ${s.colors.gray4};
+`,kt=r.span`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+`,Dt=`
+  thead th,
+  tbody td {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+`,Ao=r(Be)`
+  min-width: 500px;
+  ${Dt}
+
+  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;
+  }
+`,Io=r(Be)`
+  min-width: 580px;
+  ${Dt}
+
+  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;
+  }
+`,Mo=r.span`
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+`,Wo=["7d","30d","all"],ye=8,be=5,Bt="shop.my-store.sort",Lo=["sold","selling","newest","name"];function To(){try{const t=localStorage.getItem(Bt);return Lo.includes(t)?t:"sold"}catch{return"sold"}}function Po(t){try{localStorage.setItem(Bt,t)}catch{}}function zo(t,n){const a=[...t];return n==="name"?a.sort((l,o)=>l.name.localeCompare(o.name)):n==="newest"?a.sort((l,o)=>(o.createdAt??0)-(l.createdAt??0)):n==="selling"?a.sort((l,o)=>Number(l.exhausted)-Number(o.exhausted)||o.sold-l.sold||l.name.localeCompare(o.name)):a.sort((l,o)=>o.sold-l.sold||l.name.localeCompare(o.name))}function $t(t,n,a){return se(`/item/${t}/${n}`,a)}function se(t,n){return n?`${t}${t.includes("?")?"&":"?"}env=${n}`:t}function _o(t,n){if(n==null)return null;const a=t.minted-n;return a>0?a:null}const Fo={website:"website",twitter:"x-twitter",discord:"discord",facebook:"facebook"},we=5;function No(t,n){if(n<=5)return Array.from({length:n},(o,h)=>h);const a=[t-1,t,t+1].filter(o=>o>0&&o<n-1),l=[0];return a[0]>1&&l.push("gap"),l.push(...a),a[a.length-1]<n-2&&l.push("gap"),l.push(n-1),l}function ze({page:t,pages:n,onChange:a,name:l}){return n<=1?null:e.jsxs(to,{"aria-label":i("myStore.pagination"),children:[e.jsx(gt,{type:"button",onClick:()=>a(Math.max(0,t-1)),disabled:t===0,"aria-label":i("myStore.prev"),"data-testid":`store-${l}-prev`,children:e.jsx(z,{name:"chevron-down",size:16,"aria-hidden":!0,style:{transform:"rotate(90deg)"}})}),No(t,n).map((o,h)=>o==="gap"?e.jsx(no,{children:"…"},`gap-${h}`):e.jsx(so,{type:"button","aria-current":o===t?"page":void 0,onClick:()=>a(o),"data-testid":`store-${l}-page-${o+1}`,children:(o+1).toLocaleString()},o)),e.jsx(gt,{type:"button",onClick:()=>a(Math.min(n-1,t+1)),disabled:t>=n-1,"aria-label":i("myStore.next"),"data-testid":`store-${l}-next`,children:e.jsx(z,{name:"chevron-down",size:16,"aria-hidden":!0,style:{transform:"rotate(-90deg)"}})})]})}function Eo(t,n,a){var y,L;const l={"7d":7,"30d":30,all:null}[n],o=C.useMemo(()=>Math.floor(Date.now()/864e5)*864e5+864e5-1,[]),h=l?o-l*864e5:void 0,f=B({queryKey:["store-sales-page",t,n,a],enabled:!!t,placeholderData:m=>m,queryFn:()=>Es({seller:t,from:h},{first:we,skip:a*we})}),p=((y=f.data)==null?void 0:y.total)??0;return{rows:((L=f.data)==null?void 0:L.rows)??[],total:p,pages:Math.ceil(p/we)}}function vt(t){return B({queryKey:["store-buyers",t],enabled:t.length>0,staleTime:5*6e4,queryFn:()=>ws(t)})}function Ct(t,n){var l;const a=(l=n==null?void 0:n.get(t.toLowerCase()))==null?void 0:l.name;return a?Mt(a):bs(t)}function Oo(t){return q.previewHost&&t==="1"}function Do(t){if(!q.previewHost||!t)return null;const n=t.trim().toLowerCase();return/^0x[0-9a-f]{40}$/.test(n)?n:null}const Bo=25000n;function Ro(t){return t*Bo/1000000n}function R(t){const n=Number(t/10n**14n)/1e4;return n>=10?Math.round(n).toLocaleString():n.toFixed(2)}function At(t){const n=Math.max(1,Math.round((Date.now()-t)/6e4));if(n<60)return i("myStore.agoMinutes",{n});const a=Math.round(n/60);return a<24?i("myStore.agoHours",{n:a}):i("myStore.agoDays",{n:Math.round(a/24)})}function Ho({series:t}){const n=C.useId(),a=Math.max(...t,0),l=t.length>1?92/(t.length-1):0,o=p=>a===0?27:27-p/a*22,f=t.map((p,y)=>`${(2+y*l).toFixed(1)} ${o(p).toFixed(1)}`).join(" L ");return a===0?e.jsx(ht,{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(ht,{viewBox:"0 0 96 30",role:"img","aria-label":i("myStore.trendAria",{n:a}),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 ${f} L 94 29 L 2 29 Z`,fill:`url(#${n}-fill)`}),e.jsx("path",{d:`M ${f}`,fill:"none",stroke:`url(#${n})`,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function qo({collection:t,discount:n,savesByKey:a,open:l,onToggle:o,onManage:h,env:f}){var y,L;const p=`store-items-${t.contractAddress}`;return e.jsxs(e.Fragment,{children:[e.jsxs(Ft,{"data-testid":"store-collection","data-exhausted":t.exhausted||void 0,children:[e.jsx(Tn,{type:"button","aria-expanded":l,"aria-controls":p,"aria-label":i(l?"myStore.collapse":"myStore.expand",{name:t.name}),onClick:o,"data-testid":"store-collection-toggle",children:e.jsx(lo,{name:"chevron-down",className:"ico","aria-hidden":!0})}),e.jsx(Pn,{"data-testid":"store-collection-thumb",children:e.jsx(us,{contractAddress:t.contractAddress})}),e.jsxs(Fn,{children:[e.jsxs(_n,{children:[e.jsx(re,{to:se(`/collection/${t.contractAddress}`,f),"data-testid":"store-collection-name",children:t.name}),t.exhausted?e.jsx(zn,{"data-testid":"store-collection-soldout",children:i("myStore.collExhausted")}):null]}),e.jsxs(Nn,{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(fo,{"data-testid":"store-collection-discount",children:n?e.jsxs(e.Fragment,{children:[e.jsxs(go,{children:[e.jsx(yo,{pct:n.discount/1e4}),e.jsx(bo,{until:n.checks.expiration})]}),e.jsx(wo,{children:Is(n)?i("myStore.discountUsed",{used:((y=n.state)==null?void 0:y.uses)??0,total:n.checks.uses}):i("myStore.discountUsedUncapped",{used:((L=n.state)==null?void 0:L.uses)??0})})]}):i("myStore.noDiscountShort")}),e.jsxs(xo,{"data-testid":"store-collection-claimed",children:[t.claimed.toLocaleString(),e.jsxs("small",{children:["/",t.runTotal.toLocaleString()]})]}),e.jsxs($o,{"data-testid":"store-collection-earned",children:[e.jsx(D,{kind:"mana"}),R(t.earningsWei)]}),e.jsx(En,{children:e.jsx(Ho,{series:t.trend})}),e.jsxs(ko,{as:"a",href:`${q.builderUrl}/collections/${t.collectionId}`,target:"_blank",rel:"noopener noreferrer",onClick:h,"data-testid":"store-manage",children:[i("myStore.manage"),e.jsx(z,{name:"external-link",size:14,"aria-hidden":!0})]})]}),l?e.jsxs(On,{id:p,"data-testid":"store-items",children:[e.jsxs(Dn,{"data-testid":"store-collection-stats",children:[e.jsxs("span",{children:[e.jsxs("b",{children:[e.jsx(D,{kind:"mana"}),R(t.earningsWei)]}),i("myStore.collEarned")]}),e.jsxs("span",{children:[e.jsx("b",{children:t.sold.toLocaleString()}),i("myStore.collSold")]}),e.jsxs("span",{children:[e.jsx("b",{children:t.items.length}),i("myStore.collItems",{count:t.items.length})]}),e.jsxs("span",{children:[e.jsx("b",{children:t.listed+t.classic}),i("myStore.collListed")]})]}),t.items.map(m=>{const T=_o(m,m.lifetimeSold);return e.jsxs(Bn,{"data-testid":"store-item",children:[e.jsx(Rn,{style:{backgroundImage:Ne(m.rarity)},children:m.thumbnail?e.jsx("img",{src:m.thumbnail,alt:"",loading:"lazy"}):null}),e.jsxs(Hn,{children:[e.jsx(Vn,{to:se(`/item/${t.contractAddress}/${m.itemId}`,f),title:m.name,children:m.name}),e.jsxs(qn,{children:[e.jsx(Un,{style:{background:gs(m.rarity)},title:fs(m.rarity),children:xs(m.rarity)}),e.jsx(Yn,{"data-state":m.state,children:m.state==="soldout"?null:m.state==="unlisted"?i("myStore.stateUnlisted"):m.state==="unknown"?i("myStore.stateUnknown"):e.jsxs(e.Fragment,{children:[e.jsx(Jn,{children:i("myStore.onSaleFor")}),m.manaWei?e.jsxs(e.Fragment,{children:[e.jsx(D,{kind:"mana"}),R(_(m.manaWei))]}):e.jsxs(e.Fragment,{children:[e.jsx(D,{kind:"credits"}),e.jsx(ys,{credits:m.priceCredits??0})]})]})})]})]}),e.jsxs(Kn,{children:[m.sold.toLocaleString(),e.jsxs("small",{children:[" ",i("myStore.sold")]})]}),e.jsxs(vo,{"data-testid":"store-item-saves",title:i("myStore.savesHint",{count:a.get(m.key)??0}),children:[e.jsx(z,{name:"heart",className:"ico","aria-hidden":!0}),(a.get(m.key)??0).toLocaleString()]}),e.jsx(Gn,{role:"progressbar","aria-valuemin":0,"aria-valuemax":m.minted+m.left,"aria-valuenow":m.minted,"aria-label":i("myStore.runAria",{minted:m.minted,total:m.minted+m.left}),children:e.jsx("i",{style:{width:`${Math.round(m.minted/Math.max(1,m.minted+m.left)*100)}%`}})}),e.jsxs(Qn,{title:m.lifetimeSold==null?void 0:i("myStore.runBreakdown",{total:m.minted+m.left,sold:m.lifetimeSold,sent:m.minted-m.lifetimeSold,left:m.left}),children:[e.jsx(Xn,{"data-out":m.left===0,"data-testid":"store-item-stock",children:Wt(m.left===0?"myStore.stockNone":"myStore.stockLeft",{b:F=>e.jsx("b",{children:F}),left:m.left.toLocaleString(),total:(m.minted+m.left).toLocaleString()})}),T?e.jsx(Zn,{"data-testid":"store-item-issued",children:i("myStore.sentDirectly",{count:T.toLocaleString()})}):null]})]},m.key)})]}):null]})}function _e(t){return!!t&&!(t.current===0&&t.previous===0)}function Fe({delta:t,period:n}){if(!t||t.current===0&&t.previous===0)return null;const a=n==="all"?"":i(`myStore.vs${n}`);if(t.pct===null)return e.jsxs(Le,{"data-dir":"new","data-testid":"store-delta",children:[i("myStore.deltaNew"),a?e.jsx("span",{className:"delta__against",children:a}):null]});const l=Math.round(t.pct);if(l===0)return e.jsxs(Le,{"data-dir":"flat","data-testid":"store-delta",children:[i("myStore.deltaFlat"),a?e.jsx("span",{className:"delta__against",children:a}):null]});const o=l>0,f=l>=1e3?i("myStore.deltaTimes",{times:Math.round(l/100+1).toLocaleString()}):`${Math.abs(l)}%`;return e.jsxs(Le,{"data-dir":o?"up":"down","data-testid":"store-delta","aria-label":i(o?"myStore.deltaUpAria":"myStore.deltaDownAria",{pct:f,against:a}),children:[e.jsx("span",{className:"delta__arrow","aria-hidden":!0,children:o?"▲":"▼"}),f,a?e.jsx("span",{className:"delta__against",children:a}):null]})}function Uo(){return e.jsxs("div",{"data-testid":"store-skeleton","aria-hidden":!0,children:[e.jsx(Tt,{children:[0,1,2,3].map(t=>e.jsxs(V,{children:[e.jsx(b,{style:{width:"46%"}}),e.jsx(b,{style:{width:"32%",height:38}}),e.jsx(b,{style:{width:"64%",height:15}})]},t))}),e.jsxs(K,{style:{marginTop:22},children:[e.jsxs(ge,{children:[e.jsx(b,{style:{width:96,height:14}}),e.jsx(b,{style:{width:120}})]}),e.jsxs(_t,{children:[e.jsxs(zt,{"aria-hidden":!0,children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx(b,{style:{width:84,height:12}}),e.jsx(b,{style:{width:74,height:12}}),e.jsx(b,{style:{width:62,height:12}}),e.jsx(b,{style:{width:68,height:12}}),e.jsx(b,{style:{width:82,height:12}}),e.jsx(b,{style:{width:60,height:12}})]}),Array.from({length:ye},(t,n)=>e.jsxs(Ft,{children:[e.jsx("span",{}),e.jsx(ro,{}),e.jsx(b,{style:{width:"82%",height:14}}),e.jsx(b,{style:{width:"70%",height:20}}),e.jsx(b,{style:{width:72}}),e.jsx(b,{style:{width:76}}),e.jsx(b,{style:{height:20}}),e.jsx(b,{style:{width:96,height:32,borderRadius:8}})]},n))]}),e.jsx(io,{as:"div",children:e.jsx(b,{style:{width:150,height:13,margin:"0 auto"}})})]}),e.jsx(Ot,{style:{marginTop:22},children:[0,1].map(t=>e.jsxs(K,{children:[e.jsxs(ge,{children:[e.jsx(b,{style:{width:110,height:14}}),e.jsx(b,{style:{width:80}})]}),e.jsx(yt,{children:[0,1,2,3].map(n=>e.jsx(b,{style:{width:46,height:9}},n))}),Array.from({length:we},(n,a)=>e.jsxs(bt,{children:[e.jsx(b,{style:{width:"38%"}}),e.jsx(b,{style:{width:"24%"}}),e.jsx(b,{style:{width:56}}),e.jsx(b,{style:{width:64}})]},a))]},t))}),e.jsxs(K,{style:{marginTop:22},children:[e.jsxs(ge,{children:[e.jsx(b,{style:{width:104,height:14}}),e.jsx(b,{style:{width:90}})]}),e.jsx(yt,{children:[0,1,2,3,4].map(t=>e.jsx(b,{style:{width:46,height:9}},t))}),Array.from({length:be},(t,n)=>e.jsxs(bt,{children:[e.jsx(b,{style:{width:"30%"}}),e.jsx(b,{style:{width:"18%"}}),e.jsx(b,{style:{width:72,height:18}}),e.jsx(b,{style:{width:"14%"}}),e.jsx(b,{style:{width:54}})]},n))]})]})}function pa(){var et,tt;is({title:i("myStore.title"),noindex:!0});const{session:t,error:n,signIn:a}=rs(),[l]=Zt(),[o,h]=C.useState("30d"),[f,p]=C.useState(()=>new Set),[y,L]=C.useState(0),[m,T]=C.useState(0),[F,I]=C.useState(!1),[N,E]=C.useState(To),[ne,oe]=C.useState(0),[O,G]=C.useState(!1),U=ls(),A=ds(),v=Oo(l.get("mock")),j=Do(l.get("viewAs")),w=l.get("env"),c=Xt("/").replace(/\/$/,""),x=d=>`${c}${d}`,S=v||!!j;function g(d,$={}){S||ms(d,$)}const{data:k}=cs(j??(t==null?void 0:t.address)),P=j??(t==null?void 0:t.address),{data:Y}=Ws(P),Re=Ls.filter(d=>Y==null?void 0:Y.links[d]),He=(tt=(et=k==null?void 0:k.avatar)==null?void 0:et.snapshots)==null?void 0:tt.face256,qe=k!=null&&k.name?Mt(k.name):null,{stats:Rt,trend:Ue,savesByKey:Ht,saleable:Ve,isLoading:qt,error:Ut}=Xs(t,o,j),u=v?De:Rt,W=v?{...Ue,collectors:an,buyers:rn}:Ue,Vt=v?!1:qt,Kt=v?dn:Ht,je=Eo(j??(t==null?void 0:t.address),o,m),le=v?hn:je.rows,Gt=C.useMemo(()=>[...new Set(le.map(d=>d.buyer.toLowerCase()))].sort(),[le]),{data:de,isLoading:Yt}=vt(Gt),Se=Math.max(1,Math.ceil(W.buyers.length/be)),ce=Math.min(ne,Se-1),ke=C.useMemo(()=>W.buyers.slice(ce*be,(ce+1)*be),[W.buyers,ce]),Qt=C.useMemo(()=>ke.map(d=>d.address).sort(),[ke]),{data:he}=vt(Qt),{data:Jt}=vs(j??(t==null?void 0:t.address),U&&(!!t||!!j)),Ke=((u==null?void 0:u.collections)??[]).some(d=>d.exhausted),$e=N==="selling"&&!Ke?"sold":N,Ge=Math.max(1,Math.ceil(((u==null?void 0:u.collections.length)??0)/ye)),Ye=C.useMemo(()=>zo((u==null?void 0:u.collections)??[],$e),[u,$e]),ve=C.useMemo(()=>Us((u==null?void 0:u.collections)??[]),[u]),pe=Math.min(y,Ge-1),Qe=C.useMemo(()=>Ye.slice(pe*ye,(pe+1)*ye),[Ye,pe]);if(A==="off")return e.jsx(es,{to:"/",replace:!0});if(!t&&!j&&!v)return e.jsxs(hs,{children:[e.jsx(ps,{testId:"my-store-signin",icon:Ts,title:i("myStore.signInTitle"),body:i("myStore.signInBody"),cta:{label:i("storeSettings.signIn"),onClick:()=>a()},ctaVariant:"solid",fill:!0}),e.jsx(ot,{message:n})]});const Je=v?ln:Jt,Ce=new Map;for(const d of Je??[])if(!(d.status!=="active"&&d.status!=="scheduled"))for(const $ of d.collections)Ce.set($.toLowerCase(),d);const Ze=(Je??[]).filter(d=>d.status==="active"||d.status==="scheduled"),Xe=o==="7d"?7:o==="30d"?30:null,Ae=((u==null?void 0:u.collections)??[]).reduce((d,$)=>d+$.items.length,0);return e.jsx(zs,{children:e.jsx(_s,{children:e.jsxs(pn,{"data-testid":"my-store",children:[F&&t?e.jsx(Cs,{session:t,collections:Ve,onClose:()=>I(!1),source:"my_store",silent:S}):null,e.jsxs(mn,{children:[e.jsxs(un,{children:[e.jsx(fn,{style:He?{backgroundImage:`url(${He})`}:void 0,"data-testid":"store-avatar","aria-hidden":!0}),e.jsxs(xn,{children:[qe?e.jsx(gn,{children:qe}):null,e.jsxs(bn,{children:[e.jsx(yn,{children:i("myStore.title")}),u?e.jsxs(lt,{children:[i("myStore.summary",{collections:u.collections.length,items:Ae}),Re.length>0?e.jsx(kn,{"data-testid":"store-socials",children:Re.map(d=>e.jsx($n,{href:(Y==null?void 0:Y.links[d])??"",target:"_blank",rel:"noopener noreferrer",onClick:()=>g("Shop Clicked Store Action",{action:"social_link",link_type:d}),title:i(`creator.link.${d}`),"aria-label":i(`creator.link.${d}`),children:e.jsx(z,{name:Fo[d],className:"ico","aria-hidden":!0})},d))}):null]}):e.jsx(lt,{children:e.jsx(b,{style:{width:170,background:"rgba(252, 252, 252, 0.18)",animation:"none"}})})]})]})]}),e.jsxs(wn,{children:[P?e.jsxs(jn,{href:x(se(`/items/creator/${P}`,w)),target:"_blank",rel:"noopener noreferrer",onClick:()=>g("Shop Clicked Store Action",{action:"view_public_store"}),"data-testid":"store-view-public",children:[i("myStore.viewPublicStore"),e.jsx(z,{name:"external-link",className:"ico","aria-hidden":!0})]}):null,j?null:e.jsxs(Sn,{to:se("/store-settings",w),state:{from:"/my-store"},onClick:()=>g("Shop Clicked Store Action",{action:"edit_store"}),"data-testid":"store-edit",children:[e.jsx(z,{name:"pen",className:"ico","aria-hidden":!0}),i("myStore.editStore")]})]})]}),e.jsxs(vn,{children:[e.jsx(Cn,{children:i("myStore.performance")}),e.jsx(An,{role:"group","aria-label":i("myStore.period"),children:Wo.map(d=>e.jsx(In,{type:"button","aria-pressed":o===d,onClick:()=>{d!==o&&g("Shop Changed Store Period",{period:d,previous_period:o}),h(d),T(0)},"data-testid":`store-period-${d}`,children:i(`myStore.period${d}`)},d))})]}),j?e.jsx(ao,{"data-testid":"store-view-as",children:i("myStore.viewingAs",{address:j})}):null,e.jsx(ot,{message:Ut?i("myStore.error"):null,testId:"my-store-error"}),Vt||!u?e.jsx(Uo,{}):e.jsxs(e.Fragment,{children:[e.jsxs(Tt,{"aria-label":i("myStore.summaryAria"),children:[e.jsxs(V,{children:[e.jsxs(Z,{children:[i("myStore.tileSold"),e.jsx(X,{"aria-hidden":!0,children:"🛍️"})]}),e.jsx(ee,{children:e.jsx("span",{"data-testid":"store-sold",children:u.sold.toLocaleString()})}),e.jsxs(te,{children:[e.jsx(Fe,{delta:W.sold,period:o}),!_e(W.sold)&&(u.sold===0?i("myStore.tileSoldNone"):u.resales===0?i("myStore.tileSoldFootMintsOnly",{mints:u.mints}):i("myStore.tileSoldFoot",{mints:u.mints,resales:u.resales}))]})]}),e.jsxs(V,{children:[e.jsxs(Z,{children:[i("myStore.tileEarnings"),e.jsx(X,{"aria-hidden":!0,children:"💰"})]}),e.jsxs(ee,{children:[e.jsx(D,{kind:"mana"}),R(u.earningsWei),e.jsx(dt,{children:i("myStore.manaUnit")})]}),e.jsxs(te,{children:[e.jsx(Fe,{delta:W.earnings,period:o}),u.partial?e.jsxs(e.Fragment,{children:[e.jsx(ct,{children:i("myStore.estimate")})," ",i("myStore.tileEarningsPartial")]}):_e(W.earnings)?null:i("myStore.tileEarningsFoot")]})]}),e.jsxs(V,{children:[e.jsxs(Z,{children:[i("myStore.tileListed"),e.jsx(X,{"aria-hidden":!0,children:"🏷️"})]}),e.jsxs(ee,{children:[u.listed+u.classic,e.jsx(dt,{children:i("myStore.ofTotal",{n:Ae})})]}),e.jsx(te,{children:Ae===0?i("myStore.tileListedNone"):i("myStore.tileListedFoot",{count:u.neverListed})})]}),e.jsxs(V,{children:[e.jsxs(Z,{children:[i("myStore.tileDiscounts"),e.jsx(X,{"aria-hidden":!0,children:"🔥"})]}),e.jsx(ee,{"data-testid":"store-discounts",children:Ze.length}),e.jsx(te,{children:Ze.length>0?i("myStore.tileDiscountsFoot"):i("myStore.tileDiscountsNone")})]})]}),u.classic>0&&!O?e.jsx(As,{count:u.classic,reason:"discounts",to:se("/activity?section=listings",w),onDismiss:()=>{g("Shop Clicked Store Action",{action:"dismiss_pricing_banner",classic_items:u.classic}),G(!0)},onCta:()=>g("Shop Clicked Store Action",{action:"update_prices",classic_items:u.classic})}):null,e.jsxs(K,{"aria-labelledby":"store-coll-h",children:[e.jsxs(jo,{children:[e.jsx(me,{id:"store-coll-h",children:i("myStore.collectionsCount",{count:u.collections.length})}),e.jsxs(So,{children:[u.collections.length>1?e.jsx(Wn,{options:[{value:"sold",label:i("myStore.sortSold")},...Ke?[{value:"selling",label:i("myStore.sortSelling")}]:[],...u.collections.some(d=>d.createdAt)?[{value:"newest",label:i("myStore.sortNewest")}]:[],{value:"name",label:i("myStore.sortName")}],value:$e,onChange:d=>{g("Shop Sorted Store Collections",{sort:d}),E(d),Po(d)},align:"right",ariaLabel:i("myStore.sortBy"),className:"store-sort"}):null,v||U&&!j&&t&&Ve.length>0?e.jsxs(It,{variant:"red",size:"sm",onClick:()=>I(!0),"data-testid":"store-new-discount",children:[e.jsx("span",{"aria-hidden":!0,children:"🔥"}),i("myStore.newDiscount")]}):null]})]}),u.collections.length===0?e.jsx(ue,{children:i("myStore.noCollections")}):e.jsx(e.Fragment,{children:e.jsxs(_t,{children:[e.jsxs(zt,{"aria-hidden":!0,children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{children:i("myStore.colCollection")}),e.jsx("span",{children:i("myStore.colDiscounts")}),e.jsx("span",{children:i("myStore.colClaimed")}),e.jsx("span",{children:i("myStore.colEarnings")}),e.jsx("span",{children:Xe?i("myStore.colTrend",{days:Xe}):i("myStore.colTrendAll")}),e.jsx("span",{children:i("myStore.colActions")})]}),Qe.map(d=>e.jsx(qo,{collection:d,discount:Ce.get(d.contractAddress)??null,savesByKey:Kt,env:w,open:f.has(d.contractAddress),onToggle:()=>{f.has(d.contractAddress)||g("Shop Expanded Store Collection",{contract_address:d.contractAddress,items:d.items.length,exhausted:d.exhausted,has_discount:Ce.has(d.contractAddress)}),p($=>{const M=new Set($);return M.delete(d.contractAddress)||M.add(d.contractAddress),M})},onManage:()=>g("Shop Clicked Store Action",{action:"manage_collection",contract_address:d.contractAddress})},d.contractAddress))]})}),u.collections.length>0?e.jsxs(Pe,{children:[e.jsxs("span",{"data-testid":"store-showing",children:[i("myStore.showingOf",{shown:Qe.length.toLocaleString(),total:u.collections.length.toLocaleString()}),u.breakdownPartial?e.jsxs(e.Fragment,{children:[" · ",i("myStore.soldPartial",{n:u.fetched.toLocaleString()})]}):null]}),e.jsx(ze,{page:pe,pages:Ge,onChange:d=>{g("Shop Paged Store Table",{table:"collections",page:d+1}),L(d)},name:"collections"})]}):null]}),e.jsxs(Ot,{children:[e.jsxs(K,{"aria-labelledby":"store-best-h",children:[e.jsx(jt,{children:e.jsxs("div",{children:[e.jsx(me,{id:"store-best-h",children:i("myStore.bestSellers")}),e.jsxs(wt,{children:[i("myStore.bestSellersSub",{n:ve.length}),u.breakdownPartial?e.jsxs(e.Fragment,{children:[" · ",i("myStore.soldPartial",{n:u.fetched.toLocaleString()})]}):null]})]})}),ve.length===0?e.jsx(ue,{children:i("myStore.noBestSellers")}):e.jsx(We,{children:e.jsxs(Ao,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:e.jsxs(kt,{children:[e.jsx(St,{"aria-hidden":!0,children:"#"}),i("myStore.colItem")]})}),e.jsx("th",{scope:"col",children:i("myStore.colCollection")}),e.jsx("th",{scope:"col",style:{textAlign:"center"},children:i("myStore.colSold")}),e.jsx("th",{scope:"col",style:{textAlign:"right"},children:i("myStore.colEarnings")})]})}),e.jsx("tbody",{children:ve.map((d,$)=>e.jsxs("tr",{"data-testid":"store-best",children:[e.jsx("td",{children:e.jsxs(kt,{children:[e.jsx(St,{children:$+1}),e.jsxs(mt,{as:"a",href:x($t(d.contractAddress,d.itemId,w)),target:"_blank",rel:"noopener noreferrer",onClick:()=>g("Shop Clicked Store Action",{action:"open_item",table:"best_sellers",rank:$+1}),"data-testid":"store-best-item",children:[e.jsx(ut,{style:{backgroundImage:Ne(d.rarity)},children:d.thumbnail?e.jsx("img",{src:d.thumbnail,alt:"",loading:"lazy"}):null}),e.jsx("span",{children:d.name})]})]})}),e.jsx("td",{"data-dim":!0,children:d.collectionName}),e.jsx("td",{style:{textAlign:"center",fontWeight:600},"data-testid":"store-best-sold",children:d.sold.toLocaleString()}),e.jsx("td",{"data-money":!0,children:e.jsxs(Te,{children:[e.jsx(D,{kind:"mana"}),R(d.earnedWei)]})})]},d.key))})]})})]}),e.jsxs(K,{"aria-labelledby":"store-feed-h",children:[e.jsxs(jt,{children:[e.jsxs("div",{children:[e.jsx(me,{id:"store-feed-h",children:i("myStore.recentSales")}),e.jsx(wt,{children:i("myStore.recentSalesSub")})]}),e.jsxs(Co,{to:"/activity",onClick:()=>g("Shop Clicked Store Action",{action:"view_all_sales"}),children:[i("myStore.viewAll"),e.jsx(z,{name:"arrow-up-right",size:14,"aria-hidden":!0})]})]}),le.length===0?e.jsx(ue,{children:i("myStore.noSales")}):e.jsx(We,{children:e.jsxs(Io,{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:le.map(d=>{var st,nt;const $=u.collections.find(Ie=>Ie.contractAddress===d.contractAddress.toLowerCase()),M=$==null?void 0:$.items.find(Ie=>Ie.itemId===d.itemId),Q=de==null?void 0:de.get(d.buyer.toLowerCase()),ae=(nt=(st=Q==null?void 0:Q.avatar)==null?void 0:st.snapshots)==null?void 0:nt.face256;return e.jsxs("tr",{"data-testid":"store-sale",children:[e.jsx("td",{children:e.jsxs(mt,{as:d.itemId?"a":"span",...d.itemId?{href:x($t(d.contractAddress,d.itemId,w)),target:"_blank",rel:"noopener noreferrer",onClick:()=>g("Shop Clicked Store Action",{action:"open_item",table:"recent_sales"}),"data-testid":"store-sale-item"}:{},children:[e.jsx(ut,{style:{backgroundImage:Ne(M==null?void 0:M.rarity)},children:M!=null&&M.thumbnail?e.jsx("img",{src:M.thumbnail,alt:"",loading:"lazy"}):null}),e.jsxs(Mo,{children:[e.jsx("span",{children:(M==null?void 0:M.name)??($==null?void 0:$.name)??d.itemId??i("myStore.unknownItem")}),e.jsx(xe,{content:i("myStore.kindHint"),children:e.jsx(oo,{"data-kind":d.type,"data-testid":"store-kind-hint",children:d.type==="mint"?i("myStore.kindMint"):i("myStore.kindResale")})})]})]})}),e.jsx("td",{"data-dim":!0,children:($==null?void 0:$.name)??"—"}),e.jsx("td",{"data-money":!0,children:e.jsxs(Te,{children:[e.jsx(D,{kind:"mana"}),R(_(d.price))]})}),e.jsx("td",{children:Yt?e.jsxs(eo,{"aria-hidden":!0,children:[e.jsx("i",{}),e.jsx("b",{})]}):e.jsxs(xt,{href:`${q.profileUrl}/${d.buyer}`,target:"_blank",rel:"noopener noreferrer",onClick:()=>g("Shop Clicked Store Action",{action:"open_buyer",table:"recent_sales"}),"data-testid":"store-sale-buyer",children:[e.jsx(ft,{style:ae?{backgroundImage:`url(${ae})`}:void 0,"aria-hidden":!0}),Ct(d.buyer,de)]})}),e.jsx("td",{"data-dim":!0,children:At(d.timestamp)})]},d.id)})})]})}),je.pages>1?e.jsxs(Pe,{children:[e.jsx("span",{}),e.jsx(ze,{page:m,pages:je.pages,onChange:d=>{g("Shop Paged Store Table",{table:"recent_sales",page:d+1}),T(d)},name:"sales"})]}):null]})]}),e.jsxs(co,{children:[e.jsx(ho,{id:"store-audience-h",children:i("myStore.audience")}),e.jsx(po,{children:i("myStore.audienceSub")})]}),e.jsxs(mo,{children:[e.jsxs(V,{children:[e.jsxs(Z,{children:[e.jsxs("span",{children:[i("myStore.tileCollectors"),e.jsx(xe,{content:i("myStore.collectorsHint"),children:e.jsx(pt,{type:"button","aria-label":i("myStore.tileCollectors"),"data-testid":"store-collectors-hint",children:e.jsx(z,{name:"info",className:"ico","aria-hidden":!0})})})]}),e.jsx(X,{"aria-hidden":!0,children:"👥"})]}),e.jsx(ee,{"data-testid":"store-collectors",children:W.collectors.total.toLocaleString()}),e.jsx(te,{children:W.collectors.total===0?i("myStore.tileCollectorsNone"):e.jsxs(e.Fragment,{children:[u.breakdownPartial?e.jsxs(e.Fragment,{children:[e.jsx(ct,{children:i("myStore.estimate")})," "]}):null,W.collectors.topSharePct>=50?i("myStore.tileCollectorsConcentrated",{pct:Math.floor(W.collectors.topSharePct)}):i("myStore.tileCollectorsFoot",{repeat:W.collectors.repeat,pct:Math.round(W.collectors.repeatPct)})]})})]}),u.royalties?e.jsxs(V,{children:[e.jsxs(Z,{children:[e.jsxs("span",{children:[i("myStore.tileRoyalties"),e.jsx(xe,{content:i("myStore.royaltiesHint"),children:e.jsx(pt,{type:"button","aria-label":i("myStore.tileRoyalties"),"data-testid":"store-royalties-hint",children:e.jsx(z,{name:"info",className:"ico","aria-hidden":!0})})})]}),e.jsx(X,{"aria-hidden":!0,children:"🔁"})]}),e.jsxs(ee,{"data-testid":"store-royalties",children:[e.jsx(Mn,{children:"≈"}),e.jsx(D,{kind:"mana"}),R(Ro(u.royalties.volumeWei))]}),e.jsxs(te,{children:[e.jsx(Fe,{delta:W.royalties,period:o}),_e(W.royalties)?null:e.jsx("span",{children:Wt("myStore.tileRoyaltiesFoot",{m:d=>e.jsxs(e.Fragment,{children:[e.jsx(D,{kind:"mana"}),d]}),count:u.royalties.resales,volume:R(u.royalties.volumeWei)})})]})]}):null]}),e.jsxs(K,{"aria-labelledby":"store-buyers-h",children:[e.jsxs(ge,{children:[e.jsx(me,{id:"store-buyers-h",children:i("myStore.buyers")}),e.jsx(Ln,{children:i("myStore.buyersHint")})]}),W.buyers.length===0?e.jsx(ue,{"data-testid":"store-buyers-none",children:i("myStore.noBuyers")}):e.jsx(We,{children:e.jsxs(uo,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:i("myStore.colBuyer")}),e.jsx("th",{scope:"col",children:i("myStore.colItems")}),e.jsx("th",{scope:"col",children:i("myStore.colCollections")}),e.jsx("th",{scope:"col",children:i("myStore.colLast")}),e.jsx("th",{scope:"col",style:{textAlign:"right"},children:i("myStore.colSpent")})]})}),e.jsx("tbody",{children:ke.map(d=>{var M,Q,ae;const $=(ae=(Q=(M=he==null?void 0:he.get(d.address))==null?void 0:M.avatar)==null?void 0:Q.snapshots)==null?void 0:ae.face256;return e.jsxs("tr",{"data-testid":"store-buyer",children:[e.jsx("td",{children:e.jsxs(xt,{href:`${q.profileUrl}/${d.address}`,target:"_blank",rel:"noopener noreferrer",onClick:()=>g("Shop Clicked Store Action",{action:"open_buyer",table:"buyers"}),"data-testid":"store-buyer-name",children:[e.jsx(ft,{style:$?{backgroundImage:`url(${$})`}:void 0,"aria-hidden":!0}),Ct(d.address,he)]})}),e.jsx("td",{"data-dim":!0,children:i("myStore.buyerItems",{count:d.items})}),e.jsx("td",{"data-dim":!0,children:i("myStore.buyerCollections",{count:d.collections})}),e.jsx("td",{"data-dim":!0,children:At(d.lastAt)}),e.jsx("td",{"data-money":!0,children:e.jsxs(Te,{children:[e.jsx(D,{kind:"mana"}),R(d.spentWei)]})})]},d.address)})})]})}),Se>1?e.jsxs(Pe,{children:[e.jsx("span",{}),e.jsx(ze,{page:ce,pages:Se,onChange:d=>{g("Shop Paged Store Table",{table:"buyers",page:d+1}),oe(d)},name:"buyers"})]}):null]})]})]})})})}export{pa as MyStore,pa as default};
+//# sourceMappingURL=MyStore-Cpl5KPnh.js.map