@dcl/shop 1.17.1 → 1.17.2-36157867735.commit-7431f7b

package/_assets/MyStore-B5e7oQJa.js

@@ -0,0 +1,1691 @@
+import{r as S,j as e,L as xe,u as gs,f as ys,N as bs}from"./react-Ddn-9d83.js";import{c as Y,bU as ws,w as q,l as Ss,cx as js,cy as ks,s as l,t as r,z as $s,a as s,I as B,ca as vs,H as Ht,B as Cs,x as As,X as Is,cc as Ms,cz as Ws,a6 as Ls,aH as Ut,aK as Ts,a2 as Ps,cA as Je,cB as Kt,O as _s,c9 as zs,ay as Es,az as Fs,aA as Ns,av as Bs,bO as Os,cC as Ds}from"./index-BBS-v8LD.js";import{f as Rs,S as qs}from"./SaleCountdown-KX9dNqTp.js";import{d as Hs}from"./dcl-schemas-BW3BbT5l.js";import{t as Us,u as Ks,C as Vs,M as Gs,i as Ys}from"./ManaPricingBanner-CZzRxND3.js";import{T as Ae}from"./Tooltip-DFrRznAp.js";import{m as Qs}from"./mana-matic-CEqvSwrJ.js";import{E as wt}from"./ErrorNotice-D_6j8-7f.js";import{I as Js}from"./IssueModal-D_PS_2Xk.js";import{f as Xs,g as Zs,R as en,M as tn}from"./browseLayout.styles-DF9DTUfO.js";import{u as sn,L as nn}from"./useStore-wU9qkXc9.js";import{s as on}from"./signin-empty-PXLDIsQk.js";import"./sentry-D_8KijKQ.js";import"./ethers-DGYWmyb1.js";import"./intl-AKLEHPeO.js";import"./errors-DnOSpKoV.js";import"./sha3-CLQFMym7.js";import"./browser-DqwPlfZs.js";import"./trade-encoding-BdtZmg5A.js";import"./sendMetaTransaction-DaTro9ph.js";import"./ManaPricingBanner.styles-B10EKkra.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]="dd21abd8-1731-46a4-9a8d-1c9d24c3200b",t._sentryDebugIdIdentifier="sentry-dbid-dd21abd8-1731-46a4-9a8d-1c9d24c3200b")}catch{}})();function O(t){try{return BigInt(t||"0")}catch{return 0n}}async function St(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(`${Y.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:d}=await o.json();return d}function an(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 Ze(t){var d;const n=await fetch(`${Y.marketplaceServerUrl}/v1/sales?${an(t).toString()}`);if(!n.ok)throw await((d=n.body)==null?void 0:d.cancel()),new Error(`fetchSales ${n.status}`);const o=await n.json();return{data:o.data??[],total:o.total??0}}async function rn(t){const{total:n}=await Ze({...t,first:1});return n}async function ln(t,{first:n,skip:o}){const{data:d,total:a}=await Ze({...t,first:n,skip:o});return{rows:d,total:a}}async function dn(t,{cap:n=5e3}={}){const d=[];let a=0;for(let h=0;h<n;h+=1e3){const m=Math.min(1e3,n-h),p=await Ze({...t,first:m,skip:h});if(a=p.total,d.push(...p.data),p.data.length<m||d.length>=a)break}return{rows:d,total:a,truncated:a>d.length}}const cn=864e5;function jt(t,n){return{current:t,previous:n,pct:n===0?null:(t-n)/n*100}}function hn(t,n){const o=n===0n?null:Number((t-n)*10000n/n)/100;return{current:Number(t),previous:Number(n),pct:o}}function pn(t,n=3){var m;const o=t.filter(Vt),d=new Map;for(const p of o){const w=p.buyer.toLowerCase();d.set(w,(d.get(w)??0)+1)}const a=[...d.entries()].sort((p,w)=>w[1]-p[1]||p[0].localeCompare(w[0])),h=a.filter(([,p])=>p>1).length;return{total:a.length,repeat:h,repeatPct:a.length===0?0:h/a.length*100,topSharePct:o.length===0?0:(((m=a[0])==null?void 0:m[1])??0)/o.length*100,top:a.slice(0,n).map(([p,w])=>({address:p,bought:w}))}}function Vt(t){return t.type==="mint"&&t.itemId!=null}function un(t,n){const o=t.filter(Vt),d=new Map;for(const a of o){const h=a.buyer.toLowerCase(),m=a.contractAddress.toLowerCase(),p=d.get(h)??{bought:0,items:new Set,collections:new Set,spentWei:0n,lastAt:0};p.bought+=1,p.items.add(`${m}-${a.itemId}`),p.collections.add(m),p.spentWei+=O(a.price),a.timestamp>p.lastAt&&(p.lastAt=a.timestamp),d.set(h,p)}return[...d.entries()].map(([a,h])=>({address:a,bought:h.bought,items:h.items.size,collections:h.collections.size,spentWei:h.spentWei,lastAt:h.lastAt})).sort((a,h)=>h.spentWei>a.spentWei?1:h.spentWei<a.spentWei?-1:h.bought-a.bought).slice(0,n)}function mn(t,n){if(t.length===0)return null;const o=t.reduce((d,a)=>a.timestamp>d?a.timestamp:d,0);return Math.max(0,Math.floor((n-o)/cn))}function xn(t,n=5){return t.flatMap(o=>o.items.filter(d=>d.sold>0).map(d=>({key:d.key,contractAddress:o.contractAddress,itemId:d.itemId,name:d.name,thumbnail:d.thumbnail,rarity:d.rarity,collectionName:o.name,sold:d.sold,earnedWei:d.earnedWei}))).sort((o,d)=>d.sold-o.sold||(d.earnedWei>o.earnedWei?1:d.earnedWei<o.earnedWei?-1:0)||o.name.localeCompare(d.name)).slice(0,n)}const Ie=100;async function fn(t){const[{collections:n},o]=await Promise.all([ws(t,{first:Ie}),bn(t)]),d=new Map(n.map(a=>[a.contractAddress.toLowerCase(),a.name]));return o.map(a=>{const h=a.contractAddress.toLowerCase(),m=(a.rarity??"common").toLowerCase(),p=yn(m),w=Number(a.available??0);return{id:a.id,collectionId:"",collectionName:d.get(h)??a.name,contractAddress:h,blockchainItemId:String(a.itemId??""),name:a.name,category:a.category,rarity:m,thumbnail:a.thumbnail??"",type:a.category==="emote"?"emote":"wearable",isPublished:!0,isApproved:!0,totalSupply:Math.max(0,p-w),maxSupply:p,remainingSupply:w,createdAt:a.createdAt?a.createdAt*1e3:void 0,minters:[]}})}function gn(t,n){const o=new Set(t.map(d=>d.contractAddress.toLowerCase()));return[...t,...n.filter(d=>!o.has(d.contractAddress.toLowerCase()))]}function yn(t){try{return Hs.Rarity.getMaxSupply(t)}catch{return 0}}async function bn(t){var o;const n=[];for(let d=0;;d+=Ie){const a=new URLSearchParams({creator:t,first:String(Ie),skip:String(d),includeSocialEmotes:"false"}),h=await fetch(`${Y.marketplaceServerUrl}/v3/catalog/items?${a.toString()}`);if(!h.ok)throw await((o=h.body)==null?void 0:o.cancel()),new Error(`fetchPublicCatalogue ${h.status}`);const{data:m}=await h.json(),p=m??[];if(n.push(...p),p.length<Ie)return n}}const Xe=864e5,Me=14;function wn(t,n,o){const d=new Array(Me).fill(0),a=o-n*Xe,h=n*Xe/Me;for(const m of t)m.timestamp<a||m.timestamp>o||(d[Math.min(Me-1,Math.floor((m.timestamp-a)/h))]+=1);return d}function Sn({rows:t,total:n,truncated:o,mints:d,summary:a,catalogue:h,saleState:m,unreadable:p,days:w,now:P}){const _=new Map,u=new Map,L=new Map;for(const c of t){if(c.type!=="mint"||c.itemId==null)continue;const f=c.contractAddress.toLowerCase(),j=`${f}-${c.itemId}`;_.set(j,(_.get(j)??0)+1),u.set(j,(u.get(j)??0n)+O(c.price));const k=L.get(f)??[];k.push(c),L.set(f,k)}const E=t.reduce((c,f)=>f.timestamp<c?f.timestamp:c,P),z=Math.max(1,Math.ceil((P-E)/Xe)),D=w!=null&&!o?w:Math.max(w==null?Me:1,z),U=new Map(((a==null?void 0:a.byItem)??[]).map(c=>[`${c.contractAddress.toLowerCase()}-${c.itemId}`,c.soldLifetime])),ee=new Map(((a==null?void 0:a.byCollection)??[]).map(c=>[c.contractAddress.toLowerCase(),c])),T=new Map;let Q=0,I=0,te=0,v=0,M=0;for(const c of h){const f=c.contractAddress.toLowerCase(),j=m[`${c.contractAddress}-${c.blockchainItemId}`],k=c.remainingSupply<=0?"soldout":p!=null&&p.has(f)?"unknown":j!=null&&j.isOnSale?j.manaWei?"classic":"discounted":"unlisted";k==="soldout"?v+=1:k==="unlisted"?M+=1:k==="classic"?te+=1:k==="discounted"&&(I+=1);const A=T.get(f)??{contractAddress:f,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},R=_.get(`${f}-${c.blockchainItemId}`)??0;A.items.push({key:`${f}-${c.blockchainItemId}`,itemId:c.blockchainItemId,name:c.name,thumbnail:c.thumbnail,rarity:c.rarity,left:c.remainingSupply,minted:c.totalSupply,sold:R,earnedWei:u.get(`${f}-${c.blockchainItemId}`)??0n,lifetimeSold:U.get(`${f}-${c.blockchainItemId}`)??null,priceCredits:(j==null?void 0:j.priceCredits)??null,manaWei:(j==null?void 0:j.manaWei)??null,createdAt:c.createdAt??null,state:k}),A.sold+=R,A.claimed+=c.totalSupply,A.runTotal+=c.totalSupply+c.remainingSupply,Q+=R,c.createdAt&&(A.createdAt==null||c.createdAt>A.createdAt)&&(A.createdAt=c.createdAt),k==="soldout"?A.soldOut+=1:k==="classic"?A.classic+=1:k==="discounted"&&(A.listed+=1),T.set(f,A)}for(const[c,f]of T){const j=L.get(c)??[],k=ee.get(c);f.earningsWei=k?O(k.earnedWei):j.reduce((A,R)=>A+O(R.price),0n),k&&(f.sold=k.sold),f.trend=wn(j,D,P),f.exhausted=f.items.length>0&&f.soldOut===f.items.length,f.items.sort((A,R)=>R.sold-A.sold||A.name.localeCompare(R.name))}const C=[...T.values()].reduce((c,f)=>c+f.sold,0);return{collections:[...T.values()].sort((c,f)=>f.sold-c.sold||c.name.localeCompare(f.name)),sold:(a==null?void 0:a.total)??n,mints:(a==null?void 0:a.mints)??d,resales:a?a.resales:n-d,earningsWei:a?O(a.earnedWei):t.reduce((c,f)=>c+O(f.price),0n),partial:a?!1:o,breakdownPartial:o,fetched:t.length,unattributed:a?a.total-C:t.length-Q,trendDays:D,unknownCollections:[...T.keys()].filter(c=>p==null?void 0:p.has(c)).length,royalties:a?{resales:a.royalties.resales,volumeWei:O(a.royalties.volumeWei)}:null,listed:I,neverListed:M,classic:te,soldOut:v}}const jn=new Map,oe=864e5,kn=6e3,$n={"7d":7,"30d":30,all:null};function vn(t,n){const o=t==null?void 0:t.address,d=$n[n],a=S.useMemo(()=>Math.floor(Date.now()/oe)*oe+oe-1,[]),h=d?a-d*oe:void 0,m=q({queryKey:["store-sales",o,n],enabled:!!o,queryFn:()=>dn({seller:o,from:h})}),p=q({queryKey:["store-summary",o,n],enabled:!!o,queryFn:()=>St({seller:o,from:h})}),w=d!=null?a-2*d*oe:void 0,P=d!=null?a-d*oe:void 0,_=q({queryKey:["store-summary-previous",o,n],enabled:!!o&&w!==void 0,queryFn:()=>St({seller:o,from:w,to:P})}),u=q({queryKey:["store-mints",o,n],enabled:!!o,queryFn:()=>rn({seller:o,from:h,type:"mint"})}),L=q({queryKey:["store-catalogue",o],enabled:!!o&&!!t,queryFn:()=>Rs(o,t.identity,{includeSoldOut:!0})}),E=q({queryKey:["store-public-catalogue",o],enabled:!!o&&!!t,queryFn:()=>Promise.race([fn(o),new Promise((v,M)=>setTimeout(()=>M(new Error("public catalogue timed out")),kn))]).catch(v=>(Ss(v,{flow:"my_store",step:"public_catalogue"}),[]))}),z=S.useMemo(()=>L.data?E.isPending?{data:void 0}:{data:gn(L.data,E.data??[])}:{data:void 0},[L.data,E.isPending,E.data]),D=S.useMemo(()=>[...new Set((z.data??[]).map(v=>v.contractAddress))],[z.data]),U=q({queryKey:["store-sale-state",o,D],enabled:D.length>0,queryFn:async()=>{const v=await Promise.allSettled(D.map(c=>js(c))),M={},C=new Set;return v.forEach((c,f)=>{const j=D[f];if(c.status==="rejected"){C.add(j.toLowerCase());return}for(const[k,A]of Object.entries(c.value))M[`${j}-${k}`]=A}),{states:M,unreadable:C}}}),ee=q({queryKey:["store-saves",D,(z.data??[]).length],enabled:(z.data??[]).length>0,queryFn:async()=>{const v=(z.data??[]).map(c=>`${c.contractAddress.toLowerCase()}-${c.blockchainItemId}`),M=await Promise.allSettled(v.map(async c=>[c,(await ks(c)).count])),C=new Map;for(const c of M)c.status==="fulfilled"&&C.set(c.value[0],c.value[1]);return C}}),T=S.useMemo(()=>{var v,M,C,c,f;return z.data?Sn({rows:((v=m.data)==null?void 0:v.rows)??[],total:((M=m.data)==null?void 0:M.total)??0,truncated:!!((C=m.data)!=null&&C.truncated),mints:u.data??0,summary:p.data??null,catalogue:z.data,saleState:((c=U.data)==null?void 0:c.states)??{},unreadable:(f=U.data)==null?void 0:f.unreadable,days:d,now:a}):null},[z.data,m.data,u.data,p.data,U.data,d,a]),Q=S.useMemo(()=>{var v;return Us(L.data??[],(v=U.data)==null?void 0:v.states)},[L.data,U.data]),I=S.useMemo(()=>{var f,j,k;const v=pn(((f=m.data)==null?void 0:f.rows)??[]),M=un(((j=m.data)==null?void 0:j.rows)??[]),C=mn(((k=m.data)==null?void 0:k.rows)??[],a),c=_.data;return{collectors:v,buyers:M,quietDays:C,sold:c&&p.data?jt(p.data.total,c.total):null,earnings:c&&p.data?hn(O(p.data.earnedWei),O(c.earnedWei)):null,royalties:c&&p.data?jt(p.data.royalties.resales,c.royalties.resales):null}},[m.data,p.data,_.data,a]),te=ee.data??jn;return{stats:T,trend:I,savesByKey:te,saleable:Q,isLoading:L.isLoading||E.isLoading||m.isLoading||p.isLoading,error:L.error??m.error??null}}const Cn=l.span`
+  display: inline-flex;
+  align-items: center;
+  cursor: help;
+  /* The glyph sits tight against its own box, so the figure beside it needs the gap from here. */
+  margin-right: 3px;
+
+  img {
+    width: 1em;
+    height: 1em;
+    vertical-align: -0.125em;
+  }
+`;function H({kind:t,className:n}){const o=t==="mana"?r("currency.polygonMana"):r("currency.credits");return e.jsx(Ae,{content:o,children:e.jsx(Cn,{className:n,"aria-label":o,role:"img","data-kind":t,children:t==="mana"?e.jsx("img",{src:Qs,alt:"","aria-hidden":!0}):e.jsx($s,{className:"ccy-mark"})})})}const An=l.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+  text-align: inherit;
+  border: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+  cursor: pointer;
+
+  &[data-align='right'] {
+    flex-direction: row-reverse;
+  }
+
+  &:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: 2px;
+    border-radius: 4px;
+  }
+
+  [data-testid='sort-header-chevron'] {
+    flex: none;
+    opacity: 0.35;
+    transition: opacity 0.15s;
+  }
+
+  &[data-dir] [data-testid='sort-header-chevron'],
+  &:hover [data-testid='sort-header-chevron'] {
+    opacity: 1;
+  }
+`;function ae({label:t,dir:n,onSort:o,align:d="left",testId:a}){return e.jsxs(An,{type:"button",onClick:o,"data-dir":n,"data-align":d,"data-testid":a,"aria-label":typeof t=="string"?r(n==="asc"?"common.sortedAsc":n==="desc"?"common.sortedDesc":"common.sortColumn",{column:t}):void 0,children:[t,e.jsx(Xs,{up:n==="asc",size:12,"aria-hidden":!0,"data-testid":"sort-header-chevron"})]})}function He(t,n,o){return(t==null?void 0:t.key)===n?{key:n,dir:t.dir==="asc"?"desc":"asc"}:{key:n,dir:o}}function We(t,n,o){const d=o==="asc"?1:-1;return t.map((a,h)=>({row:a,index:h,v:n(a)})).sort((a,h)=>{const m=a.v==null,p=h.v==null;return m||p?m===p?a.index-h.index:m?1:-1:d*In(a.v,h.v)||a.index-h.index}).map(a=>a.row)}function In(t,n){return typeof t=="string"&&typeof n=="string"?t.localeCompare(n,void 0,{sensitivity:"base"}):t===n?0:t<n?-1:1}const me=864e5,G=Date.now(),Mn=(t,n,o,d,a)=>({key:`0xmock${t}-${t}`,itemId:String(t),name:n,thumbnail:"",rarity:["epic","legendary","rare","mythic","unique"][t%5],left:d-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:G-t*11*me,state:a}),Wn=[[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]],Ln=[{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 Tn(t,n){const o=t.items.map(([a,h,m,p],w)=>Mn(n*10+w,a,h,m,p)),d=o.reduce((a,h)=>a+h.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,createdAt:G-n*30*me,trend:Wn[t.trend],claimed:d,runTotal:o.reduce((a,h)=>a+h.minted+h.left,0),exhausted:o.length>0&&o.every(a=>a.state==="soldout")}}const et=(()=>{const t=Ln.map(Tn);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,o)=>n+o.listed,0),neverListed:t.reduce((n,o)=>n+o.items.filter(d=>d.state==="unlisted").length,0),classic:t.reduce((n,o)=>n+o.classic,0),soldOut:t.reduce((n,o)=>n+o.soldOut,0)}})(),Pn={total:74,repeat:29,repeatPct:39.19,topSharePct:21.3},_n=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:G-(n+1)*9*36e5})),kt=(t,n,o,d,a,h)=>({id:`mock-coupon-${t}`,signer:"0xmockcreator0000000000000000000000000001",chainId:137,network:"MATIC",checks:{uses:50,expiration:G+a,effective:G-d,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:G-d,state:{uses:h,cancelled:!1,revoked:!1,checkedAt:G},status:"active"}),zn=[kt(1,`0xmock${"0".repeat(36)}`,25,3*me,3*me,18),kt(2,`0xmock${"1".padStart(36,"0")}`,15,12*36e5,9*me,0)],En=new Map(et.collections.flatMap(t=>t.items.map((n,o)=>[n.key,[41,3,128,0,17,6,92,1][o%8]]))),Fn=et.collections.flatMap(t=>t.items.map(n=>[t.contractAddress,n])),Nn=Fn.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:G-(o===0?8*6e4:o*19*36e5),type:o===3?"order":"mint",network:"MATIC",tokenId:o===3?"1042":null})),Bn=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 22px;
+
+  /* The credits mark is pinned near-black globally (Icon.css) so a coloured total never tints it. Every
+     surface on this page is dark, so the whole page opts out once rather than each panel in turn. */
+  .ccy-mark,
+  .ccy {
+    color: ${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);
+  }
+`,On=l.header`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 20px;
+  flex-wrap: wrap;
+  /* The rule that closes the identity block off from the figures under it. */
+  padding-bottom: 24px;
+  border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
+`,Dn=l.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+`,Rn=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: 4px;
+  padding-bottom: 8px;
+  min-width: 0;
+`,qn=l.span`
+  flex: none;
+  display: block;
+  width: 84px;
+  height: 84px;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.22);
+  background-size: cover;
+  background-position: center top;
+  border: 2px solid rgba(252, 252, 252, 0.22);
+
+  ${s.media.maxWidth("mobile")} {
+    width: 56px;
+    height: 56px;
+  }
+`,Hn=l.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%;
+`,Un=l.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;
+  }
+`,Kn=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  min-width: 0;
+`,$t=l.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};
+`,Vn=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 12px;
+
+  /* Two uppercase buttons that cannot shrink below their labels. On a phone they fit side by side in
+     Inter with a few pixels to spare, and in any wider fallback font they did not: the second one ran
+     15px off a 390px screen. Wrapping puts it on its own line instead. */
+  ${s.media.maxWidth("mobile")} {
+    justify-content: flex-start;
+    width: 100%;
+  }
+`,Gn=l.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;
+  }
+`,Yn=l(xe)`
+  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;
+  }
+`,Qn=l.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: 12px;
+  padding-left: 12px;
+  border-left: 1px solid rgba(255, 255, 255, 0.3);
+`,Jn=l.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;
+  }
+`,Xn=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+`,Zn=l.h2`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 1.2;
+  color: ${s.colors.white};
+`,eo=l.div`
+  display: flex;
+  gap: 4px;
+  padding: 4px;
+  border-radius: ${s.radius.pill};
+  background: rgba(0, 0, 0, 0.22);
+`,to=l.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;
+  }
+`,Gt=l.section`
+  display: grid;
+  /* Five tiles when the store has resales to report, four when it does not — auto-fit rather than a fixed
+     count so neither case leaves a hole. */
+  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
+  gap: 14px;
+
+  ${s.media.maxWidth("lg")} {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  ${s.media.maxWidth("mobile")} {
+    grid-template-columns: minmax(0, 1fr);
+  }
+`,X=l.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};
+  }
+`,ie=l.span`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 8px;
+  /* The tiles carrying a tooltip button stand 3px taller than the rest, and in a grid that is 3px of dead
+     space under every other card. Held to the taller of the two. */
+  min-height: 18px;
+  font-family: ${s.font.sans};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  color: ${s.colors.gray4};
+`,re=l.span`
+  /* Ahead of the label, as the design has it. Ordered rather than moved in the markup, because the mark is
+     the last child in every tile and reordering five sets of markup would buy nothing. */
+  order: -1;
+  font-size: 16px;
+  line-height: 1;
+  filter: saturate(0.9);
+`,le=l.span`
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+
+  /* The currency mark is a box, not a glyph with a baseline: sized to the digits' cap height and centred
+     against them, rather than left to sit on the line's bottom edge. */
+  [data-kind] {
+    align-self: center;
+    margin-right: 6px;
+  }
+  [data-kind] img,
+  [data-kind] .ico {
+    width: 0.74em;
+    height: 0.74em;
+    vertical-align: baseline;
+  }
+  font-family: ${s.font.sans};
+  font-size: 32px;
+  font-weight: 600;
+  line-height: 1.235;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+`,so=l.span`
+  font-size: 20px;
+  font-weight: 600;
+  color: ${s.colors.gray4};
+  margin-right: -2px;
+`,vt=l.span`
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: 0;
+  color: ${s.colors.gray4};
+`,de=l.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=l.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;
+`,Z=l.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};
+  }
+`,Le=l.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+`,ke=l.h2`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 15px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+`;l.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`;const no=l(Zs)`
+  /* 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;
+  }
+`,oo=l.span`
+  font-family: ${s.font.sans};
+  font-size: 12px;
+  color: ${s.colors.gray4};
+`,Yt="24px 56px minmax(170px, 1fr) minmax(236px, 1.34fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(150px, 1fr) 158px",Qt=l.div`
+  display: grid;
+  grid-template-columns: ${Yt};
+  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;
+  }
+`,Jt=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  /*
+   * The run scrolls sideways rather than crushing its own columns.
+   *
+   * The tracks need 1158px before the grid starts taking room from them, and the panel used to clip what
+   * did not fit. It does not any more, and a clipped row is worse than a scrolling one: the action is the
+   * last column, so on a 1024px tablet "Manage" simply left the screen with no way to reach it.
+   */
+  overflow-x: auto;
+
+  > *:last-child {
+    border-radius: 0 0 ${s.radius.card} ${s.radius.card};
+  }
+`,Xt=l.div`
+  display: grid;
+  grid-template-columns: ${Yt};
+  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;
+    }
+  }
+`,ao=l.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;
+    }
+  }
+`,io=l.span`
+  width: 56px;
+  height: 56px;
+  border-radius: ${s.radius.btn};
+  overflow: hidden;
+  background: ${s.colors.overlayLight};
+`,ro=l.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};
+`,lo=l.span`
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px 8px;
+  min-width: 0;
+
+  /*
+   * The chip yields before the name does, which is the opposite of what it used to do.
+   *
+   * With a wide name column the name could ellipsise and keep "sold out" beside it. The columns are even
+   * now, so that column is 176px, and yielding the name first left "Founders Ed…" next to a chip: the row
+   * lost the one thing it has to say to save the one thing that repeats on every sold-out row.
+   */
+  a {
+    min-width: 0;
+    flex: 0 1 auto;
+  }
+`,co=l.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;
+  }
+`,ho=l.span`
+  display: block;
+  font-family: ${s.font.sans};
+  font-size: 12px;
+  color: ${s.colors.gray4};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;l.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 po=l.span`
+  min-width: 0;
+
+  ${s.media.maxWidth("mobile")} {
+    display: none;
+  }
+`,At=l.svg`
+  display: block;
+  width: 100%;
+  height: 34px;
+`,uo=l.div`
+  /* A shade deeper than the row it belongs to, not lighter. The rows carry their own dark fill now, and a
+     translucent white panel between them read as a different surface breaking the run in half. */
+  background: ${s.colors.overlayStrong};
+  padding: 4px 24px 10px 48px;
+
+  ${s.media.maxWidth("mobile")} {
+    padding-left: 32px;
+  }
+`,mo=l.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;
+  }
+`,xo=l.div`
+  display: grid;
+  /* The stock track is fixed rather than max-content: each row is its own grid, so a content-sized last
+     track let every row measure itself and none of them lined up. 124px clears the widest figure the page
+     renders (105px) with room to spare, without leaving a hand's width between the bar and the number. */
+  grid-template-columns: 40px minmax(0, 1fr) 72px 64px 152px 124px;
+  align-items: center;
+  gap: 22px;
+  padding: 13px 0;
+
+  > *:last-child {
+    justify-self: end;
+  }
+
+  & + & {
+    border-top: 1px solid ${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;
+    }
+  }
+`,fo=l.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;
+  }
+`,go=l.span`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,yo=l.span`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+`,bo=l.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;
+  }
+`,wo=l.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};
+`,So=l(xe)`
+  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;
+  }
+`,jo=l.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;
+  }
+`,ko=l.span`
+  display: block;
+  width: 96px;
+  height: 6px;
+  border-radius: 100px;
+  /* White, not the near-black this started as: the track was a 10% dark fill chosen for a white card, and
+     on the row's own dark surface it was the same colour as the row. */
+  background: rgba(255, 255, 255, 0.1);
+  overflow: hidden;
+  /* Pushed to the end of its track, so it sits with the stock figure it measures rather than crowding the
+     saves count next to it. */
+  margin-left: auto;
+
+  i {
+    display: block;
+    height: 6px;
+    border-radius: 100px;
+    background: ${s.colors.navViolet};
+  }
+
+  ${s.media.maxWidth("mobile")} {
+    display: none;
+  }
+`,$o=l.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};
+  }
+`,vo=l.span`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 4px;
+  line-height: 1.25;
+`,Co=l.span`
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: ${s.colors.gray4};
+  margin-right: 4px;
+`,Ao=l.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};
+`,Io=l.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};
+  }
+`;l.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};
+`;l.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 It=l.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;
+  }
+`;l.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};
+  }
+`;l(xe)`
+  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;
+  }
+`;l.span`
+  font-family: ${s.font.sans};
+  font-size: 18px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+`;const Ue=l.div`
+  overflow-x: auto;
+`,tt=l.table`
+  width: 100%;
+  /* Fixed, so a page of short names and one of long ones lay their columns out identically — the widths
+     come from the header row rather than from whatever this page happens to hold. */
+  table-layout: fixed;
+
+  thead th:nth-of-type(1) {
+    width: 36%;
+  }
+  thead th:nth-of-type(2) {
+    width: 24%;
+  }
+  thead th:nth-of-type(3) {
+    width: 120px;
+  }
+  thead th:nth-of-type(4) {
+    width: 14%;
+  }
+  thead th:nth-of-type(5) {
+    width: 110px;
+  }
+  tbody td {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  font-family: ${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=l.span`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  color: inherit;
+  text-decoration: none;
+
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  &:hover span,
+  &:focus-visible span {
+    text-decoration: underline;
+  }
+`,Wt=l.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;
+  }
+`,Lt=l.a`
+  max-width: 100%;
+  white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: inherit;
+  text-decoration: none;
+
+  &:hover,
+  &:focus-visible {
+    text-decoration: underline;
+  }
+`,Mo=l.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+
+  i {
+    display: block;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    background: #ededed;
+  }
+  b {
+    display: block;
+    width: 84px;
+    height: 10px;
+    border-radius: 100px;
+    background: #ededed;
+  }
+`,Tt=l.span`
+  flex: none;
+  display: block;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: ${s.colors.overlayLight};
+  background-size: cover;
+  background-position: center top;
+`,Wo=l.nav`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  font-variant-numeric: tabular-nums;
+`,Zt=`
+  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;
+  }
+`,Pt=l.button`
+  ${Zt}
+`,Lo=l.button`
+  ${Zt}
+
+  /* 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};
+  }
+`,To=l.span`
+  padding: 0 2px;
+  font-family: ${s.font.sans};
+  font-size: 12px;
+  color: ${s.colors.gray4};
+`;l.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+`;const Po=l.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);
+  }
+`;l.img`
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+  margin-right: 3px;
+`;const _o=l.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;
+  }
+`;l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 10px 18px 14px;
+  border-top: 1px solid ${s.colors.cardLine};
+`;l.p`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 11px;
+  line-height: 1.45;
+  color: ${s.colors.muted2};
+`;const es=`
+  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=l.span`
+  display: block;
+  height: 12px;
+  border-radius: 100px;
+  ${es}
+`,zo=l.span`
+  display: block;
+  width: 40px;
+  height: 40px;
+  border-radius: ${s.radius.btn};
+  ${es}
+`,_t=l.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr) 100px minmax(0, 0.5fr) 70px;
+  align-items: center;
+  gap: 12px;
+  padding: 0 18px 10px;
+
+  > *:last-child {
+    justify-self: end;
+  }
+  background: ${s.colors.overlayStrong};
+  border-radius: ${s.radius.card} ${s.radius.card} 0 0;
+`,zt=l.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 0.7fr) 100px minmax(0, 0.5fr) 70px;
+  align-items: center;
+  gap: 12px;
+  height: 57px;
+  padding: 0 18px;
+  background: ${s.colors.overlay};
+  border-top: 2px solid transparent;
+  background-clip: padding-box;
+
+  > *:last-child {
+    justify-self: end;
+  }
+`,$e=l.p`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 13px;
+  color: ${s.colors.gray4};
+`,Eo=l(B)`
+  width: 16px;
+  height: 16px;
+`,Ke=l.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;
+  }
+`,Fo=l.div`
+  margin: 10px 0 -4px;
+`,No=l.h2`
+  margin: 0;
+  font-family: ${s.font.sans};
+  font-size: 19px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+  color: ${s.colors.softWhite};
+`,Bo=l.p`
+  margin: 4px 0 0;
+  font-family: ${s.font.sans};
+  font-size: 13px;
+  color: rgba(252, 252, 252, 0.62);
+`,Oo=l.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);
+  }
+`,Do=l(tt)`
+  thead th:nth-of-type(1) {
+    width: 40%;
+  }
+  thead th:nth-of-type(2) {
+    width: 16%;
+  }
+  thead th:nth-of-type(3) {
+    width: 20%;
+  }
+  thead th:nth-of-type(4) {
+    width: 12%;
+  }
+  thead th:nth-of-type(5) {
+    width: 12%;
+  }
+`;l.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
+  gap: 14px;
+  align-items: start;
+
+  ${s.media.maxWidth("lg")} {
+    grid-template-columns: minmax(0, 1fr);
+  }
+`;l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+`;const Ve=l.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  [data-kind] img,
+  [data-kind] .ico {
+    vertical-align: baseline;
+  }
+`,Ro=l.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;
+  }
+`,qo=l.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;
+`,Ho=l.span`
+  display: inline-flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+`,Uo=l(vs)`
+  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;
+  }
+`,Ko=l(qs)`
+  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;
+  }
+`,Vo=l.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;
+  }
+`,ve=l.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;
+  }
+`,Go=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+
+  ${s.media.maxWidth("mobile")} {
+    flex-wrap: wrap;
+  }
+`,Yo=l.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+`,Qo=l(Ht)`
+  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};
+  }
+`,Jo=l.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;
+`,Xo=l.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;
+  }
+`,ts=l.div`
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+  /* Stretched rather than start-aligned: the sales rows carry a second line and the best sellers do not,
+     so the two will never end together on their own, and two cards of different heights side by side read
+     as one of them having failed to load. */
+
+  ${s.media.maxWidth("lg")} {
+    grid-template-columns: minmax(0, 1fr);
+  }
+`,Et=l.p`
+  margin: 2px 0 0;
+  font-family: ${s.font.sans};
+  font-size: 13px;
+  color: ${s.colors.gray4};
+`,Ft=l.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+`,Zo=l(xe)`
+  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};
+  }
+`,Nt=l.span`
+  display: inline-block;
+  min-width: 12px;
+  font-weight: 700;
+  font-variant-numeric: tabular-nums;
+  color: ${s.colors.gray4};
+`,Bt=l.span`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+`,ss=`
+  thead th,
+  tbody td {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+`,ea=l(tt)`
+  min-width: 500px;
+  ${ss}
+
+  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;
+  }
+`,ta=l(tt)`
+  min-width: 580px;
+  ${ss}
+
+  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;
+  }
+`,sa=l.span`
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+`,na=["7d","30d","all"],Te=8,Pe=5,Ge=5,ns="shop.my-store.sort",oa=["sold","earned","newest","name"];function aa(){try{const t=localStorage.getItem(ns);return oa.includes(t)?t:"sold"}catch{return"sold"}}function ia(t){try{localStorage.setItem(ns,t)}catch{}}function ue(t){return t==="asc"?"ascending":t==="desc"?"descending":void 0}function N(t,n){return(t==null?void 0:t.key)===n?t.dir:void 0}function ra(t,n){const o=[...t];return n==="name"?o.sort((d,a)=>d.name.localeCompare(a.name)):n==="earned"?We(o,d=>d.earningsWei,"desc"):n==="newest"?o.sort((d,a)=>(a.createdAt??0)-(d.createdAt??0)):o.sort((d,a)=>a.sold-d.sold||d.name.localeCompare(a.name))}function Ot(t,n,o){return ce(`/item/${t}/${n}`,o)}function ce(t,n){return n?`${t}${t.includes("?")?"&":"?"}env=${n}`:t}function la(t,n){if(n==null)return null;const o=t.minted-n;return o>0?o:null}const da={website:"website",twitter:"x-twitter",discord:"discord",facebook:"facebook"},_e=5;function ca(t,n){if(n<=5)return Array.from({length:n},(a,h)=>h);const o=[t-1,t,t+1].filter(a=>a>0&&a<n-1),d=[0];return o[0]>1&&d.push("gap"),d.push(...o),o[o.length-1]<n-2&&d.push("gap"),d.push(n-1),d}function Ce({page:t,pages:n,onChange:o,name:d}){return n<=1?null:e.jsxs(Wo,{"aria-label":r("myStore.pagination"),children:[e.jsx(Pt,{type:"button",onClick:()=>o(Math.max(0,t-1)),disabled:t===0,"aria-label":r("myStore.prev"),"data-testid":`store-${d}-prev`,children:e.jsx(B,{name:"chevron-down",size:16,"aria-hidden":!0,style:{transform:"rotate(90deg)"}})}),ca(t,n).map((a,h)=>a==="gap"?e.jsx(To,{children:"…"},`gap-${h}`):e.jsx(Lo,{type:"button","aria-current":a===t?"page":void 0,onClick:()=>o(a),"data-testid":`store-${d}-page-${a+1}`,children:(a+1).toLocaleString()},a)),e.jsx(Pt,{type:"button",onClick:()=>o(Math.min(n-1,t+1)),disabled:t>=n-1,"aria-label":r("myStore.next"),"data-testid":`store-${d}-next`,children:e.jsx(B,{name:"chevron-down",size:16,"aria-hidden":!0,style:{transform:"rotate(-90deg)"}})})]})}function ha(t,n,o){var w,P;const d={"7d":7,"30d":30,all:null}[n],a=S.useMemo(()=>Math.floor(Date.now()/864e5)*864e5+864e5-1,[]),h=d?a-d*864e5:void 0,m=q({queryKey:["store-sales-page",t,n,o],enabled:!!t,placeholderData:_=>_,queryFn:()=>ln({seller:t,from:h},{first:_e,skip:o*_e})}),p=((w=m.data)==null?void 0:w.total)??0;return{rows:((P=m.data)==null?void 0:P.rows)??[],total:p,pages:Math.ceil(p/_e)}}function Dt(t){return q({queryKey:["store-buyers",t],enabled:t.length>0,staleTime:5*6e4,queryFn:()=>Ds(t)})}function Rt(t,n){var d;const o=(d=n==null?void 0:n.get(t.toLowerCase()))==null?void 0:d.name;return o?Ut(o):Os(t)}function pa(t){return Y.previewHost&&t==="1"}const ua=25000n;function ma(t){return t*ua/1000000n}function V(t){const n=Number(t/10n**14n)/1e4;return n>=10?Math.round(n).toLocaleString():n.toFixed(2)}function qt(t){const n=Math.max(1,Math.round((Date.now()-t)/6e4));if(n<60)return r("myStore.agoMinutes",{n});const o=Math.round(n/60);return o<24?r("myStore.agoHours",{n:o}):r("myStore.agoDays",{n:Math.round(o/24)})}function xa({series:t}){const n=S.useId(),o=Math.max(...t,0),d=t.length>1?92/(t.length-1):0,a=p=>o===0?27:27-p/o*22,m=t.map((p,w)=>`${(2+w*d).toFixed(1)} ${a(p).toFixed(1)}`).join(" L ");return o===0?e.jsx(At,{viewBox:"0 0 96 30",role:"img","aria-label":r("myStore.trendNone"),children:e.jsx("path",{d:"M2 27 L94 27",fill:"none",stroke:s.colors.cardLine,strokeWidth:"2",strokeLinecap:"round"})}):e.jsxs(At,{viewBox:"0 0 96 30",role:"img","aria-label":r("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 ${m} L 94 29 L 2 29 Z`,fill:`url(#${n}-fill)`}),e.jsx("path",{d:`M ${m}`,fill:"none",stroke:`url(#${n})`,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}function fa({collection:t,discount:n,savesByKey:o,open:d,onToggle:a,onManage:h,onIssue:m,env:p}){var P,_;const w=`store-items-${t.contractAddress}`;return e.jsxs(e.Fragment,{children:[e.jsxs(Xt,{"data-testid":"store-collection","data-exhausted":t.exhausted||void 0,children:[e.jsx(ao,{type:"button","aria-expanded":d,"aria-controls":w,"aria-label":r(d?"myStore.collapse":"myStore.expand",{name:t.name}),onClick:a,"data-testid":"store-collection-toggle",children:e.jsx(Eo,{name:"chevron-down",className:"ico","aria-hidden":!0})}),e.jsx(io,{"data-testid":"store-collection-thumb",children:e.jsx(zs,{contractAddress:t.contractAddress})}),e.jsxs(co,{children:[e.jsxs(lo,{children:[e.jsx(xe,{to:ce(`/collection/${t.contractAddress}`,p),"data-testid":"store-collection-name",children:t.name}),t.exhausted?e.jsx(ro,{"data-testid":"store-collection-soldout",children:r("myStore.collExhausted")}):null]}),e.jsxs(ho,{children:[r("myStore.itemsCount",{count:t.items.length}),t.listed>0?` · ${r("myStore.listedCount",{count:t.listed})}`:"",!t.exhausted&&t.soldOut>0?` · ${r("myStore.soldOutCount",{count:t.soldOut})}`:""]})]}),e.jsx(qo,{"data-testid":"store-collection-discount",children:n?e.jsxs(e.Fragment,{children:[e.jsxs(Ho,{children:[e.jsx(Uo,{pct:n.discount/1e4}),e.jsx(Ko,{until:n.checks.expiration})]}),e.jsx(Vo,{children:Ys(n)?r("myStore.discountUsed",{used:((P=n.state)==null?void 0:P.uses)??0,total:n.checks.uses}):r("myStore.discountUsedUncapped",{used:((_=n.state)==null?void 0:_.uses)??0})})]}):r("myStore.noDiscountShort")}),e.jsxs(Ro,{"data-testid":"store-collection-claimed",children:[t.claimed.toLocaleString(),e.jsxs("small",{children:["/",t.runTotal.toLocaleString()]})]}),e.jsxs(Jo,{"data-testid":"store-collection-earned",children:[e.jsx(H,{kind:"mana"}),V(t.earningsWei)]}),e.jsx(po,{children:e.jsx(xa,{series:t.trend})}),e.jsxs(Qo,{as:"a",href:`${Y.builderUrl}/collections${t.collectionId?`/${t.collectionId}`:""}`,target:"_blank",rel:"noopener noreferrer",onClick:h,"data-testid":"store-manage",children:[r("myStore.manage"),e.jsx(B,{name:"external-link",size:14,"aria-hidden":!0})]})]}),d?e.jsxs(uo,{id:w,"data-testid":"store-items",children:[e.jsxs(mo,{"data-testid":"store-collection-stats",children:[e.jsxs("span",{children:[e.jsxs("b",{children:[e.jsx(H,{kind:"mana"}),V(t.earningsWei)]}),r("myStore.collEarned")]}),e.jsxs("span",{children:[e.jsx("b",{children:t.sold.toLocaleString()}),r("myStore.collSold")]}),e.jsxs("span",{children:[e.jsx("b",{children:t.items.length}),r("myStore.collItems",{count:t.items.length})]}),e.jsxs("span",{children:[e.jsx("b",{children:t.listed+t.classic}),r("myStore.collListed")]})]}),t.items.map(u=>{const L=la(u,u.lifetimeSold);return e.jsxs(xo,{"data-testid":"store-item",children:[e.jsx(fo,{style:{backgroundImage:Je(u.rarity)},children:u.thumbnail?e.jsx("img",{src:u.thumbnail,alt:"",loading:"lazy"}):null}),e.jsxs(go,{children:[e.jsx(So,{to:ce(`/item/${t.contractAddress}/${u.itemId}`,p),title:u.name,children:u.name}),e.jsxs(yo,{children:[e.jsx(wo,{style:{background:Ns(u.rarity)},title:Fs(u.rarity),children:Es(u.rarity)}),e.jsx($o,{"data-state":u.state,children:u.state==="soldout"?null:u.state==="unlisted"?r("myStore.stateUnlisted"):u.state==="unknown"?r("myStore.stateUnknown"):e.jsxs(e.Fragment,{children:[e.jsx(Co,{children:r("myStore.onSaleFor")}),u.manaWei?e.jsxs(e.Fragment,{children:[e.jsx(H,{kind:"mana"}),V(O(u.manaWei))]}):e.jsxs(e.Fragment,{children:[e.jsx(H,{kind:"credits"}),e.jsx(Bs,{credits:u.priceCredits??0})]})]})}),m&&u.left>0?e.jsx(bo,{type:"button",onClick:()=>m(u),"data-testid":"store-item-issue",children:r("myStore.issueCopies")}):null]})]}),e.jsxs(jo,{children:[u.sold.toLocaleString(),e.jsxs("small",{children:[" ",r("myStore.sold")]})]}),e.jsxs(Xo,{"data-testid":"store-item-saves",title:r("myStore.savesHint",{count:o.get(u.key)??0}),children:[e.jsx(B,{name:"heart",className:"ico","aria-hidden":!0}),(o.get(u.key)??0).toLocaleString()]}),e.jsx(ko,{role:"progressbar","aria-valuemin":0,"aria-valuemax":u.minted+u.left,"aria-valuenow":u.minted,"aria-label":r("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(vo,{title:u.lifetimeSold==null?void 0:r("myStore.runBreakdown",{total:u.minted+u.left,sold:u.lifetimeSold,sent:u.minted-u.lifetimeSold,left:u.left}),children:[e.jsx(Io,{"data-out":u.left===0,"data-testid":"store-item-stock",children:Kt(u.left===0?"myStore.stockNone":"myStore.stockLeft",{b:E=>e.jsx("b",{children:E}),left:u.left.toLocaleString(),total:(u.minted+u.left).toLocaleString()})}),L?e.jsx(Ao,{"data-testid":"store-item-issued",children:r("myStore.sentDirectly",{count:L.toLocaleString()})}):null]})]},u.key)})]}):null]})}function Ye(t){return!!t&&!(t.current===0&&t.previous===0)}function Qe({delta:t,period:n}){if(!t||t.current===0&&t.previous===0)return null;const o=n==="all"?"":r(`myStore.vs${n}`);if(t.pct===null)return e.jsxs(Ke,{"data-dir":"new","data-testid":"store-delta",children:[r("myStore.deltaNew"),o?e.jsx("span",{className:"delta__against",children:o}):null]});const d=Math.round(t.pct);if(d===0)return e.jsxs(Ke,{"data-dir":"flat","data-testid":"store-delta",children:[r("myStore.deltaFlat"),o?e.jsx("span",{className:"delta__against",children:o}):null]});const a=d>0,m=d>=1e3?r("myStore.deltaTimes",{times:Math.round(d/100+1).toLocaleString()}):`${Math.abs(d)}%`;return e.jsxs(Ke,{"data-dir":a?"up":"down","data-testid":"store-delta","aria-label":r(a?"myStore.deltaUpAria":"myStore.deltaDownAria",{pct:m,against:o}),children:[e.jsx("span",{className:"delta__arrow","aria-hidden":!0,children:a?"▲":"▼"}),m,o?e.jsx("span",{className:"delta__against",children:o}):null]})}function ga(){return e.jsxs("div",{"data-testid":"store-skeleton","aria-hidden":!0,children:[e.jsx(Gt,{children:[0,1,2,3].map(t=>e.jsxs(X,{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(Z,{style:{marginTop:22},children:[e.jsxs(Le,{children:[e.jsx(b,{style:{width:96,height:14}}),e.jsx(b,{style:{width:120}})]}),e.jsxs(Jt,{children:[e.jsxs(Qt,{"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:Te},(t,n)=>e.jsxs(Xt,{children:[e.jsx("span",{}),e.jsx(zo,{}),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(_o,{as:"div",children:e.jsx(b,{style:{width:150,height:13,margin:"0 auto"}})})]}),e.jsx(ts,{style:{marginTop:22},children:[0,1].map(t=>e.jsxs(Z,{children:[e.jsxs(Le,{children:[e.jsx(b,{style:{width:110,height:14}}),e.jsx(b,{style:{width:80}})]}),e.jsx(_t,{children:[0,1,2,3].map(n=>e.jsx(b,{style:{width:46,height:9}},n))}),Array.from({length:_e},(n,o)=>e.jsxs(zt,{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}})]},o))]},t))}),e.jsxs(Z,{style:{marginTop:22},children:[e.jsxs(Le,{children:[e.jsx(b,{style:{width:104,height:14}}),e.jsx(b,{style:{width:90}})]}),e.jsx(_t,{children:[0,1,2,3,4].map(t=>e.jsx(b,{style:{width:46,height:9}},t))}),Array.from({length:Pe},(t,n)=>e.jsxs(zt,{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 Ba(){var ft,gt;Cs({title:r("myStore.title"),noindex:!0});const{session:t,error:n,signIn:o}=As(),[d]=gs(),[a,h]=S.useState("30d"),[m,p]=S.useState(()=>new Set),[w,P]=S.useState(0),[_,u]=S.useState(0),[L,E]=S.useState(!1),[z,D]=S.useState(aa),[U,ee]=S.useState(0),[T,Q]=S.useState(null),[I,te]=S.useState(null),[v,M]=S.useState(0),[C,c]=S.useState(null),[f,j]=S.useState(null),k=Is(),[A,R]=S.useState(!1),st=Ms(),os=Ws(),K=pa(d.get("mock")),se=d.get("env"),as=ys("/").replace(/\/$/,""),ze=i=>`${as}${i}`,nt=K;function $(i,y={}){nt||_s(i,y)}const{data:J}=Ls(t==null?void 0:t.address),Ee=t==null?void 0:t.address,{data:ne}=sn(Ee),ot=nn.filter(i=>ne==null?void 0:ne.links[i]),at=(gt=(ft=J==null?void 0:J.avatar)==null?void 0:ft.snapshots)==null?void 0:gt.face256,it=J!=null&&J.name?Ut(J.name):null,{stats:is,trend:rt,savesByKey:rs,saleable:lt,isLoading:ls,error:ds}=vn(t,a),x=K?et:is,W=K?{...rt,collectors:Pn,buyers:_n}:rt,cs=K?!1:ls,hs=K?En:rs,Fe=ha(t==null?void 0:t.address,a,_),fe=K?Nn:Fe.rows,ps=S.useMemo(()=>[...new Set(fe.map(i=>i.buyer.toLowerCase()))].sort(),[fe]),{data:ge,isLoading:us}=Dt(ps),Ne=Math.max(1,Math.ceil(W.buyers.length/Pe)),ye=Math.min(U,Ne-1),dt=S.useMemo(()=>{if(!C)return W.buyers;const i={items:y=>y.items,collections:y=>y.collections,last:y=>y.lastAt,spent:y=>y.spentWei}[C.key];return We(W.buyers,i,C.dir)},[W.buyers,C]),Be=S.useMemo(()=>dt.slice(ye*Pe,(ye+1)*Pe),[dt,ye]),ms=S.useMemo(()=>Be.map(i=>i.address).sort(),[Be]),{data:be}=Dt(ms),{data:xs}=Ks(t==null?void 0:t.address,st&&!!t),ct=Math.max(1,Math.ceil(((x==null?void 0:x.collections.length)??0)/Te)),ht=S.useMemo(()=>{const i=(x==null?void 0:x.collections)??[];if(!T)return ra(i,z);const y={name:g=>g.name,claimed:g=>g.claimed,earnings:g=>g.earningsWei,sold:g=>g.sold}[T.key];return We(i,y,T.dir)},[x,z,T]),he=S.useMemo(()=>{const i=xn((x==null?void 0:x.collections)??[],1/0).map((g,F)=>({...g,rank:F+1}));if(!I)return i;const y={name:g=>g.name,collection:g=>g.collectionName,sold:g=>g.sold,earnings:g=>g.earnedWei}[I.key];return We(i,y,I.dir)},[x,I]);function we(i,y){const g=He(I,i,y);$("Shop Sorted Store Table",{table:"best_sellers",column:g.key,direction:g.dir}),te(g),M(0)}const Oe=Math.max(1,Math.ceil(he.length/Ge)),Se=Math.min(v,Oe-1),fs=S.useMemo(()=>he.slice(Se*Ge,(Se+1)*Ge),[he,Se]),je=Math.min(w,ct-1),pt=S.useMemo(()=>ht.slice(je*Te,(je+1)*Te),[ht,je]);if(os==="off")return e.jsx(bs,{to:"/",replace:!0});if(!t&&!K)return e.jsxs(Ts,{children:[e.jsx(Ps,{testId:"my-store-signin",icon:on,title:r("myStore.signInTitle"),body:r("myStore.signInBody"),cta:{label:r("storeSettings.signIn"),onClick:()=>o()},ctaVariant:"solid",fill:!0}),e.jsx(wt,{message:n})]});const ut=K?zn:xs,De=new Map;for(const i of ut??[])if(!(i.status!=="active"&&i.status!=="scheduled"))for(const y of i.collections)De.set(y.toLowerCase(),i);const mt=(ut??[]).filter(i=>i.status==="active"||i.status==="scheduled"),xt=a==="7d"?7:a==="30d"?30:null,Re=((x==null?void 0:x.collections)??[]).reduce((i,y)=>i+y.items.length,0);return e.jsx(en,{children:e.jsx(tn,{children:e.jsxs(Bn,{"data-testid":"my-store",children:[f&&t?e.jsx(Js,{item:{contractAddress:f.contractAddress,chainId:Y.chainId,itemId:f.item.itemId,name:f.item.name,thumbnail:f.item.thumbnail,available:f.item.left},session:t,onClose:()=>{j(null),k.invalidateQueries({queryKey:["store-catalogue"]}),k.invalidateQueries({queryKey:["store-public-catalogue"]})}}):null,L&&t?e.jsx(Vs,{session:t,collections:lt,onClose:()=>E(!1),source:"my_store",silent:nt}):null,e.jsxs(On,{children:[e.jsxs(Dn,{children:[e.jsx(qn,{style:at?{backgroundImage:`url(${at})`}:void 0,"data-testid":"store-avatar","aria-hidden":!0}),e.jsxs(Rn,{children:[it?e.jsx(Hn,{children:it}):null,e.jsxs(Kn,{children:[e.jsx(Un,{children:r("myStore.title")}),x?e.jsxs($t,{children:[r("myStore.summary",{collections:x.collections.length,items:Re}),ot.length>0?e.jsx(Qn,{"data-testid":"store-socials",children:ot.map(i=>e.jsx(Jn,{href:(ne==null?void 0:ne.links[i])??"",target:"_blank",rel:"noopener noreferrer",onClick:()=>$("Shop Clicked Store Action",{action:"social_link",link_type:i}),title:r(`creator.link.${i}`),"aria-label":r(`creator.link.${i}`),children:e.jsx(B,{name:da[i],className:"ico","aria-hidden":!0})},i))}):null]}):e.jsx($t,{children:e.jsx(b,{style:{width:170,background:"rgba(252, 252, 252, 0.18)",animation:"none"}})})]})]})]}),e.jsxs(Vn,{children:[Ee?e.jsxs(Gn,{href:ze(ce(`/items/creator/${Ee}`,se)),target:"_blank",rel:"noopener noreferrer",onClick:()=>$("Shop Clicked Store Action",{action:"view_public_store"}),"data-testid":"store-view-public",children:[r("myStore.viewPublicStore"),e.jsx(B,{name:"external-link",className:"ico","aria-hidden":!0})]}):null,e.jsxs(Yn,{to:ce("/store-settings",se),state:{from:"/my-store"},onClick:()=>$("Shop Clicked Store Action",{action:"edit_store"}),"data-testid":"store-edit",children:[e.jsx(B,{name:"pen",className:"ico","aria-hidden":!0}),r("myStore.editStore")]})]})]}),e.jsxs(Xn,{children:[e.jsx(Zn,{children:r("myStore.performance")}),e.jsx(eo,{role:"group","aria-label":r("myStore.period"),children:na.map(i=>e.jsx(to,{type:"button","aria-pressed":a===i,onClick:()=>{i!==a&&$("Shop Changed Store Period",{period:i,previous_period:a}),h(i),u(0)},"data-testid":`store-period-${i}`,children:r(`myStore.period${i}`)},i))})]}),e.jsx(wt,{message:ds?r("myStore.error"):null,testId:"my-store-error"}),cs||!x?e.jsx(ga,{}):e.jsxs(e.Fragment,{children:[e.jsxs(Gt,{"aria-label":r("myStore.summaryAria"),children:[e.jsxs(X,{children:[e.jsxs(ie,{children:[r("myStore.tileSold"),e.jsx(re,{"aria-hidden":!0,children:"🛍️"})]}),e.jsx(le,{children:e.jsx("span",{"data-testid":"store-sold",children:x.sold.toLocaleString()})}),e.jsxs(de,{children:[e.jsx(Qe,{delta:W.sold,period:a}),!Ye(W.sold)&&(x.sold===0?r("myStore.tileSoldNone"):x.resales===0?r("myStore.tileSoldFootMintsOnly",{mints:x.mints}):r("myStore.tileSoldFoot",{mints:x.mints,resales:x.resales}))]})]}),e.jsxs(X,{children:[e.jsxs(ie,{children:[r("myStore.tileEarnings"),e.jsx(re,{"aria-hidden":!0,children:"💰"})]}),e.jsxs(le,{children:[e.jsx(H,{kind:"mana"}),V(x.earningsWei),e.jsx(vt,{children:r("myStore.manaUnit")})]}),e.jsxs(de,{children:[e.jsx(Qe,{delta:W.earnings,period:a}),x.partial?e.jsxs(e.Fragment,{children:[e.jsx(Ct,{children:r("myStore.estimate")})," ",r("myStore.tileEarningsPartial")]}):Ye(W.earnings)?null:r("myStore.tileEarningsFoot")]})]}),e.jsxs(X,{children:[e.jsxs(ie,{children:[r("myStore.tileListed"),e.jsx(re,{"aria-hidden":!0,children:"🏷️"})]}),e.jsxs(le,{children:[x.listed+x.classic,e.jsx(vt,{children:r("myStore.ofTotal",{n:Re})})]}),e.jsx(de,{children:Re===0?r("myStore.tileListedNone"):r("myStore.tileListedFoot",{count:x.neverListed})})]}),e.jsxs(X,{children:[e.jsxs(ie,{children:[r("myStore.tileDiscounts"),e.jsx(re,{"aria-hidden":!0,children:"🔥"})]}),e.jsx(le,{"data-testid":"store-discounts",children:mt.length}),e.jsx(de,{children:mt.length>0?r("myStore.tileDiscountsFoot"):r("myStore.tileDiscountsNone")})]})]}),x.classic>0&&!A?e.jsx(Gs,{count:x.classic,reason:"discounts",to:ce("/activity?section=listings",se),onDismiss:()=>{$("Shop Clicked Store Action",{action:"dismiss_pricing_banner",classic_items:x.classic}),R(!0)},onCta:()=>$("Shop Clicked Store Action",{action:"update_prices",classic_items:x.classic})}):null,e.jsxs(Z,{"aria-labelledby":"store-coll-h",children:[e.jsxs(Go,{children:[e.jsx(ke,{id:"store-coll-h",children:r("myStore.collectionsCount",{count:x.collections.length})}),e.jsxs(Yo,{children:[x.collections.length>1?e.jsx(no,{options:[{value:"sold",label:r("myStore.sortSold")},{value:"earned",label:r("myStore.sortEarned")},...x.collections.some(i=>i.createdAt)?[{value:"newest",label:r("myStore.sortNewest")}]:[],{value:"name",label:r("myStore.sortName")}],value:T?void 0:z,placeholder:r("myStore.sortCustom"),onChange:i=>{$("Shop Sorted Store Collections",{sort:i}),D(i),Q(null),P(0),ia(i)},align:"right",ariaLabel:r("myStore.sortBy"),className:"store-sort"}):null,K||st&&t&&lt.length>0?e.jsxs(Ht,{variant:"red",size:"sm",onClick:()=>E(!0),"data-testid":"store-new-discount",children:[e.jsx("span",{"aria-hidden":!0,children:"🔥"}),r("myStore.newDiscount")]}):null]})]}),x.collections.length===0?e.jsx($e,{children:r("myStore.noCollections")}):e.jsx(e.Fragment,{children:e.jsxs(Jt,{children:[e.jsxs(Qt,{children:[e.jsx("span",{}),e.jsx("span",{}),[["name",r("myStore.colCollection"),"asc"],null,["claimed",r("myStore.colClaimed"),"desc"],["earnings",r("myStore.colEarnings"),"desc"],["sold",xt?r("myStore.colTrend",{days:xt}):r("myStore.colTrendAll"),"desc"]].map((i,y)=>i?e.jsx("span",{children:e.jsx(ae,{label:i[1],dir:N(T,i[0]),testId:`store-sort-collections-${i[0]}`,onSort:()=>{const g=He(T,i[0],i[2]);$("Shop Sorted Store Table",{table:"collections",column:g.key,direction:g.dir}),Q(g),P(0)}})},i[0]):e.jsx("span",{children:r("myStore.colDiscounts")},`plain-${y}`)),e.jsx("span",{children:r("myStore.colActions")})]}),pt.map(i=>e.jsx(fa,{collection:i,discount:De.get(i.contractAddress)??null,savesByKey:hs,env:se,open:m.has(i.contractAddress),onToggle:()=>{m.has(i.contractAddress)||$("Shop Expanded Store Collection",{contract_address:i.contractAddress,items:i.items.length,exhausted:i.exhausted,has_discount:De.has(i.contractAddress)}),p(y=>{const g=new Set(y);return g.delete(i.contractAddress)||g.add(i.contractAddress),g})},onManage:()=>$("Shop Clicked Store Action",{action:"manage_collection",contract_address:i.contractAddress}),onIssue:t?y=>{$("Shop Clicked Store Action",{action:"issue_copies",contract_address:i.contractAddress}),j({item:y,contractAddress:i.contractAddress})}:void 0},i.contractAddress))]})}),x.collections.length>0?e.jsxs(ve,{children:[e.jsxs("span",{"data-testid":"store-showing",children:[r("myStore.showingOf",{shown:pt.length.toLocaleString(),total:x.collections.length.toLocaleString()}),x.breakdownPartial?e.jsxs(e.Fragment,{children:[" · ",r("myStore.soldPartial",{n:x.fetched.toLocaleString()})]}):null]}),e.jsx(Ce,{page:je,pages:ct,onChange:i=>{$("Shop Paged Store Table",{table:"collections",page:i+1}),P(i)},name:"collections"})]}):null]}),e.jsxs(ts,{children:[e.jsxs(Z,{"aria-labelledby":"store-best-h",children:[e.jsx(Ft,{children:e.jsxs("div",{children:[e.jsx(ke,{id:"store-best-h",children:r("myStore.bestSellers")}),e.jsxs(Et,{children:[r("myStore.bestSellersSub",{n:he.length}),x.breakdownPartial?e.jsxs(e.Fragment,{children:[" · ",r("myStore.soldPartial",{n:x.fetched.toLocaleString()})]}):null]})]})}),he.length===0?e.jsx($e,{children:r("myStore.noBestSellers")}):e.jsx(Ue,{children:e.jsxs(ea,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col","aria-sort":ue(N(I,"name")),children:e.jsxs(Bt,{children:[e.jsx(Nt,{"aria-hidden":!0,children:"#"}),e.jsx(ae,{label:r("myStore.colItem"),dir:N(I,"name"),testId:"store-sort-best-name",onSort:()=>we("name","asc")})]})}),e.jsx("th",{scope:"col","aria-sort":ue(N(I,"collection")),children:e.jsx(ae,{label:r("myStore.colCollection"),dir:N(I,"collection"),testId:"store-sort-best-collection",onSort:()=>we("collection","asc")})}),e.jsx("th",{scope:"col",style:{textAlign:"center"},"aria-sort":ue(N(I,"sold")),children:e.jsx(ae,{label:r("myStore.colSold"),dir:N(I,"sold"),testId:"store-sort-best-sold",onSort:()=>we("sold","desc")})}),e.jsx("th",{scope:"col",style:{textAlign:"right"},"aria-sort":ue(N(I,"earnings")),children:e.jsx(ae,{label:r("myStore.colEarnings"),dir:N(I,"earnings"),align:"right",testId:"store-sort-best-earnings",onSort:()=>we("earnings","desc")})})]})}),e.jsx("tbody",{children:fs.map(i=>e.jsxs("tr",{"data-testid":"store-best",children:[e.jsx("td",{children:e.jsxs(Bt,{children:[e.jsx(Nt,{children:i.rank}),e.jsxs(Mt,{as:"a",href:ze(Ot(i.contractAddress,i.itemId,se)),target:"_blank",rel:"noopener noreferrer",onClick:()=>$("Shop Clicked Store Action",{action:"open_item",table:"best_sellers",rank:i.rank}),"data-testid":"store-best-item",children:[e.jsx(Wt,{style:{backgroundImage:Je(i.rarity)},children:i.thumbnail?e.jsx("img",{src:i.thumbnail,alt:"",loading:"lazy"}):null}),e.jsx("span",{children:i.name})]})]})}),e.jsx("td",{"data-dim":!0,children:i.collectionName}),e.jsx("td",{style:{textAlign:"center",fontWeight:600},"data-testid":"store-best-sold",children:i.sold.toLocaleString()}),e.jsx("td",{"data-money":!0,children:e.jsxs(Ve,{children:[e.jsx(H,{kind:"mana"}),V(i.earnedWei)]})})]},i.key))})]})}),Oe>1?e.jsxs(ve,{children:[e.jsx("span",{}),e.jsx(Ce,{page:Se,pages:Oe,onChange:i=>{$("Shop Paged Store Table",{table:"best_sellers",page:i+1}),M(i)},name:"best"})]}):null]}),e.jsxs(Z,{"aria-labelledby":"store-feed-h",children:[e.jsxs(Ft,{children:[e.jsxs("div",{children:[e.jsx(ke,{id:"store-feed-h",children:r("myStore.recentSales")}),e.jsx(Et,{children:r("myStore.recentSalesSub")})]}),e.jsxs(Zo,{to:"/activity",onClick:()=>$("Shop Clicked Store Action",{action:"view_all_sales"}),children:[r("myStore.viewAll"),e.jsx(B,{name:"arrow-up-right",size:14,"aria-hidden":!0})]})]}),fe.length===0?e.jsx($e,{children:r("myStore.noSales")}):e.jsx(Ue,{children:e.jsxs(ta,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:r("myStore.colItem")}),e.jsx("th",{scope:"col",children:r("myStore.colCollection")}),e.jsx("th",{scope:"col",style:{textAlign:"right"},children:r("myStore.colPrice")}),e.jsx("th",{scope:"col",children:r("myStore.colBuyer")}),e.jsx("th",{scope:"col",children:r("myStore.colDate")})]})}),e.jsx("tbody",{children:fe.map(i=>{var yt,bt;const y=x.collections.find(qe=>qe.contractAddress===i.contractAddress.toLowerCase()),g=y==null?void 0:y.items.find(qe=>qe.itemId===i.itemId),F=ge==null?void 0:ge.get(i.buyer.toLowerCase()),pe=(bt=(yt=F==null?void 0:F.avatar)==null?void 0:yt.snapshots)==null?void 0:bt.face256;return e.jsxs("tr",{"data-testid":"store-sale",children:[e.jsx("td",{children:e.jsxs(Mt,{as:i.itemId?"a":"span",...i.itemId?{href:ze(Ot(i.contractAddress,i.itemId,se)),target:"_blank",rel:"noopener noreferrer",onClick:()=>$("Shop Clicked Store Action",{action:"open_item",table:"recent_sales"}),"data-testid":"store-sale-item"}:{},children:[e.jsx(Wt,{style:{backgroundImage:Je(g==null?void 0:g.rarity)},children:g!=null&&g.thumbnail?e.jsx("img",{src:g.thumbnail,alt:"",loading:"lazy"}):null}),e.jsxs(sa,{children:[e.jsx("span",{children:(g==null?void 0:g.name)??(y==null?void 0:y.name)??i.itemId??r("myStore.unknownItem")}),e.jsx(Ae,{content:r("myStore.kindHint"),children:e.jsx(Po,{"data-kind":i.type,"data-testid":"store-kind-hint",children:i.type==="mint"?r("myStore.kindMint"):r("myStore.kindResale")})})]})]})}),e.jsx("td",{"data-dim":!0,children:(y==null?void 0:y.name)??"—"}),e.jsx("td",{"data-money":!0,children:e.jsxs(Ve,{children:[e.jsx(H,{kind:"mana"}),V(O(i.price))]})}),e.jsx("td",{children:us?e.jsxs(Mo,{"aria-hidden":!0,children:[e.jsx("i",{}),e.jsx("b",{})]}):e.jsxs(Lt,{href:`${Y.profileUrl}/${i.buyer}`,target:"_blank",rel:"noopener noreferrer",onClick:()=>$("Shop Clicked Store Action",{action:"open_buyer",table:"recent_sales"}),"data-testid":"store-sale-buyer",children:[e.jsx(Tt,{style:pe?{backgroundImage:`url(${pe})`}:void 0,"aria-hidden":!0}),Rt(i.buyer,ge)]})}),e.jsx("td",{"data-dim":!0,children:qt(i.timestamp)})]},i.id)})})]})}),Fe.pages>1?e.jsxs(ve,{children:[e.jsx("span",{}),e.jsx(Ce,{page:_,pages:Fe.pages,onChange:i=>{$("Shop Paged Store Table",{table:"recent_sales",page:i+1}),u(i)},name:"sales"})]}):null]})]}),e.jsxs(Fo,{children:[e.jsx(No,{id:"store-audience-h",children:r("myStore.audience")}),e.jsx(Bo,{children:r("myStore.audienceSub")})]}),e.jsxs(Oo,{children:[e.jsxs(X,{children:[e.jsxs(ie,{children:[e.jsxs("span",{children:[r("myStore.tileCollectors"),e.jsx(Ae,{content:r("myStore.collectorsHint"),children:e.jsx(It,{type:"button","aria-label":r("myStore.tileCollectors"),"data-testid":"store-collectors-hint",children:e.jsx(B,{name:"info",className:"ico","aria-hidden":!0})})})]}),e.jsx(re,{"aria-hidden":!0,children:"👥"})]}),e.jsx(le,{"data-testid":"store-collectors",children:W.collectors.total.toLocaleString()}),e.jsx(de,{children:W.collectors.total===0?r("myStore.tileCollectorsNone"):e.jsxs(e.Fragment,{children:[x.breakdownPartial?e.jsxs(e.Fragment,{children:[e.jsx(Ct,{children:r("myStore.estimate")})," "]}):null,W.collectors.topSharePct>=50?r("myStore.tileCollectorsConcentrated",{pct:Math.floor(W.collectors.topSharePct)}):r("myStore.tileCollectorsFoot",{repeat:W.collectors.repeat,pct:Math.round(W.collectors.repeatPct)})]})})]}),x.royalties?e.jsxs(X,{children:[e.jsxs(ie,{children:[e.jsxs("span",{children:[r("myStore.tileRoyalties"),e.jsx(Ae,{content:r("myStore.royaltiesHint"),children:e.jsx(It,{type:"button","aria-label":r("myStore.tileRoyalties"),"data-testid":"store-royalties-hint",children:e.jsx(B,{name:"info",className:"ico","aria-hidden":!0})})})]}),e.jsx(re,{"aria-hidden":!0,children:"🔁"})]}),e.jsxs(le,{"data-testid":"store-royalties",children:[e.jsx(so,{children:"≈"}),e.jsx(H,{kind:"mana"}),V(ma(x.royalties.volumeWei))]}),e.jsxs(de,{children:[e.jsx(Qe,{delta:W.royalties,period:a}),Ye(W.royalties)?null:e.jsx("span",{children:Kt("myStore.tileRoyaltiesFoot",{m:i=>e.jsxs(e.Fragment,{children:[e.jsx(H,{kind:"mana"}),i]}),count:x.royalties.resales,volume:V(x.royalties.volumeWei)})})]})]}):null]}),e.jsxs(Z,{"aria-labelledby":"store-buyers-h",children:[e.jsxs(Le,{children:[e.jsx(ke,{id:"store-buyers-h",children:r("myStore.buyers")}),e.jsx(oo,{children:r("myStore.buyersHint")})]}),W.buyers.length===0?e.jsx($e,{"data-testid":"store-buyers-none",children:r("myStore.noBuyers")}):e.jsx(Ue,{children:e.jsxs(Do,{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",children:r("myStore.colBuyer")}),[["items",r("myStore.colItems"),"desc"],["collections",r("myStore.colCollections"),"desc"],["last",r("myStore.colLast"),"desc"],["spent",r("myStore.colSpent"),"desc"]].map(([i,y,g])=>e.jsx("th",{scope:"col",style:i==="spent"?{textAlign:"right"}:void 0,"aria-sort":ue(N(C,i)),children:e.jsx(ae,{label:y,dir:N(C,i),align:i==="spent"?"right":"left",testId:`store-sort-buyers-${i}`,onSort:()=>{const F=He(C,i,g);$("Shop Sorted Store Table",{table:"buyers",column:F.key,direction:F.dir}),c(F),ee(0)}})},i))]})}),e.jsx("tbody",{children:Be.map(i=>{var g,F,pe;const y=(pe=(F=(g=be==null?void 0:be.get(i.address))==null?void 0:g.avatar)==null?void 0:F.snapshots)==null?void 0:pe.face256;return e.jsxs("tr",{"data-testid":"store-buyer",children:[e.jsx("td",{children:e.jsxs(Lt,{href:`${Y.profileUrl}/${i.address}`,target:"_blank",rel:"noopener noreferrer",onClick:()=>$("Shop Clicked Store Action",{action:"open_buyer",table:"buyers"}),"data-testid":"store-buyer-name",children:[e.jsx(Tt,{style:y?{backgroundImage:`url(${y})`}:void 0,"aria-hidden":!0}),Rt(i.address,be)]})}),e.jsx("td",{"data-dim":!0,children:r("myStore.buyerItems",{count:i.items})}),e.jsx("td",{"data-dim":!0,children:r("myStore.buyerCollections",{count:i.collections})}),e.jsx("td",{"data-dim":!0,children:qt(i.lastAt)}),e.jsx("td",{"data-money":!0,children:e.jsxs(Ve,{children:[e.jsx(H,{kind:"mana"}),V(i.spentWei)]})})]},i.address)})})]})}),Ne>1?e.jsxs(ve,{children:[e.jsx("span",{}),e.jsx(Ce,{page:ye,pages:Ne,onChange:i=>{$("Shop Paged Store Table",{table:"buyers",page:i+1}),ee(i)},name:"buyers"})]}):null]})]})]})})})}export{Ba as MyStore,Ba as default};
+//# sourceMappingURL=MyStore-B5e7oQJa.js.map