npm - @dcl/shop - Versions diffs - 0.6.1-30951438943.commit-29cea86 → 0.6.1 - Mend

@dcl/shop 0.6.1-30951438943.commit-29cea86 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (172) hide show

package/index.html CHANGED Viewed

@@ -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.6.1-30951438943.commit-29cea86/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.6.1-30951438943.commit-29cea86/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.6.1/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.6.1/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.6.1-30951438943.commit-29cea86/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.6.1/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.6.1-30951438943.commit-29cea86/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.6.1/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.6.1-30951438943.commit-29cea86/_assets/index-BK186nFF.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1-30951438943.commit-29cea86/_assets/react-DehiWSvs.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1-30951438943.commit-29cea86/_assets/sentry-973sfbO9.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1-30951438943.commit-29cea86/_assets/dcl-schemas-Dr9BTjb7.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1-30951438943.commit-29cea86/_assets/ethers-CtNGBird.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1-30951438943.commit-29cea86/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1-30951438943.commit-29cea86/_assets/index-D-NhBWWr.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.6.1/_assets/index-C50bRdDg.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1/_assets/react-DehiWSvs.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1/_assets/sentry-973sfbO9.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1/_assets/dcl-schemas-Dr9BTjb7.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1/_assets/ethers-CtNGBird.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.6.1/_assets/index-D-NhBWWr.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.6.1-30951438943.commit-29cea86",
+  "version": "0.6.1",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "29cea867a0bd6d3a518aab88da63ec1d670571db"
+  "commit": "ab739fbb90d47f82066003396deba8b9ab9f9c34"
 }

package/_assets/Activity-Bcut5fRy.js DELETED Viewed

@@ -1,357 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-B1Fh_Ntj.js","_assets/react-DehiWSvs.js","_assets/index-BK186nFF.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-kOA7rsjp.js","_assets/buy-PW05H439.js","_assets/authorizations-BWL7qlKm.js","_assets/sendMetaTransaction-X4QLi3Hi.js","_assets/trade-encoding-C7Wym_F1.js","_assets/ManaPricingBanner.styles-06X913rg.js","_assets/field.styles-vC92Xftn.js"])))=>i.map(i=>d[i]);
-import{m as bt,bv as yt,s as h,t as s,q as vt,B as wt,l as jt,v as kt,d,o as $,b3 as It,I as j,bw as Z,bx as J,by as At,_ as $t,x as P,bz as Pt,b7 as z,av as Lt,bA as Tt,bB as H}from"./index-BK186nFF.js";import{r as y,e as Nt,j as e,L as et,a as Et}from"./react-DehiWSvs.js";import{u as Ct}from"./useImportable-kOA7rsjp.js";import{L as St}from"./LoadMore-69ZjUVQ9.js";import{u as I}from"./useInfiniteGrid-CdPr9eL9.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-PW05H439.js";import"./authorizations-BWL7qlKm.js";import"./sendMetaTransaction-X4QLi3Hi.js";import"./trade-encoding-C7Wym_F1.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),n=[];for(const i of a){const c=n[n.length-1];c&&Mt(c[c.length-1],i)?c.push(i):n.push([i])}return n.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,u)=>r+u.credits,0),lines:i}})}function zt(t){return t.tradeId?`trade:${t.tradeId}`:t.contractAddress&&t.itemId?`item:${t.contractAddress.toLowerCase()}:${t.itemId}`:null}function Ht(t){const a=[],n=new Map;for(const i of t){const c=zt(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=n.get(c);if(r){r.quantity+=1,r.credits+=i.credits;continue}const u={key:c,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits};n.set(c,u),a.push(u)}return a}function qt(t,a){return{id:t.id,contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId,counterparty:t.buyer,credits:a?bt(t.manaWei,a):null,manaWei:t.manaWei,createdAt:t.createdAt,txHash:t.txHash}}function Ot(t){const n=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=qt(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())),u=(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[...n,...i,...c,...u].sort((o,p)=>p.createdAt-o.createdAt||(o.id<p.id?-1:1))}function Wt(t,a){return a==="all"?t:a==="sales"?t.filter(n=>n.kind==="sale"):t.filter(n=>n.kind==="purchase"||n.kind==="credit"||n.kind==="mana-purchase")}const at=t=>t.trim().toLowerCase();function Rt(t){const a=new Map;for(const n of t??[]){const i=at(n.txHash??"");if(!i)continue;const c=a.get(i);c?c.push(n):a.set(i,[n])}return a}function _t(t,a,n=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>n);if(r.length===0)return{kind:"credited",credits:c};const u=r.reduce((o,p)=>Math.max(o,p.availableAt),0);return{kind:"pending",credits:c,availableAt:u}}function Bt(t){return yt(t)}const Gt="https://cdn.decentraland.org/@dcl/shop/0.6.1-30951438943.commit-29cea86/_assets/credits-product-vs4Q6u6l.svg",q=vt`
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-`,Ut=h.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.
-     1003px is the tool's own width in the design, which puts its rows at the 979px they are drawn at. */
-  &[data-view='migrate'] {
-    max-width: 1003px;
-  }
-`,Kt=h.div`
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  margin-bottom: 20px;
-`,Vt=h.h1`
-  font-family: ${s.font.sans};
-  margin: 0;
-`;h.span`
-  color: ${s.colors.muted};
-  font-size: 14px;
-`;const Qt=h.div`
-  display: flex;
-  gap: 8px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-`,st=h.button`
-  appearance: none;
-  /* Figma draws the row as a 0.5px Gray 4 hairline, a shade darker and half the weight of the card
-     border this used, and sets the label a point smaller with the tracking the shop's other 13px
-     pills carry. */
-  border: 0.5px solid ${s.colors.gray4};
-  background: ${s.colors.white};
-  color: ${s.colors.text};
-  font-family: ${s.font.sans};
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  /* The design gives the pill a flat 40px and no vertical padding, centring the 24px line box inside
-     it — so the height is the 40 it draws rather than the sum of a line box, padding and a border. */
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 16px;
-  min-height: 40px;
-  border-radius: ${s.radius.pill};
-  cursor: pointer;
-  transition:
-    background 0.15s,
-    border-color 0.15s,
-    color 0.15s;
-  &:hover {
-    background: ${s.colors.media};
-  }
-  &:focus-visible {
-    outline: 2px solid ${s.colors.accent};
-    outline-offset: 2px;
-  }
-  &[data-active='true'] {
-    background: ${s.colors.accent};
-    border-color: ${s.colors.accent};
-    color: ${s.colors.white};
-  }
-`,Xt=h(st)`
-  position: relative;
-  /* 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: ${s.colors.white};
-    color: ${s.colors.accent};
-    /* See MigrateBadge: a white ring would vanish into the page here, since the disc itself is white. */
-    box-shadow: 0 0 0 2px ${s.colors.accent};
-  }
-`,Zt=h.span`
-  position: absolute;
-  /* Offsets run from the chip's PADDING box, so they carry the 1px its hairline occupies in layout on
-     top of the 5.5 / 2.5 the design measures from the pill's outer edge. */
-  top: -6.5px;
-  right: -3.5px;
-  display: grid;
-  place-items: center;
-  /* The chip's tracking would otherwise widen the disc off its 20px. */
-  letter-spacing: normal;
-  /* Figma only ever draws a single digit, as a fixed 20px disc. The padding is what lets a two- or
-     three-figure count grow leftwards out of the corner instead of spilling out of the circle. */
-  min-width: 20px;
-  height: 20px;
-  padding: 0 6px;
-  border-radius: ${s.radius.pill};
-  background: ${s.colors.brandViolet};
-  /**
-   * A ring, whose colour has to FOLLOW THE DISC rather than the page.
-   *
-   * The disc hangs off the corner: part of it sits on the chip, part on the page. Unselected it is violet
-   * on white, so it already reads and the white ring only separates it from the chip's grey hairline.
-   * Selected, the chip inverts it to white on violet — and a white disc against the white page has no edge
-   * at all along the half that overhangs, which is the state where the circle looked unfinished. That case
-   * needs the ring in the chip's accent instead (below), so the disc keeps a hard edge on both surfaces.
-   *
-   * box-shadow rather than a border: a border would grow the 20px disc the design fixes, while a spread
-   * shadow draws outside the box.
-   */
-  box-shadow: 0 0 0 2px ${s.colors.white};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 1.6;
-  color: ${s.colors.white};
-`,Jt=h.div`
-  min-height: 60vh;
-`,Y=h.div`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-`,L=h.div`
-  background: ${s.colors.white};
-  border: 1px solid ${s.colors.line};
-  border-radius: 16px;
-  overflow: hidden;
-`,T=h.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 14px 18px;
-  background: ${s.colors.softWhite};
-  border-bottom: 1px solid ${s.colors.line};
-  ${s.media.maxWidth("mobile")} {
-    flex-wrap: wrap;
-  }
-`,N=h.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-`,E=h.span`
-  font-weight: 700;
-  color: ${s.colors.text};
-`,C=h.span`
-  font-size: 13px;
-  color: ${s.colors.muted};
-`,S=h.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=h.div`
-  flex: 0 0 auto;
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${s.colors.media};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  img {
-    width: 30px;
-    height: 30px;
-    display: block;
-  }
-`,F=h.span`
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  padding: 4px 10px;
-  border-radius: ${s.radius.pill};
-  white-space: nowrap;
-  &[data-status='SETTLED'] {
-    background: rgba(30, 166, 114, 0.14);
-    color: ${s.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: ${s.colors.accent};
-  }
-  &[data-status='FAILED'] {
-    background: rgba(214, 61, 61, 0.14);
-    color: #b02a2a;
-  }
-`,v=h.div`
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  font-weight: 800;
-  color: ${s.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: ${s.colors.okStrong};
-  }
-`,nt=h.img`
-  width: 16px;
-  height: 16px;
-  vertical-align: -0.15em;
-`,te=h.span`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-`,ee=h.span`
-  position: fixed;
-  transform: translateX(-50%);
-  padding: 6px 8px;
-  border-radius: 6px;
-  background: #16141a;
-  color: ${s.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=h.div`
-  display: flex;
-  flex-direction: column;
-`,M=h.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 ${s.colors.line};
-  }
-  &[data-link='true'] {
-    transition: background 0.15s;
-  }
-  &[data-link='true']:hover {
-    background: ${s.colors.media};
-  }
-  &[data-link='true']:focus-visible {
-    outline: 2px solid ${s.colors.accent};
-    outline-offset: -2px;
-  }
-`,W=h.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${s.colors.media};
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${s.colors.muted2};
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,R=h.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: linear-gradient(100deg, ${s.colors.media} 30%, ${s.colors.panel} 50%, ${s.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${q} 1.3s infinite linear;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,_=h.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`,B=h.span`
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,G=h.span`
-  display: inline-block;
-  width: 140px;
-  max-width: 60%;
-  height: 12px;
-  border-radius: 6px;
-  background: linear-gradient(100deg, ${s.colors.media} 30%, ${s.colors.panel} 50%, ${s.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${q} 1.3s infinite linear;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,U=h.span`
-  font-size: 13px;
-  color: ${s.colors.muted};
-`,ie=h.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-weight: 700;
-  color: ${s.colors.text};
-  white-space: nowrap;
-  .ccy-mark {
-    width: 14px;
-    height: 14px;
-  }
-`,tt=h.div`
-  height: 132px;
-  border-radius: 16px;
-  border: 1px solid transparent;
-  background: linear-gradient(100deg, ${s.colors.media} 30%, ${s.colors.panel} 50%, ${s.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${q} 1.3s infinite linear;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,rt=h.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  text-align: center;
-  padding: 90px 20px;
-  min-height: 50vh;
-`,ot=h.p`
-  font-size: 22px;
-  font-weight: 700;
-  margin: 6px 0 0;
-`,ae=h(wt)`
-  margin-top: 12px;
-`,K=M.withComponent(et),se=y.lazy(()=>$t(()=>import("./index-B1Fh_Ntj.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(t=>({default:t.ImportListings}))),A=24,ne=["all","purchases","sales"],D="migrate";function w(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),[n,i]=y.useState(null),c=()=>{var u;const r=(u=a.current)==null?void 0:u.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,n?Et.createPortal(e.jsx(ee,{style:{top:n.top,left:n.left},role:"tooltip",children:d("activity.polygonMana")}),document.body):null]})}function re({item:t}){const a=!!t.contractAddress&&!!t.itemId,n=!!t.tradeId||a,{data:i,isLoading:c}=$({queryKey:["order-line-display",t.tradeId,t.contractAddress,t.itemId],queryFn:()=>t.tradeId?Tt(t.tradeId):H(t.contractAddress,{itemId:t.itemId}),enabled:n,staleTime:5*6e4}),r=n&&c,u=(i==null?void 0:i.name)??d("activity.itemFallback"),o=(i==null?void 0:i.thumbnail)??"",p=z({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,x=e.jsxs(e.Fragment,{children:[r?e.jsx(R,{}):e.jsx(W,{children:o?e.jsx("img",{src:o,alt:u}):e.jsx(j,{name:"cart",size:20})}),e.jsxs(_,{children:[r?e.jsx(G,{}):e.jsx(B,{title:u,children:u}),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:x}):e.jsx(M,{children:x})}function oe({order:t}){const a=Ht(t.lines),n=a.reduce((i,c)=>i+c.quantity,0);return e.jsxs(L,{"data-testid":"purchase-order",children:[e.jsxs(T,{children:[e.jsxs(N,{children:[e.jsx(E,{children:w(t.createdAt)}),e.jsxs(C,{children:[d("activity.purchaseLabel")," · ",d("activity.itemCount",{count:n})]})]}),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:n}=$({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>H(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=z({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,u=e.jsxs(e.Fragment,{children:[n?e.jsx(R,{}):e.jsx(W,{children:c?e.jsx("img",{src:c,alt:i}):e.jsx(j,{name:"offer",size:20})}),e.jsxs(_,{children:[n?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(T,{children:[e.jsxs(N,{children:[e.jsx(E,{children:w(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(nt,{src:it,alt:"MANA"})})]})]})]}),e.jsx(O,{children:r?e.jsx(K,{to:r,"data-link":"true",children:u}):e.jsx(M,{children:u})})]})}function de({sale:t,payout:a}){const{data:n,isLoading:i}=$({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>H(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),c=(n==null?void 0:n.name)??d("activity.itemFallback"),r=(n==null?void 0:n.thumbnail)??"",u=z({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,o=e.jsxs(e.Fragment,{children:[i?e.jsx(R,{}):e.jsx(W,{children:r?e.jsx("img",{src:r,alt:c}):e.jsx(j,{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:w(a.availableAt)})}`:""]})]})]});return e.jsxs(L,{"data-testid":"activity-sale",children:[e.jsxs(T,{children:[e.jsxs(N,{children:[e.jsx(E,{children:w(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(nt,{src:it,alt:"MANA"})})]}):a.credits!==null?e.jsxs(v,{"data-kind":"income",children:[e.jsx(P,{className:"ccy-mark"})," +",Lt(a.credits)]}):e.jsx(v,{"data-kind":"income",children:d("activity.payoutCredited")})]})]}),e.jsx(O,{children:u?e.jsx(K,{to:u,"data-link":"true",children:o}):e.jsx(M,{children:o})})]})}function le({order:t}){const a=`$${(t.usdCents/100).toFixed(2)}`,n=Pt(t.status),i=n==="SETTLED"?d("activity.completed"):n==="FAILED"?d("activity.failed"):d("activity.processing");return e.jsx(L,{"data-testid":"credit-order",children:e.jsxs(T,{children:[e.jsx(Yt,{children:e.jsx("img",{src:Gt,alt:"","aria-hidden":!0})}),e.jsxs(N,{children:[e.jsx(E,{children:w(t.createdAt)}),e.jsxs(C,{children:[d("activity.creditPurchaseLabel")," · ",d("activity.creditPaid",{usd:a})]})]}),e.jsxs(S,{children:[e.jsx(F,{"data-status":n,children:i}),e.jsxs(v,{"data-kind":"income",children:["+",e.jsx(P,{className:"ccy-mark"})," ",t.credits]})]})]})})}function he({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(j,{name:a.icon,size:40,color:s.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 $e(){const{session:t}=jt(),[a,n]=y.useState("all"),[i,c]=Nt(),r=i.get("view")===D;kt({title:r?d("seo.import.title"):d("nav.activity"),noindex:!0});const{count:u}=Ct(),o=u!==void 0&&(u>0||r),p=!!t&&!r&&a!=="sales",x=!!t&&!r&&a!=="purchases",m=I(["purchases",t==null?void 0:t.address],l=>At(t.address,t.identity,{first:A,skip:l}),{enabled:p}),g=I(["sales",t==null?void 0:t.address],l=>Z(t.address,{role:"seller",first:A,skip:l}),{enabled:x}),f=I(["credit-orders",t==null?void 0:t.address],l=>J(t.address,t.identity,{first:A,skip:l}),{enabled:p}),b=I(["mana-purchases",t==null?void 0:t.address],l=>Z(t.address,{role:"buyer",first:A,skip:l}),{enabled:p}),{data:V}=$({queryKey:["sale-payouts",t==null?void 0:t.address],queryFn:()=>J(t.address,t.identity,{first:200}).then(l=>l.payouts),enabled:x,staleTime:6e4}),ht=y.useMemo(()=>Rt(V),[V]),{data:ut}=It(x);if(!t)return e.jsxs(rt,{children:[e.jsx(j,{name:"clock",size:40,color:s.colors.muted2}),e.jsx(ot,{children:d("activity.signInTitle")}),e.jsx("p",{className:"muted",children:d("activity.signInBody")})]});const Q=Wt(Ot({purchases:p?m.items:[],sales:x?g.items:[],creditOrders:p?f.items:[],manaPurchases:p?b.items:[],rate:ut}),a),pt=p&&(m.isLoading||f.isLoading||b.isLoading)||x&&g.isLoading,X=p&&(m.isFetchingNextPage||f.isFetchingNextPage||b.isFetchingNextPage)||x&&g.isFetchingNextPage,xt=p&&(m.hasNextPage||f.hasNextPage||b.hasNextPage)||x&&g.hasNextPage;function mt(){p&&m.hasNextPage&&m.fetchNextPage(),p&&f.hasNextPage&&f.fetchNextPage(),p&&b.hasNextPage&&b.fetchNextPage(),x&&g.hasNextPage&&g.fetchNextPage()}function gt(l){if(n(l),!r)return;const k=new URLSearchParams(i);k.delete("view"),c(k,{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:[ne.map(l=>e.jsx(st,{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":u?d("activity.migrate.chipAria",{count:u}):void 0,onClick:ft,children:[d("activity.migrate.chip"),u?e.jsx(Zt,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:u}):null]}):null]}),r?e.jsx(y.Suspense,{fallback:e.jsx(Jt,{"aria-busy":"true"}),children:e.jsx(se,{})}):pt?e.jsx(Y,{children:Array.from({length:5}).map((l,k)=>e.jsx(tt,{},k))}):Q.length===0?e.jsx(he,{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(ht,l.sale)},l.id)),X?e.jsx(tt,{}):null]}),e.jsx(St,{hasNextPage:xt,isFetching:X,onLoadMore:mt})]})]})}export{$e as Activity};