@dcl/shop 0.1.0-30275838080.commit-dc84870 → 0.1.0-30277401547.commit-e877307

package/index.html

@@ -16,10 +16,10 @@
     <link rel="canonical" href="https://shop.decentraland.org/" />
 
     <!-- Favicon: the Decentraland mark (same as the marketplace). -->
-    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/apple-touch-icon.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/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.1.0-30275838080.commit-dc84870/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/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.1.0-30275838080.commit-dc84870/assets/index-B4tgQVEu.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/assets/react-BW1xvPTF.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/assets/sentry-BV_ZSgtd.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/assets/dcl-schemas-BICTSpB5.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/assets/ethers-CtVvB8eG.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/assets/index-D3DtvRSj.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/index-BFPNYe8x.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/react-BW1xvPTF.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/sentry-BV_ZSgtd.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/dcl-schemas-BICTSpB5.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/ethers-CtVvB8eG.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/index-DwufS2l2.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.1.0-30275838080.commit-dc84870",
+  "version": "0.1.0-30277401547.commit-e877307",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "dc8487018bcec407fe0f1d970e396e29cf22fdc7"
+  "commit": "e8773071450d46264a85fdf0d441e28e9a0fb40c"
 }

package/assets/Activity-zOdV7zID.js

@@ -1,284 +0,0 @@
-import{r as m,j as e,L as D,e as et}from"./react-BW1xvPTF.js";import{s as c,J as r,O as it,B as nt,m as st,t as d,u as at,o as j,I as f,aB as S,aC as rt,aD as ot,C as y,ai as H,y as ct,aE as dt,aF as lt}from"./index-B4tgQVEu.js";import{a as ut}from"./mana-rate-B-Ghbv7a.js";import{u as ht}from"./useManaRate-Ctm7UARH.js";import{L as pt}from"./LoadMore-C2IGYfn5.js";import{u as b}from"./useInfiniteGrid-CD-N77Cs.js";import"./sentry-BV_ZSgtd.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CtVvB8eG.js";import"./intl-CBcMB1D2.js";import"./index-HN6Rk25C.js";const xt=15e3;function mt(t,i){return t.txHash&&i.txHash?t.txHash===i.txHash:t.txHash||i.txHash?!1:t.status===i.status&&Math.abs(t.createdAt-i.createdAt)<=xt}function gt(t){const i=[...t].sort((n,a)=>a.createdAt-n.createdAt),o=[];for(const n of i){const a=o[o.length-1];a&&mt(a[a.length-1],n)?a.push(n):o.push([n])}return o.map(n=>{var a;return{id:((a=n.find(s=>s.txHash))==null?void 0:a.txHash)??n[n.length-1].id,createdAt:Math.max(...n.map(s=>s.createdAt)),status:n.some(s=>s.status==="PENDING")?"PENDING":"SETTLED",totalCredits:n.reduce((s,l)=>s+l.credits,0),lines:n}})}function ft(t){const i=[],o=new Map;for(const n of t)if(n.tradeId){const a=o.get(n.tradeId);if(a){a.quantity+=1,a.credits+=n.credits;continue}const s={key:n.tradeId,tradeId:n.tradeId,quantity:1,credits:n.credits};o.set(n.tradeId,s),i.push(s)}else i.push({key:n.id,tradeId:null,quantity:1,credits:n.credits});return i}function yt(t,i){return{id:t.id,contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId,counterparty:t.buyer,credits:i?ut(t.manaWei,i):null,manaWei:t.manaWei,createdAt:t.createdAt,txHash:t.txHash}}function bt(t){const o=gt(t.purchases.filter(s=>s.status!=="EXPIRED")).map(s=>({kind:"purchase",id:`purchase:${s.id}`,createdAt:s.createdAt,order:s})),n=t.sales.map(s=>{const l=yt(s,t.rate);return{kind:"sale",id:`sale:${l.id}`,createdAt:l.createdAt,sale:l}}),a=(t.creditOrders??[]).filter(s=>s.status!=="EXPIRED").map(s=>({kind:"credit",id:`credit:${s.id}`,createdAt:s.createdAt,order:s}));return[...o,...n,...a].sort((s,l)=>l.createdAt-s.createdAt||(s.id<l.id?-1:1))}function vt(t,i){return i==="all"?t:i==="sales"?t.filter(o=>o.kind==="sale"):t.filter(o=>o.kind==="purchase"||o.kind==="credit")}const z=t=>t.trim().toLowerCase();function jt(t){const i=new Map;for(const o of t??[]){const n=z(o.txHash??"");if(!n)continue;const a=i.get(n);a?a.push(o):i.set(n,[o])}return i}function kt(t,i,o=Date.now()){const n=i.txHash?t.get(z(i.txHash)):void 0;if(!n||n.length===0)return{kind:"direct"};const a=n.length===1?wt(n[0].netCents):null,s=n.filter(h=>!h.available&&h.availableAt>o);if(s.length===0)return{kind:"credited",credits:a};const l=s.reduce((h,x)=>Math.max(h,x.availableAt),0);return{kind:"pending",credits:a,availableAt:l}}function wt(t){return Math.floor(t/10)}const $t="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/assets/credits-product-vs4Q6u6l.svg",It="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%200L24%2012L12%2024L0%2012L12%200ZM12.0002%203.36001L20.6402%2012L12.0002%2020.64L3.36023%2012L12.0002%203.36001ZM12.0009%2016.32C14.3868%2016.32%2016.3209%2014.3859%2016.3209%2012C16.3209%209.61415%2014.3868%207.68002%2012.0009%207.68002C9.61507%207.68002%207.68094%209.61415%207.68094%2012C7.68094%2014.3859%209.61507%2016.32%2012.0009%2016.32Z'%20fill='%2316141A'/%3e%3c/svg%3e",k=it`
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-`,At=c.section`
-  width: 100%;
-  min-width: 0;
-  min-height: 60vh;
-`,Lt=c.div`
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  margin-bottom: 20px;
-`,Pt=c.h1`
-  font-family: ${r.font.sans};
-  margin: 0;
-`;c.span`
-  color: ${r.colors.muted};
-  font-size: 14px;
-`;const Nt=c.div`
-  display: flex;
-  gap: 8px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-`,Ct=c.button`
-  appearance: none;
-  border: 1px solid ${r.colors.line};
-  background: ${r.colors.white};
-  color: ${r.colors.text};
-  font-family: ${r.font.sans};
-  font-size: 14px;
-  font-weight: 600;
-  padding: 8px 16px;
-  min-height: 40px;
-  border-radius: ${r.radius.pill};
-  cursor: pointer;
-  transition:
-    background 0.15s,
-    border-color 0.15s,
-    color 0.15s;
-
-  &:hover {
-    background: ${r.colors.media};
-  }
-  &:focus-visible {
-    outline: 2px solid ${r.colors.accent};
-    outline-offset: 2px;
-  }
-  &[data-active='true'] {
-    background: ${r.colors.accent};
-    border-color: ${r.colors.accent};
-    color: ${r.colors.white};
-  }
-`,M=c.div`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  max-width: 760px;
-`,w=c.div`
-  background: ${r.colors.white};
-  border: 1px solid ${r.colors.line};
-  border-radius: 16px;
-  overflow: hidden;
-`,$=c.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 14px 18px;
-  background: ${r.colors.softWhite};
-  border-bottom: 1px solid ${r.colors.line};
-
-  ${r.media.down("mobile")} {
-    flex-wrap: wrap;
-  }
-`,I=c.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-`,A=c.span`
-  font-weight: 700;
-  color: ${r.colors.text};
-`,L=c.span`
-  font-size: 13px;
-  color: ${r.colors.muted};
-`,P=c.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;
-`,Et=c.div`
-  flex: 0 0 auto;
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${r.colors.media};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  img {
-    width: 30px;
-    height: 30px;
-    display: block;
-  }
-`,N=c.span`
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  padding: 4px 10px;
-  border-radius: ${r.radius.pill};
-  white-space: nowrap;
-
-  &[data-status='SETTLED'] {
-    background: rgba(30, 166, 114, 0.14);
-    color: ${r.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: ${r.colors.accent};
-  }
-`,p=c.div`
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  font-weight: 800;
-  color: ${r.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: ${r.colors.okStrong};
-  }
-`,Tt=c.img`
-  width: 16px;
-  height: 16px;
-  vertical-align: -0.15em;
-`,St=c.span`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-`,Mt=c.span`
-  position: fixed;
-  transform: translateX(-50%);
-  padding: 6px 8px;
-  border-radius: 6px;
-  background: #16141a;
-  color: #fff;
-  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=c.div`
-  display: flex;
-  flex-direction: column;
-`,C=c.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 ${r.colors.line};
-  }
-
-  &[data-link='true'] {
-    transition: background 0.15s;
-  }
-  &[data-link='true']:hover {
-    background: ${r.colors.media};
-  }
-  &[data-link='true']:focus-visible {
-    outline: 2px solid ${r.colors.accent};
-    outline-offset: -2px;
-  }
-`,q=c.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${r.colors.media};
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${r.colors.muted2};
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,B=c.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: linear-gradient(100deg, ${r.colors.media} 30%, ${r.colors.panel} 50%, ${r.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${k} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,R=c.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`,G=c.span`
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,W=c.span`
-  display: inline-block;
-  width: 140px;
-  max-width: 60%;
-  height: 12px;
-  border-radius: 6px;
-  background: linear-gradient(100deg, ${r.colors.media} 30%, ${r.colors.panel} 50%, ${r.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${k} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,U=c.span`
-  font-size: 13px;
-  color: ${r.colors.muted};
-`,Ft=c.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-weight: 700;
-  color: ${r.colors.text};
-  white-space: nowrap;
-
-  .ccy-mark {
-    width: 14px;
-    height: 14px;
-  }
-`,F=c.div`
-  height: 132px;
-  border-radius: 16px;
-  border: 1px solid transparent;
-  background: linear-gradient(100deg, ${r.colors.media} 30%, ${r.colors.panel} 50%, ${r.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${k} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,Z=c.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  text-align: center;
-  padding: 90px 20px;
-  min-height: 50vh;
-`,_=c.p`
-  font-size: 22px;
-  font-weight: 700;
-  margin: 6px 0 0;
-`,Dt=c(nt)`
-  margin-top: 12px;
-`,K=C.withComponent(D),v=24,Ht=["all","purchases","sales"];function g(t){try{return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function zt(t){return t.length>10?`${t.slice(0,6)}…${t.slice(-4)}`:t}function Ot(t){const i=Number(t)/1e18;return Number.isFinite(i)?i.toLocaleString("en",{maximumFractionDigits:2}):"0"}function qt({children:t}){const i=m.useRef(null),[o,n]=m.useState(null),a=()=>{var l;const s=(l=i.current)==null?void 0:l.getBoundingClientRect();s&&n({top:s.bottom+8,left:s.left+s.width/2})};return e.jsxs(St,{ref:i,tabIndex:0,onMouseEnter:a,onMouseLeave:()=>n(null),onFocus:a,onBlur:()=>n(null),children:[t,o?et.createPortal(e.jsx(Mt,{style:{top:o.top,left:o.left},role:"tooltip",children:d("activity.polygonMana")}),document.body):null]})}function Bt({item:t}){const{data:i,isLoading:o}=j({queryKey:["trade-display",t.tradeId],queryFn:()=>dt(t.tradeId),enabled:!!t.tradeId,staleTime:3e5}),n=!!t.tradeId&&o,a=(i==null?void 0:i.name)??d("activity.itemFallback"),s=(i==null?void 0:i.thumbnail)??"",l=H({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,h=e.jsxs(e.Fragment,{children:[n?e.jsx(B,{}):e.jsx(q,{children:s?e.jsx("img",{src:s,alt:a}):e.jsx(f,{name:"cart",size:20})}),e.jsxs(R,{children:[n?e.jsx(W,{}):e.jsx(G,{title:a,children:a}),t.quantity>1?e.jsx(U,{children:d("activity.quantity",{count:t.quantity})}):null]}),e.jsxs(Ft,{children:[e.jsx(y,{className:"ccy-mark"})," ",t.credits]})]});return l?e.jsx(K,{to:l,"data-link":"true",children:h}):e.jsx(C,{children:h})}function Rt({order:t}){const i=ft(t.lines),o=i.reduce((n,a)=>n+a.quantity,0);return e.jsxs(w,{"data-testid":"purchase-order",children:[e.jsxs($,{children:[e.jsxs(I,{children:[e.jsx(A,{children:g(t.createdAt)}),e.jsxs(L,{children:[d("activity.purchaseLabel")," · ",d("activity.itemCount",{count:o})]})]}),e.jsxs(P,{children:[e.jsx(N,{"data-status":t.status,children:t.status==="PENDING"?d("activity.processing"):d("activity.completed")}),e.jsxs(p,{children:[e.jsx(y,{className:"ccy-mark"})," ",t.totalCredits]})]})]}),e.jsx(O,{children:i.map(n=>e.jsx(Bt,{item:n},n.key))})]})}function Gt({sale:t,payout:i}){const{data:o,isLoading:n}=j({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>lt(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),a=(o==null?void 0:o.name)??d("activity.itemFallback"),s=(o==null?void 0:o.thumbnail)??"",l=H({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,h=e.jsxs(e.Fragment,{children:[n?e.jsx(B,{}):e.jsx(q,{children:s?e.jsx("img",{src:s,alt:a}):e.jsx(f,{name:"offer",size:20})}),e.jsxs(R,{children:[n?e.jsx(W,{}):e.jsx(G,{title:a,children:a}),e.jsxs(U,{children:[d("activity.soldTo",{account:zt(t.counterparty)}),i.kind==="pending"?` · ${d("activity.payoutPendingOn",{date:g(i.availableAt)})}`:""]})]})]});return e.jsxs(w,{"data-testid":"activity-sale",children:[e.jsxs($,{children:[e.jsxs(I,{children:[e.jsx(A,{children:g(t.createdAt)}),e.jsx(L,{children:d("activity.saleLabel")})]}),e.jsxs(P,{children:[e.jsx(N,{"data-status":i.kind==="pending"?"PENDING":"SOLD",children:i.kind==="pending"?d("activity.payoutPending"):d("activity.sold")}),i.kind==="direct"?e.jsxs(p,{"data-kind":"income",children:["+",Ot(t.manaWei)," ",e.jsx(qt,{children:e.jsx(Tt,{src:It,alt:"MANA"})})]}):i.credits!==null?e.jsxs(p,{"data-kind":"income",children:[e.jsx(y,{className:"ccy-mark"})," +",ct(i.credits)]}):e.jsx(p,{"data-kind":"income",children:d("activity.payoutCredited")})]})]}),e.jsx(O,{children:l?e.jsx(K,{to:l,"data-link":"true",children:h}):e.jsx(C,{children:h})})]})}function Wt({order:t}){const i=`$${(t.usdCents/100).toFixed(2)}`;return e.jsx(w,{"data-testid":"credit-order",children:e.jsxs($,{children:[e.jsx(Et,{children:e.jsx("img",{src:$t,alt:"","aria-hidden":!0})}),e.jsxs(I,{children:[e.jsx(A,{children:g(t.createdAt)}),e.jsxs(L,{children:[d("activity.creditPurchaseLabel")," · ",d("activity.creditPaid",{usd:i})]})]}),e.jsxs(P,{children:[e.jsx(N,{"data-status":t.status,children:t.status==="PENDING"?d("activity.processing"):d("activity.completed")}),e.jsxs(p,{"data-kind":"income",children:["+",e.jsx(y,{className:"ccy-mark"})," ",t.credits]})]})]})})}function Ut({filter:t}){const i={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(Z,{children:[e.jsx(f,{name:i.icon,size:40,color:"var(--muted-2)"}),e.jsx(_,{children:i.title}),e.jsx("p",{className:"muted",children:i.body}),t!=="sales"?e.jsx(Dt,{as:D,to:"/assets",variant:"purple",children:d("notFound.cta")}):null]})}function ne(){st({title:d("nav.activity"),noindex:!0});const{session:t}=at(),[i,o]=m.useState("all"),n=!!t&&i!=="sales",a=!!t&&i!=="purchases",s=b(["purchases",t==null?void 0:t.address],u=>ot(t.address,t.identity,{first:v,skip:u}),{enabled:n}),l=b(["sales",t==null?void 0:t.address],u=>rt(t.address,{role:"seller",first:v,skip:u}),{enabled:a}),h=b(["credit-orders",t==null?void 0:t.address],u=>S(t.address,t.identity,{first:v,skip:u}),{enabled:n}),{data:x}=j({queryKey:["sale-payouts",t==null?void 0:t.address],queryFn:()=>S(t.address,t.identity,{first:200}).then(u=>u.payouts),enabled:a,staleTime:6e4}),X=m.useMemo(()=>jt(x),[x]),{data:Q}=ht(a);if(!t)return e.jsxs(Z,{children:[e.jsx(f,{name:"clock",size:40,color:"var(--muted-2)"}),e.jsx(_,{children:d("activity.signInTitle")}),e.jsx("p",{className:"muted",children:d("activity.signInBody")})]});const E=vt(bt({purchases:n?s.items:[],sales:a?l.items:[],creditOrders:n?h.items:[],rate:Q}),i),J=n&&(s.isLoading||h.isLoading)||a&&l.isLoading,T=n&&(s.isFetchingNextPage||h.isFetchingNextPage)||a&&l.isFetchingNextPage,V=n&&(s.hasNextPage||h.hasNextPage)||a&&l.hasNextPage;function Y(){n&&s.hasNextPage&&s.fetchNextPage(),n&&h.hasNextPage&&h.fetchNextPage(),a&&l.hasNextPage&&l.fetchNextPage()}return e.jsxs(At,{children:[e.jsx(Lt,{children:e.jsx(Pt,{children:d("nav.activity")})}),e.jsx(Nt,{role:"tablist","aria-label":d("nav.activity"),children:Ht.map(u=>e.jsx(Ct,{type:"button",role:"tab","aria-selected":i===u,"data-active":i===u,"data-testid":`activity-filter-${u}`,onClick:()=>o(u),children:d(`activity.filter.${u}`)},u))}),J?e.jsx(M,{children:Array.from({length:5}).map((u,tt)=>e.jsx(F,{},tt))}):E.length===0?e.jsx(Ut,{filter:i}):e.jsxs(e.Fragment,{children:[e.jsxs(M,{children:[E.map(u=>u.kind==="purchase"?e.jsx(Rt,{order:u.order},u.id):u.kind==="credit"?e.jsx(Wt,{order:u.order},u.id):e.jsx(Gt,{sale:u.sale,payout:kt(X,u.sale)},u.id)),T?e.jsx(F,{}):null]}),e.jsx(pt,{hasNextPage:V,isFetching:T,onLoadMore:Y})]})]})}export{ne as Activity};