@dcl/shop 0.5.1-30936490891.commit-42e2634 → 0.5.1-30940409227.commit-b7c9392

package/index.html

@@ -16,10 +16,10 @@
     <link rel="canonical" href="https://decentraland.org/shop/" />
 
     <!-- Favicon: the Decentraland mark (same as the marketplace). -->
-    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/site.webmanifest" />
 
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
@@ -48,7 +48,7 @@
     <meta name="twitter:image:alt" content="Decentraland Shop — wearables and emotes for your avatar" />
 
     <!-- Sitemap -->
-    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/sitemap.xml" />
 
     <!-- Warm the 3D preview / fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -60,13 +60,13 @@
     <link rel="preconnect" href="https://wearable-preview.decentraland.org" />
     <link rel="preconnect" href="https://peer.decentraland.zone" crossorigin />
     <link rel="preconnect" href="https://peer.decentraland.org" crossorigin />
-    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/_assets/index-Dy5Vw1H0.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/_assets/react-DehiWSvs.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/_assets/sentry-973sfbO9.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/_assets/dcl-schemas-Dr9BTjb7.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/_assets/ethers-CtNGBird.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/_assets/index-D-NhBWWr.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/_assets/index-DJ_XXsX4.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/_assets/react-DehiWSvs.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/_assets/sentry-973sfbO9.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/_assets/dcl-schemas-Dr9BTjb7.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/_assets/ethers-CtNGBird.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30940409227.commit-b7c9392/_assets/index-D-NhBWWr.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.5.1-30936490891.commit-42e2634",
+  "version": "0.5.1-30940409227.commit-b7c9392",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "42e26343a3adef7fb770a65f09b46b6505712016"
+  "commit": "b7c93923a2d91259337b80a1e5935b6c938b78dc"
 }

package/_assets/Activity-CIJJTSUp.js

@@ -1,336 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-EheyvR55.js","_assets/react-DehiWSvs.js","_assets/index-Dy5Vw1H0.js","_assets/sentry-973sfbO9.js","_assets/dcl-schemas-Dr9BTjb7.js","_assets/ethers-CtNGBird.js","_assets/intl-CBcMB1D2.js","_assets/index-D-NhBWWr.css","_assets/useImportable-BP4DqZ-f.js","_assets/buy-k-76F4x2.js","_assets/mana-convert-D_y2vjtn.js","_assets/authorizations-vn6dbOqY.js","_assets/sendMetaTransaction-feJSI2TG.js","_assets/trade-encoding-SVWWPYXU.js","_assets/ManaPricingBanner.styles-nRVCJe8Y.js","_assets/field.styles-CJlWBLbF.js"])))=>i.map(i=>d[i]);
-import{bn as bt,s as u,t as n,o as yt,B as vt,n as jt,q as kt,b as d,u as A,I as k,bo as Z,bp as J,bq as wt,_ as It,w as P,br as $t,b3 as q,ar as At,bs as Pt,bt as z}from"./index-Dy5Vw1H0.js";import{r as y,e as Lt,j as e,L as et,a as Nt}from"./react-DehiWSvs.js";import{m as Et}from"./mana-convert-D_y2vjtn.js";import{u as Tt}from"./useManaRate-CfhYfW7C.js";import{u as Ct}from"./useImportable-BP4DqZ-f.js";import{L as St}from"./LoadMore-DPVuoR5W.js";import{u as I}from"./useInfiniteGrid-Dz6b_PHh.js";import{m as it}from"./mana-matic-C4e1sNO3.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./buy-k-76F4x2.js";import"./authorizations-vn6dbOqY.js";import"./sendMetaTransaction-feJSI2TG.js";import"./trade-encoding-SVWWPYXU.js";const Ft=15e3;function Mt(t,a){return t.txHash&&a.txHash?t.txHash===a.txHash:t.txHash||a.txHash?!1:t.status===a.status&&Math.abs(t.createdAt-a.createdAt)<=Ft}function Dt(t){const a=[...t].sort((i,c)=>c.createdAt-i.createdAt),s=[];for(const i of a){const c=s[s.length-1];c&&Mt(c[c.length-1],i)?c.push(i):s.push([i])}return s.map(i=>{var c;return{id:((c=i.find(r=>r.txHash))==null?void 0:c.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(r=>r.createdAt)),status:i.some(r=>r.status==="PENDING")?"PENDING":"SETTLED",totalCredits:i.reduce((r,h)=>r+h.credits,0),lines:i}})}function qt(t){return t.tradeId?`trade:${t.tradeId}`:t.contractAddress&&t.itemId?`item:${t.contractAddress.toLowerCase()}:${t.itemId}`:null}function zt(t){const a=[],s=new Map;for(const i of t){const c=qt(i);if(!c){a.push({key:i.id,tradeId:null,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits});continue}const r=s.get(c);if(r){r.quantity+=1,r.credits+=i.credits;continue}const h={key:c,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits};s.set(c,h),a.push(h)}return a}function Ht(t,a){return{id:t.id,contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId,counterparty:t.buyer,credits:a?Et(t.manaWei,a):null,manaWei:t.manaWei,createdAt:t.createdAt,txHash:t.txHash}}function Ot(t){const s=Dt(t.purchases.filter(o=>o.status!=="EXPIRED")).map(o=>({kind:"purchase",id:`purchase:${o.id}`,createdAt:o.createdAt,order:o})),i=t.sales.map(o=>{const p=Ht(o,t.rate);return{kind:"sale",id:`sale:${p.id}`,createdAt:p.createdAt,sale:p}}),c=(t.creditOrders??[]).filter(o=>o.status!=="failed"&&o.status!=="abandoned").map(o=>({kind:"credit",id:`credit:${o.id}`,createdAt:o.createdAt,order:o})),r=new Set(t.purchases.filter(o=>o.txHash).map(o=>o.txHash.toLowerCase())),h=(t.manaPurchases??[]).filter(o=>!r.has(o.txHash.toLowerCase())).map(o=>({kind:"mana-purchase",id:`mana-purchase:${o.id}`,createdAt:o.createdAt,sale:o}));return[...s,...i,...c,...h].sort((o,p)=>p.createdAt-o.createdAt||(o.id<p.id?-1:1))}function Rt(t,a){return a==="all"?t:a==="sales"?t.filter(s=>s.kind==="sale"):t.filter(s=>s.kind==="purchase"||s.kind==="credit"||s.kind==="mana-purchase")}const at=t=>t.trim().toLowerCase();function Wt(t){const a=new Map;for(const s of t??[]){const i=at(s.txHash??"");if(!i)continue;const c=a.get(i);c?c.push(s):a.set(i,[s])}return a}function _t(t,a,s=Date.now()){const i=a.txHash?t.get(at(a.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const c=i.length===1?Bt(i[0].netCents):null,r=i.filter(o=>!o.available&&o.availableAt>s);if(r.length===0)return{kind:"credited",credits:c};const h=r.reduce((o,p)=>Math.max(o,p.availableAt),0);return{kind:"pending",credits:c,availableAt:h}}function Bt(t){return bt(t)}const Gt="https://cdn.decentraland.org/@dcl/shop/0.5.1-30936490891.commit-42e2634/_assets/credits-product-vs4Q6u6l.svg",H=yt`
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-`,Ut=u.section`
-  width: 100%;
-  min-width: 0;
-  min-height: 60vh;
-  /* Centre the whole column — heading, tabs and cards as ONE block — so the feed isn't parked against
-     the left edge of a wide page. Centring only the list would leave the heading orphaned from it. */
-  max-width: 760px;
-  margin-inline: auto;
-
-  /* The migration tool's row (thumbnail + name + a 144px price field) does not survive the feed's
-     column: squeezed to 760px the price field lands on its own line on a desktop. Widening the whole
-     column keeps heading, chips and panel as one block, which is the point of the constraint above. */
-  &[data-view='migrate'] {
-    max-width: 1003px;
-  }
-`,Kt=u.div`
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  margin-bottom: 20px;
-`,Vt=u.h1`
-  font-family: ${n.font.sans};
-  margin: 0;
-`;u.span`
-  color: ${n.colors.muted};
-  font-size: 14px;
-`;const Qt=u.div`
-  display: flex;
-  gap: 8px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-`,nt=u.button`
-  appearance: none;
-  border: 1px solid ${n.colors.line};
-  background: ${n.colors.white};
-  color: ${n.colors.text};
-  font-family: ${n.font.sans};
-  font-size: 14px;
-  font-weight: 600;
-  padding: 8px 16px;
-  min-height: 40px;
-  border-radius: ${n.radius.pill};
-  cursor: pointer;
-  transition:
-    background 0.15s,
-    border-color 0.15s,
-    color 0.15s;
-
-  &:hover {
-    background: ${n.colors.media};
-  }
-  &:focus-visible {
-    outline: 2px solid ${n.colors.accent};
-    outline-offset: 2px;
-  }
-  &[data-active='true'] {
-    background: ${n.colors.accent};
-    border-color: ${n.colors.accent};
-    color: ${n.colors.white};
-  }
-`,Xt=u(nt)`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  border-color: transparent;
-  background: ${n.colors.promptLilac};
-  color: ${n.colors.accent};
-
-  &:hover {
-    background: ${n.colors.rarityBg};
-  }
-  &[data-active='true'] {
-    background: ${n.colors.accent};
-    border-color: ${n.colors.accent};
-    color: ${n.colors.white};
-  }
-  /* Violet-on-violet once the chip fills, so the badge inverts. Reached by test id rather than by
-     interpolating the styled def, which throws under vitest (see CLAUDE.md). */
-  &[data-active='true'] [data-testid='activity-migrate-count'] {
-    background: ${n.colors.white};
-    color: ${n.colors.accent};
-  }
-`,Zt=u.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  min-width: 20px;
-  height: 20px;
-  padding: 0 6px;
-  border-radius: ${n.radius.pill};
-  background: ${n.colors.brandViolet};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 1.6;
-  color: ${n.colors.white};
-`,Jt=u.div`
-  min-height: 60vh;
-`,Y=u.div`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-`,L=u.div`
-  background: ${n.colors.white};
-  border: 1px solid ${n.colors.line};
-  border-radius: 16px;
-  overflow: hidden;
-`,N=u.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 14px 18px;
-  background: ${n.colors.softWhite};
-  border-bottom: 1px solid ${n.colors.line};
-
-  ${n.media.maxWidth("mobile")} {
-    flex-wrap: wrap;
-  }
-`,E=u.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-`,T=u.span`
-  font-weight: 700;
-  color: ${n.colors.text};
-`,C=u.span`
-  font-size: 13px;
-  color: ${n.colors.muted};
-`,S=u.div`
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  /* Pin to the right regardless of how many elements sit on the left (the credit-purchase card adds a
-     leading thumbnail, giving the head three children instead of two). */
-  margin-left: auto;
-`,Yt=u.div`
-  flex: 0 0 auto;
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${n.colors.media};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  img {
-    width: 30px;
-    height: 30px;
-    display: block;
-  }
-`,F=u.span`
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  padding: 4px 10px;
-  border-radius: ${n.radius.pill};
-  white-space: nowrap;
-
-  &[data-status='SETTLED'] {
-    background: rgba(30, 166, 114, 0.14);
-    color: ${n.colors.okStrong};
-  }
-  &[data-status='PENDING'] {
-    background: rgba(245, 166, 35, 0.16);
-    color: #b5790a;
-  }
-  &[data-status='SOLD'] {
-    background: rgba(103, 58, 183, 0.14);
-    color: ${n.colors.accent};
-  }
-  &[data-status='FAILED'] {
-    background: rgba(214, 61, 61, 0.14);
-    color: #b02a2a;
-  }
-`,v=u.div`
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  font-weight: 800;
-  color: ${n.colors.text};
-  white-space: nowrap;
-
-  .ccy-mark {
-    width: 16px;
-    height: 16px;
-  }
-
-  // Money received (a sale) reads as income in the shop's success green.
-  &[data-kind='income'] {
-    color: ${n.colors.okStrong};
-  }
-`,st=u.img`
-  width: 16px;
-  height: 16px;
-  vertical-align: -0.15em;
-`,te=u.span`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-`,ee=u.span`
-  position: fixed;
-  transform: translateX(-50%);
-  padding: 6px 8px;
-  border-radius: 6px;
-  background: #16141a;
-  color: ${n.colors.white};
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 1;
-  white-space: nowrap;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
-  pointer-events: none;
-  z-index: 9999;
-`,O=u.div`
-  display: flex;
-  flex-direction: column;
-`,M=u.div`
-  display: grid;
-  grid-template-columns: 52px 1fr auto;
-  align-items: center;
-  gap: 14px;
-  padding: 12px 18px;
-  text-decoration: none;
-  color: inherit;
-
-  & + & {
-    border-top: 1px solid ${n.colors.line};
-  }
-
-  &[data-link='true'] {
-    transition: background 0.15s;
-  }
-  &[data-link='true']:hover {
-    background: ${n.colors.media};
-  }
-  &[data-link='true']:focus-visible {
-    outline: 2px solid ${n.colors.accent};
-    outline-offset: -2px;
-  }
-`,R=u.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${n.colors.media};
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${n.colors.muted2};
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,W=u.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: linear-gradient(100deg, ${n.colors.media} 30%, ${n.colors.panel} 50%, ${n.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${H} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,_=u.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`,B=u.span`
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,G=u.span`
-  display: inline-block;
-  width: 140px;
-  max-width: 60%;
-  height: 12px;
-  border-radius: 6px;
-  background: linear-gradient(100deg, ${n.colors.media} 30%, ${n.colors.panel} 50%, ${n.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${H} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,U=u.span`
-  font-size: 13px;
-  color: ${n.colors.muted};
-`,ie=u.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-weight: 700;
-  color: ${n.colors.text};
-  white-space: nowrap;
-
-  .ccy-mark {
-    width: 14px;
-    height: 14px;
-  }
-`,tt=u.div`
-  height: 132px;
-  border-radius: 16px;
-  border: 1px solid transparent;
-  background: linear-gradient(100deg, ${n.colors.media} 30%, ${n.colors.panel} 50%, ${n.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${H} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,rt=u.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  text-align: center;
-  padding: 90px 20px;
-  min-height: 50vh;
-`,ot=u.p`
-  font-size: 22px;
-  font-weight: 700;
-  margin: 6px 0 0;
-`,ae=u(vt)`
-  margin-top: 12px;
-`,K=M.withComponent(et),ne=y.lazy(()=>It(()=>import("./index-EheyvR55.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15])).then(t=>({default:t.ImportListings}))),$=24,se=["all","purchases","sales"],D="migrate";function j(t){try{return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function ct(t){return t.length>10?`${t.slice(0,6)}…${t.slice(-4)}`:t}function dt(t){const a=Number(t)/1e18;return Number.isFinite(a)?a.toLocaleString("en",{maximumFractionDigits:2}):"0"}function lt({children:t}){const a=y.useRef(null),[s,i]=y.useState(null),c=()=>{var h;const r=(h=a.current)==null?void 0:h.getBoundingClientRect();r&&i({top:r.bottom+8,left:r.left+r.width/2})};return e.jsxs(te,{ref:a,tabIndex:0,onMouseEnter:c,onMouseLeave:()=>i(null),onFocus:c,onBlur:()=>i(null),children:[t,s?Nt.createPortal(e.jsx(ee,{style:{top:s.top,left:s.left},role:"tooltip",children:d("activity.polygonMana")}),document.body):null]})}function re({item:t}){const a=!!t.contractAddress&&!!t.itemId,s=!!t.tradeId||a,{data:i,isLoading:c}=A({queryKey:["order-line-display",t.tradeId,t.contractAddress,t.itemId],queryFn:()=>t.tradeId?Pt(t.tradeId):z(t.contractAddress,{itemId:t.itemId}),enabled:s,staleTime:5*6e4}),r=s&&c,h=(i==null?void 0:i.name)??d("activity.itemFallback"),o=(i==null?void 0:i.thumbnail)??"",p=q({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,m=e.jsxs(e.Fragment,{children:[r?e.jsx(W,{}):e.jsx(R,{children:o?e.jsx("img",{src:o,alt:h}):e.jsx(k,{name:"cart",size:20})}),e.jsxs(_,{children:[r?e.jsx(G,{}):e.jsx(B,{title:h,children:h}),t.quantity>1?e.jsx(U,{children:d("activity.quantity",{count:t.quantity})}):null]}),e.jsxs(ie,{children:[e.jsx(P,{className:"ccy-mark"})," ",t.credits]})]});return p?e.jsx(K,{to:p,"data-link":"true",children:m}):e.jsx(M,{children:m})}function oe({order:t}){const a=zt(t.lines),s=a.reduce((i,c)=>i+c.quantity,0);return e.jsxs(L,{"data-testid":"purchase-order",children:[e.jsxs(N,{children:[e.jsxs(E,{children:[e.jsx(T,{children:j(t.createdAt)}),e.jsxs(C,{children:[d("activity.purchaseLabel")," · ",d("activity.itemCount",{count:s})]})]}),e.jsxs(S,{children:[e.jsx(F,{"data-status":t.status,children:t.status==="PENDING"?d("activity.processing"):d("activity.completed")}),e.jsxs(v,{children:[e.jsx(P,{className:"ccy-mark"})," ",t.totalCredits]})]})]}),e.jsx(O,{children:a.map(i=>e.jsx(re,{item:i},i.key))})]})}function ce({sale:t}){const{data:a,isLoading:s}=A({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>z(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),i=(a==null?void 0:a.name)??d("activity.itemFallback"),c=(a==null?void 0:a.thumbnail)??"",r=q({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,h=e.jsxs(e.Fragment,{children:[s?e.jsx(W,{}):e.jsx(R,{children:c?e.jsx("img",{src:c,alt:i}):e.jsx(k,{name:"offer",size:20})}),e.jsxs(_,{children:[s?e.jsx(G,{}):e.jsx(B,{title:i,children:i}),e.jsx(U,{children:d("activity.boughtFrom",{account:ct(t.seller)})})]})]});return e.jsxs(L,{"data-testid":"activity-mana-purchase",children:[e.jsxs(N,{children:[e.jsxs(E,{children:[e.jsx(T,{children:j(t.createdAt)}),e.jsx(C,{children:d("activity.paidWithMana")})]}),e.jsxs(S,{children:[e.jsx(F,{"data-status":"SETTLED",children:d("activity.completed")}),e.jsxs(v,{children:[dt(t.manaWei)," ",e.jsx(lt,{children:e.jsx(st,{src:it,alt:"MANA"})})]})]})]}),e.jsx(O,{children:r?e.jsx(K,{to:r,"data-link":"true",children:h}):e.jsx(M,{children:h})})]})}function de({sale:t,payout:a}){const{data:s,isLoading:i}=A({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>z(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),c=(s==null?void 0:s.name)??d("activity.itemFallback"),r=(s==null?void 0:s.thumbnail)??"",h=q({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,o=e.jsxs(e.Fragment,{children:[i?e.jsx(W,{}):e.jsx(R,{children:r?e.jsx("img",{src:r,alt:c}):e.jsx(k,{name:"offer",size:20})}),e.jsxs(_,{children:[i?e.jsx(G,{}):e.jsx(B,{title:c,children:c}),e.jsxs(U,{children:[d("activity.soldTo",{account:ct(t.counterparty)}),a.kind==="pending"?` · ${d("activity.payoutPendingOn",{date:j(a.availableAt)})}`:""]})]})]});return e.jsxs(L,{"data-testid":"activity-sale",children:[e.jsxs(N,{children:[e.jsxs(E,{children:[e.jsx(T,{children:j(t.createdAt)}),e.jsx(C,{children:d("activity.saleLabel")})]}),e.jsxs(S,{children:[e.jsx(F,{"data-status":a.kind==="pending"?"PENDING":"SOLD",children:a.kind==="pending"?d("activity.payoutPending"):d("activity.sold")}),a.kind==="direct"?e.jsxs(v,{"data-kind":"income",children:["+",dt(t.manaWei)," ",e.jsx(lt,{children:e.jsx(st,{src:it,alt:"MANA"})})]}):a.credits!==null?e.jsxs(v,{"data-kind":"income",children:[e.jsx(P,{className:"ccy-mark"})," +",At(a.credits)]}):e.jsx(v,{"data-kind":"income",children:d("activity.payoutCredited")})]})]}),e.jsx(O,{children:h?e.jsx(K,{to:h,"data-link":"true",children:o}):e.jsx(M,{children:o})})]})}function le({order:t}){const a=`$${(t.usdCents/100).toFixed(2)}`,s=$t(t.status),i=s==="SETTLED"?d("activity.completed"):s==="FAILED"?d("activity.failed"):d("activity.processing");return e.jsx(L,{"data-testid":"credit-order",children:e.jsxs(N,{children:[e.jsx(Yt,{children:e.jsx("img",{src:Gt,alt:"","aria-hidden":!0})}),e.jsxs(E,{children:[e.jsx(T,{children:j(t.createdAt)}),e.jsxs(C,{children:[d("activity.creditPurchaseLabel")," · ",d("activity.creditPaid",{usd:a})]})]}),e.jsxs(S,{children:[e.jsx(F,{"data-status":s,children:i}),e.jsxs(v,{"data-kind":"income",children:["+",e.jsx(P,{className:"ccy-mark"})," ",t.credits]})]})]})})}function ue({filter:t}){const a={all:{icon:"clock",title:d("activity.emptyAllTitle"),body:d("activity.emptyAllBody")},purchases:{icon:"cart",title:d("activity.emptyPurchasesTitle"),body:d("activity.emptyPurchasesBody")},sales:{icon:"offer",title:d("activity.emptySalesTitle"),body:d("activity.emptySalesBody")}}[t];return e.jsxs(rt,{children:[e.jsx(k,{name:a.icon,size:40,color:n.colors.muted2}),e.jsx(ot,{children:a.title}),e.jsx("p",{className:"muted",children:a.body}),t!=="sales"?e.jsx(ae,{as:et,to:"/items",variant:"purple",children:d("notFound.cta")}):null]})}function Le(){const{session:t}=jt(),[a,s]=y.useState("all"),[i,c]=Lt(),r=i.get("view")===D;kt({title:r?d("seo.import.title"):d("nav.activity"),noindex:!0});const{count:h}=Ct(),o=h!==void 0&&(h>0||r),p=!!t&&!r&&a!=="sales",m=!!t&&!r&&a!=="purchases",x=I(["purchases",t==null?void 0:t.address],l=>wt(t.address,t.identity,{first:$,skip:l}),{enabled:p}),g=I(["sales",t==null?void 0:t.address],l=>Z(t.address,{role:"seller",first:$,skip:l}),{enabled:m}),f=I(["credit-orders",t==null?void 0:t.address],l=>J(t.address,t.identity,{first:$,skip:l}),{enabled:p}),b=I(["mana-purchases",t==null?void 0:t.address],l=>Z(t.address,{role:"buyer",first:$,skip:l}),{enabled:p}),{data:V}=A({queryKey:["sale-payouts",t==null?void 0:t.address],queryFn:()=>J(t.address,t.identity,{first:200}).then(l=>l.payouts),enabled:m,staleTime:6e4}),ut=y.useMemo(()=>Wt(V),[V]),{data:ht}=Tt(m);if(!t)return e.jsxs(rt,{children:[e.jsx(k,{name:"clock",size:40,color:n.colors.muted2}),e.jsx(ot,{children:d("activity.signInTitle")}),e.jsx("p",{className:"muted",children:d("activity.signInBody")})]});const Q=Rt(Ot({purchases:p?x.items:[],sales:m?g.items:[],creditOrders:p?f.items:[],manaPurchases:p?b.items:[],rate:ht}),a),pt=p&&(x.isLoading||f.isLoading||b.isLoading)||m&&g.isLoading,X=p&&(x.isFetchingNextPage||f.isFetchingNextPage||b.isFetchingNextPage)||m&&g.isFetchingNextPage,mt=p&&(x.hasNextPage||f.hasNextPage||b.hasNextPage)||m&&g.hasNextPage;function xt(){p&&x.hasNextPage&&x.fetchNextPage(),p&&f.hasNextPage&&f.fetchNextPage(),p&&b.hasNextPage&&b.fetchNextPage(),m&&g.hasNextPage&&g.fetchNextPage()}function gt(l){if(s(l),!r)return;const w=new URLSearchParams(i);w.delete("view"),c(w,{replace:!0})}function ft(){const l=new URLSearchParams(i);l.set("view",D),c(l,{replace:!0})}return e.jsxs(Ut,{"data-view":r?D:"feed",children:[e.jsx(Kt,{children:e.jsx(Vt,{children:d("nav.activity")})}),e.jsxs(Qt,{role:"tablist","aria-label":d("nav.activity"),children:[se.map(l=>e.jsx(nt,{type:"button",role:"tab","aria-selected":!r&&a===l,"data-active":!r&&a===l,"data-testid":`activity-filter-${l}`,onClick:()=>gt(l),children:d(`activity.filter.${l}`)},l)),o?e.jsxs(Xt,{type:"button",role:"tab","aria-selected":r,"data-active":r,"data-testid":"activity-filter-migrate","aria-label":h?d("activity.migrate.chipAria",{count:h}):void 0,onClick:ft,children:[d("activity.migrate.chip"),h?e.jsx(Zt,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:h}):null]}):null]}),r?e.jsx(y.Suspense,{fallback:e.jsx(Jt,{"aria-busy":"true"}),children:e.jsx(ne,{})}):pt?e.jsx(Y,{children:Array.from({length:5}).map((l,w)=>e.jsx(tt,{},w))}):Q.length===0?e.jsx(ue,{filter:a}):e.jsxs(e.Fragment,{children:[e.jsxs(Y,{children:[Q.map(l=>l.kind==="purchase"?e.jsx(oe,{order:l.order},l.id):l.kind==="credit"?e.jsx(le,{order:l.order},l.id):l.kind==="mana-purchase"?e.jsx(ce,{sale:l.sale},l.id):e.jsx(de,{sale:l.sale,payout:_t(ut,l.sale)},l.id)),X?e.jsx(tt,{}):null]}),e.jsx(St,{hasNextPage:mt,isFetching:X,onLoadMore:xt})]})]})}export{Le as Activity};