npm - @dcl/shop - Versions diffs - 1.3.1-31252242626.commit-c73d75c → 1.4.0 - Mend

@dcl/shop 1.3.1-31252242626.commit-c73d75c → 1.4.0

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 (178) 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/1.3.1-31252242626.commit-c73d75c/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/1.3.1-31252242626.commit-c73d75c/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/1.4.0/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/1.4.0/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/1.3.1-31252242626.commit-c73d75c/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/1.4.0/site.webmanifest" />
     <!-- Open Graph.
@@ -58,7 +58,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/1.3.1-31252242626.commit-c73d75c/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/1.4.0/sitemap.xml" />
     <!-- Warm the 3D preview / fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -70,13 +70,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/1.3.1-31252242626.commit-c73d75c/_assets/index-CJmYIHke.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.3.1-31252242626.commit-c73d75c/_assets/react-BYHuwl8r.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.3.1-31252242626.commit-c73d75c/_assets/dcl-schemas-CmtP3U6y.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.3.1-31252242626.commit-c73d75c/_assets/sentry-Dx-KuLV3.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.3.1-31252242626.commit-c73d75c/_assets/ethers-BDpbhgX6.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.3.1-31252242626.commit-c73d75c/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.3.1-31252242626.commit-c73d75c/_assets/index-l2QjlKjX.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/1.4.0/_assets/index-Dzr3wWqM.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.4.0/_assets/react-BYHuwl8r.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.4.0/_assets/dcl-schemas-CmtP3U6y.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.4.0/_assets/sentry-Dx-KuLV3.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.4.0/_assets/ethers-BDpbhgX6.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.4.0/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.4.0/_assets/index-l2QjlKjX.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "1.3.1-31252242626.commit-c73d75c",
+  "version": "1.4.0",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "c73d75cf513799f48623295429c16abde6acd8b0"
+  "commit": "956da0c16511cfd8d9b15718f7dfce0361a6ae7d"
 }

package/_assets/Activity-MdeNPdAy.js DELETED Viewed

@@ -1,378 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-C7hbjfPZ.js","_assets/react-BYHuwl8r.js","_assets/index-CJmYIHke.js","_assets/dcl-schemas-CmtP3U6y.js","_assets/sentry-Dx-KuLV3.js","_assets/ethers-BDpbhgX6.js","_assets/intl-CBcMB1D2.js","_assets/index-l2QjlKjX.css","_assets/useImportable-VbRNEeu4.js","_assets/buy-C8cZuDKG.js","_assets/authorizations-B8zfFZri.js","_assets/sendMetaTransaction-ChBpXQUv.js","_assets/ManaPricingBanner.styles-ClU3x0BU.js","_assets/Faq-BwOgrdK2.js","_assets/field.styles-DeEM1NvZ.js"])))=>i.map(i=>d[i]);
-import{q as At,bF as Et,v as O,l as A,bG as $t,t as n,s as l,x as Lt,B as Pt,y as Nt,b as r,an as Tt,I as E,bH as it,bI as st,bJ as St,_ as Ft,A as N,bK as Ct,D as Dt,aF as W,L as Mt,bL as Ht,F as $,bM as qt,bN as _}from"./index-CJmYIHke.js";import{r as g,u as zt,j as e,L as ot,e as Rt}from"./react-BYHuwl8r.js";import{u as Ot}from"./useImportable-VbRNEeu4.js";import{L as Wt}from"./LoadMore-CKSYwQSC.js";import{u as L}from"./useInfiniteGrid-CqVFUAZB.js";import{m as ct}from"./mana-matic-C4e1sNO3.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./buy-C8cZuDKG.js";import"./authorizations-B8zfFZri.js";import"./sendMetaTransaction-ChBpXQUv.js";const _t=15e3;function Gt(t,s){return t.txHash&&s.txHash?t.txHash===s.txHash:t.txHash||s.txHash?!1:t.status===s.status&&Math.abs(t.createdAt-s.createdAt)<=_t}function Ut(t){const s=[...t].sort((i,c)=>c.createdAt-i.createdAt),a=[];for(const i of s){const c=a[a.length-1];c&&Gt(c[c.length-1],i)?c.push(i):a.push([i])}return a.map(i=>{var c;return{id:((c=i.find(o=>o.txHash))==null?void 0:c.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(o=>o.createdAt)),status:Bt(i),totalCredits:i.reduce((o,h)=>o+h.credits,0),lines:i}})}function Bt(t){return t.some(s=>s.status==="PENDING")?"PENDING":t.some(s=>s.status==="SETTLED")?"SETTLED":"EXPIRED"}function Kt(t){return t==="SETTLED"?"SETTLED":t==="EXPIRED"?"FAILED":"PENDING"}function Qt(t){return t.tradeId?`trade:${t.tradeId}`:t.contractAddress&&t.itemId?`item:${t.contractAddress.toLowerCase()}:${t.itemId}`:null}function Xt(t){const s=[],a=new Map;for(const i of t){const c=Qt(i);if(!c){s.push({key:i.id,tradeId:null,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits});continue}const o=a.get(c);if(o){o.quantity+=1,o.credits+=i.credits;continue}const h={key:c,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits};a.set(c,h),s.push(h)}return s}function Vt(t,s){return{id:t.id,contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId,counterparty:t.buyer,credits:s?At(t.manaWei,s):null,manaWei:t.manaWei,createdAt:t.createdAt,txHash:t.txHash}}function Yt(t){return t.status!=="EXPIRED"||!!t.submittedTxHash}function Jt(t){const a=Ut(t.purchases.filter(Yt)).map(d=>({kind:"purchase",id:`purchase:${d.id}`,createdAt:d.createdAt,order:d})),i=t.sales.map(d=>{const m=Vt(d,t.rate);return{kind:"sale",id:`sale:${m.id}`,createdAt:m.createdAt,sale:m}}),c=(t.creditOrders??[]).filter(d=>d.status!=="failed"&&d.status!=="abandoned").map(d=>({kind:"credit",id:`credit:${d.id}`,createdAt:d.createdAt,order:d})),o=new Set(t.purchases.filter(d=>d.txHash).map(d=>d.txHash.toLowerCase())),h=(t.manaPurchases??[]).filter(d=>!o.has(d.txHash.toLowerCase())).map(d=>({kind:"mana-purchase",id:`mana-purchase:${d.id}`,createdAt:d.createdAt,sale:d}));return[...a,...i,...c,...h].sort((d,m)=>m.createdAt-d.createdAt||(d.id<m.id?-1:1))}function Zt(t,s){return s==="all"?t:s==="sales"?t.filter(a=>a.kind==="sale"):t.filter(a=>a.kind==="purchase"||a.kind==="credit"||a.kind==="mana-purchase")}const dt=t=>t.trim().toLowerCase();function te(t){const s=new Map;for(const a of t??[]){const i=dt(a.txHash??"");if(!i)continue;const c=s.get(i);c?c.push(a):s.set(i,[a])}return s}function ee(t,s,a=Date.now()){const i=s.txHash?t.get(dt(s.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const c=i.length===1?ie(i[0].netCents):null,o=i.filter(d=>!d.available&&d.availableAt>a);if(o.length===0)return{kind:"credited",credits:c};const h=o.reduce((d,m)=>Math.max(d,m.availableAt),0);return{kind:"pending",credits:c,availableAt:h}}function ie(t){return Et(t)}function se(){const t=O(i=>{var c;return(c=i.session)==null?void 0:c.address}),{data:s,isLoading:a}=A({queryKey:["listing-count",t],queryFn:()=>$t({creator:t,onSale:!0,first:1}),enabled:!!t,staleTime:5*6e4});return{count:s==null?void 0:s.total,isLoading:a}}const ne="https://cdn.decentraland.org/@dcl/shop/1.3.1-31252242626.commit-c73d75c/_assets/credits-product-vs4Q6u6l.svg",G=Lt`
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-`,ae=l.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.
-     ONE width for every view. The migration tool needs 1003px (its row is a thumbnail, a name and a
-     144px price field; narrower, the price field drops to its own line on a desktop), and the feed used
-     to sit at 760px — so switching chips resized the heading and the whole column under it, which reads
-     as the page reloading rather than as a filter changing. */
-  max-width: 1003px;
-  margin-inline: auto;
-`,re=l.div`
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  margin-bottom: 20px;
-`,oe=l.h1`
-  font-family: ${n.font.sans};
-  margin: 0;
-  color: ${n.colors.softWhite};
-`;l.span`
-  color: ${n.colors.gray4};
-  font-size: 14px;
-`;const ce=l.div`
-  display: flex;
-  gap: 8px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-`,lt=l.button`
-  appearance: none;
-  /* Figma 2275:294685 / 294707: a translucent white pill that fills SOFT-WHITE when it is the one you
-     are on, with no border in either state — the outline this used to carry made the selected chip read
-     as a control with a stuck focus ring on it. */
-  border: 0;
-  background: ${n.colors.glass};
-  color: ${n.colors.white};
-  font-family: ${n.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: ${n.radius.pill};
-  cursor: pointer;
-  transition:
-    background 0.15s,
-    color 0.15s;
-  &:hover {
-    background: ${n.colors.glassHover};
-  }
-  /* Inset, so a keyboard ring never reads as part of the pill's own shape the way an offset one did. */
-  &:focus-visible {
-    outline: 2px solid ${n.colors.white};
-    outline-offset: -2px;
-  }
-  &[data-active='true'] {
-    background: ${n.colors.softWhite};
-    color: ${n.colors.text};
-  }
-  &[data-active='true']:hover {
-    background: ${n.colors.white};
-  }
-  &[data-active='true']:focus-visible {
-    outline-color: ${n.colors.text};
-  }
-`,de=l(lt)`
-  position: relative;
-`,le=l.span`
-  position: absolute;
-  /* The 5.5 / 2.5 the design measures from the pill's outer edge. The chip has no border now, so its
-     padding box IS that edge and the offsets no longer carry a hairline's worth on top. */
-  top: -5.5px;
-  right: -2.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: ${n.radius.pill};
-  background: ${n.colors.dclRed};
-  /* No ring: the red separates itself from both surfaces the disc straddles (the chip and the page), and
-     the design draws the circle bare. */
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 1.6;
-  color: ${n.colors.white};
-`,ue=l.div`
-  min-height: 60vh;
-`,nt=l.div`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-`,T=l.div`
-  background: ${n.colors.white};
-  border: 1px solid ${n.colors.line};
-  border-radius: 16px;
-  overflow: hidden;
-`,S=l.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;
-  }
-`,F=l.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-`,C=l.span`
-  font-weight: 700;
-  color: ${n.colors.text};
-`,D=l.span`
-  font-size: 13px;
-  color: ${n.colors.muted};
-`,M=l.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;
-`,he=l.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;
-  }
-`,H=l.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;
-  }
-  /* Nobody paid and nobody is owed anything — deliberately the quietest of the four. Reusing PENDING's
-     amber here is what made an abandoned checkout look like money on its way. */
-  &[data-status='UNFINISHED'] {
-    background: ${n.colors.line};
-    color: ${n.colors.muted};
-  }
-`,pe=l.button`
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  padding: 4px 10px;
-  border-radius: ${n.radius.pill};
-  white-space: nowrap;
-  border: 1px solid ${n.colors.accent};
-  background: transparent;
-  color: ${n.colors.accent};
-  cursor: pointer;
-  transition: background 0.15s ease;
-  &:hover:not(:disabled) {
-    background: rgba(103, 58, 183, 0.08);
-  }
-  &:disabled {
-    opacity: 0.6;
-    cursor: default;
-  }
-`,w=l.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};
-  }
-`,ut=l.img`
-  width: 16px;
-  height: 16px;
-  vertical-align: -0.15em;
-`,me=l.span`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-`,xe=l.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;
-`,ge=l.p`
-  margin: 0;
-  /* 18px sides to sit on the same rail as CardHead and Line; no bottom, since Line brings its own 12px. */
-  padding: 12px 18px 0;
-  font-size: 13px;
-  line-height: 1.45;
-  color: ${n.colors.muted};
-`,U=l.div`
-  display: flex;
-  flex-direction: column;
-`,q=l.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;
-  }
-`,B=l.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;
-  }
-`,K=l.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: ${G} 1.3s infinite linear;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,Q=l.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`,X=l.span`
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,V=l.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: ${G} 1.3s infinite linear;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,Y=l.span`
-  font-size: 13px;
-  color: ${n.colors.muted};
-`,fe=l.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-weight: 700;
-  color: ${n.colors.text};
-  white-space: nowrap;
-  .ccy-mark {
-    width: 14px;
-    height: 14px;
-  }
-`,at=l.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: ${G} 1.3s infinite linear;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,ht=l.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  text-align: center;
-  padding: 90px 20px;
-  min-height: 50vh;
-  color: ${n.colors.softWhite};
-`,pt=l.p`
-  font-size: 22px;
-  font-weight: 700;
-  margin: 6px 0 0;
-`,mt=l.p`
-  margin: 0;
-  color: ${n.colors.softWhite};
-`,ye=l(Pt)`
-  margin-top: 12px;
-`,J=q.withComponent(ot),be=g.lazy(()=>Ft(()=>import("./index-C7hbjfPZ.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(t=>({default:t.ImportListings}))),P=24,ve=["all","purchases","sales"],z="section",rt="listings",R="view",je="migrate";function I(t){try{return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function xt(t){return t.length>10?`${t.slice(0,6)}…${t.slice(-4)}`:t}function gt(t){const s=Number(t)/1e18;return Number.isFinite(s)?s.toLocaleString("en",{maximumFractionDigits:2}):"0"}function ft({children:t}){const s=g.useRef(null),[a,i]=g.useState(null),c=()=>{var h;const o=(h=s.current)==null?void 0:h.getBoundingClientRect();o&&i({top:o.bottom+8,left:o.left+o.width/2})};return e.jsxs(me,{ref:s,tabIndex:0,onMouseEnter:c,onMouseLeave:()=>i(null),onFocus:c,onBlur:()=>i(null),children:[t,a?Rt.createPortal(e.jsx(xe,{style:{top:a.top,left:a.left},role:"tooltip",children:r("activity.polygonMana")}),document.body):null]})}function we({item:t}){const s=!!t.contractAddress&&!!t.itemId,a=!!t.tradeId||s,{data:i,isLoading:c}=A({queryKey:["order-line-display",t.tradeId,t.contractAddress,t.itemId],queryFn:()=>t.tradeId?qt(t.tradeId):_(t.contractAddress,{itemId:t.itemId}),enabled:a,staleTime:5*6e4}),o=a&&c,h=(i==null?void 0:i.name)??r("activity.itemFallback"),d=(i==null?void 0:i.thumbnail)??"",m=W({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,f=e.jsxs(e.Fragment,{children:[o?e.jsx(K,{}):e.jsx(B,{children:d?e.jsx("img",{src:d,alt:h}):e.jsx(E,{name:"cart",size:20})}),e.jsxs(Q,{children:[o?e.jsx(V,{}):e.jsx(X,{title:h,children:h}),t.quantity>1?e.jsx(Y,{children:r("activity.quantity",{count:t.quantity})}):null]}),e.jsxs(fe,{children:[e.jsx(N,{className:"ccy-mark"})," ",t.credits]})]});return m?e.jsx(J,{to:m,"data-link":"true",children:f}):e.jsx(q,{children:f})}function ke({order:t}){const s=Xt(t.lines),a=s.reduce((o,h)=>o+h.quantity,0),i=Kt(t.status),c=i==="SETTLED"?r("activity.completed"):i==="FAILED"?r("activity.failed"):r("activity.processing");return e.jsxs(T,{"data-testid":"purchase-order",children:[e.jsxs(S,{children:[e.jsxs(F,{children:[e.jsx(C,{children:I(t.createdAt)}),e.jsxs(D,{children:[r("activity.purchaseLabel")," · ",r("activity.itemCount",{count:a})]})]}),e.jsxs(M,{children:[e.jsx(H,{"data-status":i,children:c}),e.jsxs(w,{children:[e.jsx(N,{className:"ccy-mark"})," ",t.totalCredits]})]})]}),i==="FAILED"?e.jsx(ge,{children:r("activity.purchaseFailedNote")}):null,e.jsx(U,{children:s.map(o=>e.jsx(we,{item:o},o.key))})]})}function Ie({sale:t}){const{data:s,isLoading:a}=A({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>_(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),i=(s==null?void 0:s.name)??r("activity.itemFallback"),c=(s==null?void 0:s.thumbnail)??"",o=W({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,h=e.jsxs(e.Fragment,{children:[a?e.jsx(K,{}):e.jsx(B,{children:c?e.jsx("img",{src:c,alt:i}):e.jsx(E,{name:"offer",size:20})}),e.jsxs(Q,{children:[a?e.jsx(V,{}):e.jsx(X,{title:i,children:i}),e.jsx(Y,{children:r("activity.boughtFrom",{account:xt(t.seller)})})]})]});return e.jsxs(T,{"data-testid":"activity-mana-purchase",children:[e.jsxs(S,{children:[e.jsxs(F,{children:[e.jsx(C,{children:I(t.createdAt)}),e.jsx(D,{children:r("activity.paidWithMana")})]}),e.jsxs(M,{children:[e.jsx(H,{"data-status":"SETTLED",children:r("activity.completed")}),e.jsxs(w,{children:[gt(t.manaWei)," ",e.jsx(ft,{children:e.jsx(ut,{src:ct,alt:"MANA"})})]})]})]}),e.jsx(U,{children:o?e.jsx(J,{to:o,"data-link":"true",children:h}):e.jsx(q,{children:h})})]})}function Ae({sale:t,payout:s}){const{data:a,isLoading:i}=A({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>_(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),c=(a==null?void 0:a.name)??r("activity.itemFallback"),o=(a==null?void 0:a.thumbnail)??"",h=W({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,d=e.jsxs(e.Fragment,{children:[i?e.jsx(K,{}):e.jsx(B,{children:o?e.jsx("img",{src:o,alt:c}):e.jsx(E,{name:"offer",size:20})}),e.jsxs(Q,{children:[i?e.jsx(V,{}):e.jsx(X,{title:c,children:c}),e.jsxs(Y,{children:[r("activity.soldTo",{account:xt(t.counterparty)}),s.kind==="pending"?` · ${r("activity.payoutPendingOn",{date:I(s.availableAt)})}`:""]})]})]});return e.jsxs(T,{"data-testid":"activity-sale",children:[e.jsxs(S,{children:[e.jsxs(F,{children:[e.jsx(C,{children:I(t.createdAt)}),e.jsx(D,{children:r("activity.saleLabel")})]}),e.jsxs(M,{children:[e.jsx(H,{"data-status":s.kind==="pending"?"PENDING":"SOLD",children:s.kind==="pending"?r("activity.payoutPending"):r("activity.sold")}),s.kind==="direct"?e.jsxs(w,{"data-kind":"income",children:["+",gt(t.manaWei)," ",e.jsx(ft,{children:e.jsx(ut,{src:ct,alt:"MANA"})})]}):s.credits!==null?e.jsxs(w,{"data-kind":"income",children:[e.jsx(N,{className:"ccy-mark"})," +",Mt(s.credits)]}):e.jsx(w,{"data-kind":"income",children:r("activity.payoutCredited")})]})]}),e.jsx(U,{children:h?e.jsx(J,{to:h,"data-link":"true",children:d}):e.jsx(q,{children:d})})]})}function Ee({order:t}){const s=`$${(t.usdCents/100).toFixed(2)}`,a=Ct(t.status),i=a==="SETTLED"?r("activity.completed"):a==="FAILED"?r("activity.failed"):a==="UNFINISHED"?r("activity.unfinished"):r("activity.processing"),c=O(p=>p.session),o=Dt(),[h,d]=g.useState(!1),m=t.status==="initiated"&&!!c;g.useEffect(()=>{const p=()=>d(!1);return window.addEventListener("pageshow",p),()=>window.removeEventListener("pageshow",p)},[]);async function f(){if(!(!c||h)){d(!0);try{const p=await Ht(t.id,c.identity);if(p.kind==="url"){if(/^https:\/\/([a-z0-9-]+\.)*stripe\.com\//i.test(p.url)){window.location.href=p.url;return}$.error(r("activity.resumeUnavailable"))}else p.kind==="expired"?($.info(r("activity.resumeExpired")),o.invalidateQueries({queryKey:["credit-orders"]})):p.kind==="paid"?($.success(r("activity.resumePaid")),o.invalidateQueries({queryKey:["credit-orders"]})):$.error(r("activity.resumeUnavailable"));d(!1)}catch{d(!1)}}}return e.jsx(T,{"data-testid":"credit-order",children:e.jsxs(S,{children:[e.jsx(he,{children:e.jsx("img",{src:ne,alt:"","aria-hidden":!0})}),e.jsxs(F,{children:[e.jsx(C,{children:I(t.createdAt)}),e.jsxs(D,{children:[r("activity.creditPurchaseLabel")," · ",r("activity.creditPaid",{usd:s})]})]}),e.jsxs(M,{children:[m?e.jsx(pe,{type:"button",onClick:()=>void f(),disabled:h,"data-testid":"resume-order",children:h?r("activity.resuming"):r("activity.resume")}):null,e.jsx(H,{"data-status":a,children:i}),e.jsxs(w,{"data-kind":a==="UNFINISHED"?void 0:"income",children:[a==="UNFINISHED"?"":"+",e.jsx(N,{className:"ccy-mark"})," ",t.credits]})]})]})})}function $e({filter:t}){const s={all:{icon:"clock",title:r("activity.emptyAllTitle"),body:r("activity.emptyAllBody")},purchases:{icon:"cart",title:r("activity.emptyPurchasesTitle"),body:r("activity.emptyPurchasesBody")},sales:{icon:"offer",title:r("activity.emptySalesTitle"),body:r("activity.emptySalesBody")}}[t];return e.jsxs(ht,{children:[e.jsx(E,{name:s.icon,size:40,color:n.colors.muted2}),e.jsx(pt,{children:s.title}),e.jsx(mt,{children:s.body}),t!=="sales"?e.jsx(ye,{as:ot,to:"/items",variant:"white",children:r("notFound.cta")}):null]})}function Oe(){const{session:t}=O(),[s,a]=g.useState("all"),[i,c]=zt(),o=i.get(z)===rt||i.get(R)===je;Nt({title:o?r("seo.import.title"):r("nav.activity"),noindex:!0});const{count:h}=Ot(),{count:d}=se(),f=h!==void 0&&d!==void 0&&(h>0||d>0||o),p=!!t&&!o&&s!=="sales",x=!!t&&!o&&s!=="purchases",y=L(["purchases",t==null?void 0:t.address],u=>St(t.address,t.identity,{first:P,skip:u}),{enabled:p}),b=L(["sales",t==null?void 0:t.address],u=>it(t.address,{role:"seller",first:P,skip:u}),{enabled:x}),v=L(["credit-orders",t==null?void 0:t.address],u=>st(t.address,t.identity,{first:P,skip:u}),{enabled:p}),j=L(["mana-purchases",t==null?void 0:t.address],u=>it(t.address,{role:"buyer",first:P,skip:u}),{enabled:p}),{data:Z}=A({queryKey:["sale-payouts",t==null?void 0:t.address],queryFn:()=>st(t.address,t.identity,{first:200}).then(u=>u.payouts),enabled:x,staleTime:6e4}),yt=g.useMemo(()=>te(Z),[Z]),{data:bt}=Tt(x);if(!t)return e.jsxs(ht,{children:[e.jsx(E,{name:"clock",size:40,color:n.colors.muted2}),e.jsx(pt,{children:r("activity.signInTitle")}),e.jsx(mt,{children:r("activity.signInBody")})]});const tt=Zt(Jt({purchases:p?y.items:[],sales:x?b.items:[],creditOrders:p?v.items:[],manaPurchases:p?j.items:[],rate:bt}),s),vt=p&&(y.isLoading||v.isLoading||j.isLoading)||x&&b.isLoading,et=p&&(y.isFetchingNextPage||v.isFetchingNextPage||j.isFetchingNextPage)||x&&b.isFetchingNextPage,jt=p&&(y.hasNextPage||v.hasNextPage||j.hasNextPage)||x&&b.hasNextPage;function wt(){p&&y.hasNextPage&&y.fetchNextPage(),p&&v.hasNextPage&&v.fetchNextPage(),p&&j.hasNextPage&&j.fetchNextPage(),x&&b.hasNextPage&&b.fetchNextPage()}function kt(u){if(a(u),!o)return;const k=new URLSearchParams(i);k.delete(z),k.delete(R),c(k,{replace:!0})}function It(){const u=new URLSearchParams(i);u.set(z,rt),u.delete(R),c(u,{replace:!0})}return e.jsxs(ae,{children:[e.jsx(re,{children:e.jsx(oe,{children:r("nav.activity")})}),e.jsxs(ce,{role:"tablist","aria-label":r("nav.activity"),children:[ve.map(u=>e.jsx(lt,{type:"button",role:"tab","aria-selected":!o&&s===u,"data-active":!o&&s===u,"data-testid":`activity-filter-${u}`,onClick:()=>kt(u),children:r(`activity.filter.${u}`)},u)),f?e.jsxs(de,{type:"button",role:"tab","aria-selected":o,"data-active":o,"data-testid":"activity-filter-migrate","aria-label":h?r("activity.migrate.chipAria",{count:h}):void 0,onClick:It,children:[r("activity.migrate.chip"),h?e.jsx(le,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:h}):null]}):null]}),o?e.jsx(g.Suspense,{fallback:e.jsx(ue,{"aria-busy":"true"}),children:e.jsx(be,{})}):vt?e.jsx(nt,{children:Array.from({length:5}).map((u,k)=>e.jsx(at,{},k))}):tt.length===0?e.jsx($e,{filter:s}):e.jsxs(e.Fragment,{children:[e.jsxs(nt,{children:[tt.map(u=>u.kind==="purchase"?e.jsx(ke,{order:u.order},u.id):u.kind==="credit"?e.jsx(Ee,{order:u.order},u.id):u.kind==="mana-purchase"?e.jsx(Ie,{sale:u.sale},u.id):e.jsx(Ae,{sale:u.sale,payout:ee(yt,u.sale)},u.id)),et?e.jsx(at,{}):null]}),e.jsx(Wt,{hasNextPage:jt,isFetching:et,onLoadMore:wt})]})]})}export{Oe as Activity};