@dcl/shop 1.6.4-31390082443.commit-a7f7504 → 1.6.4-31478985898.commit-31fbca5

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/1.6.3-31390082443.commit-a7f7504/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/1.6.3-31390082443.commit-a7f7504/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/1.6.3-31390082443.commit-a7f7504/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/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.6.3-31390082443.commit-a7f7504/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/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.6.3-31390082443.commit-a7f7504/_assets/index-DHKZmzBN.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.3-31390082443.commit-a7f7504/_assets/react-D7Ik-p_5.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.3-31390082443.commit-a7f7504/_assets/dcl-schemas-BlEb4Umz.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.3-31390082443.commit-a7f7504/_assets/sentry-CFpsPbPx.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.3-31390082443.commit-a7f7504/_assets/ethers-Dc5H2jrO.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.3-31390082443.commit-a7f7504/_assets/intl-AKLEHPeO.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.3-31390082443.commit-a7f7504/_assets/index-l2QjlKjX.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/_assets/index-Cz0qQOE1.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/_assets/react-D4a12AOU.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/_assets/dcl-schemas-BUryvO70.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/_assets/sentry-BtNPB732.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/_assets/ethers-CRWPmA0X.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/_assets/intl-AKLEHPeO.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.6.4-31478985898.commit-31fbca5/_assets/index-l2QjlKjX.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "1.6.4-31390082443.commit-a7f7504",
+  "version": "1.6.4-31478985898.commit-31fbca5",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "a7f75048388a06965b0d7c4a447dac97870bc181"
+  "commit": "31fbca54ba3316588190980f4a95c5794a895970"
 }

package/_assets/Activity-3zdHVqsh.js

@@ -1,387 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-Dx1x7t-U.js","_assets/react-D7Ik-p_5.js","_assets/index-DHKZmzBN.js","_assets/dcl-schemas-BlEb4Umz.js","_assets/sentry-CFpsPbPx.js","_assets/ethers-Dc5H2jrO.js","_assets/intl-AKLEHPeO.js","_assets/index-l2QjlKjX.css","_assets/useImportable-DMzu3nHm.js","_assets/buy-eCvnLVY9.js","_assets/authorizations-CisoVsYX.js","_assets/sendMetaTransaction-eXZx-TnP.js","_assets/ManaPricingBanner.styles-zesnBJmy.js","_assets/Faq-DFCh28ZY.js","_assets/field.styles-DqPZPuk4.js"])))=>i.map(i=>d[i]);
-import{q as $e,bF as Ee,v as U,l as A,bG as Le,t as n,s as l,x as Ne,B as Pe,y as Te,b as o,an as Se,I as $,bH as ie,bI as se,bJ as Fe,_ as Ce,A as E,bK as De,D as Me,aF as B,L as He,bL as qe,F as N,bM as Re,bN as K}from"./index-DHKZmzBN.js";import{r as g,u as ze,j as t,L as oe,e as Oe}from"./react-D7Ik-p_5.js";import{u as _e}from"./useImportable-DMzu3nHm.js";import{L as We}from"./LoadMore-GrxSH7wW.js";import{u as P}from"./useInfiniteGrid-BggZy4ju.js";import{m as de}from"./mana-matic-CEqvSwrJ.js";import{n as Ge}from"./name-glyph-aUugT8vq.js";import"./dcl-schemas-BlEb4Umz.js";import"./sentry-CFpsPbPx.js";import"./ethers-Dc5H2jrO.js";import"./intl-AKLEHPeO.js";import"./buy-eCvnLVY9.js";import"./authorizations-CisoVsYX.js";import"./sendMetaTransaction-eXZx-TnP.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="e344cacc-fc24-438c-8adb-fc175edbd4aa",e._sentryDebugIdIdentifier="sentry-dbid-e344cacc-fc24-438c-8adb-fc175edbd4aa")}catch{}})();const Ue=15e3;function Be(e,s){return e.txHash&&s.txHash?e.txHash===s.txHash:e.txHash||s.txHash?!1:e.status===s.status&&Math.abs(e.createdAt-s.createdAt)<=Ue}function Ke(e){const s=[...e].sort((i,d)=>d.createdAt-i.createdAt),a=[];for(const i of s){const d=a[a.length-1];d&&Be(d[d.length-1],i)?d.push(i):a.push([i])}return a.map(i=>{var d;return{id:((d=i.find(r=>r.txHash))==null?void 0:d.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(r=>r.createdAt)),status:Qe(i),totalCredits:i.reduce((r,h)=>r+h.credits,0),lines:i}})}function Qe(e){return e.some(s=>s.status==="PENDING")?"PENDING":e.some(s=>s.status==="SETTLED")?"SETTLED":"EXPIRED"}function Xe(e){return e==="SETTLED"?"SETTLED":e==="EXPIRED"?"FAILED":"PENDING"}function Ve(e){return e.tradeId?`trade:${e.tradeId}`:e.contractAddress&&e.itemId?`item:${e.contractAddress.toLowerCase()}:${e.itemId}`:null}function Ye(e){const s=[],a=new Map;for(const i of e){const d=Ve(i);if(!d){s.push({key:i.id,tradeId:null,contractAddress:i.contractAddress??null,itemId:i.itemId??null,registeredName:i.registeredName??null,quantity:1,credits:i.credits});continue}const r=a.get(d);if(r){r.quantity+=1,r.credits+=i.credits;continue}const h={key:d,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,registeredName:i.registeredName??null,quantity:1,credits:i.credits};a.set(d,h),s.push(h)}return s}function Je(e,s){return{id:e.id,contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId,counterparty:e.buyer,credits:s?$e(e.manaWei,s):null,manaWei:e.manaWei,createdAt:e.createdAt,txHash:e.txHash}}function Ze(e){return e.status!=="EXPIRED"||!!e.submittedTxHash}function et(e){const a=Ke(e.purchases.filter(Ze)).map(c=>({kind:"purchase",id:`purchase:${c.id}`,createdAt:c.createdAt,order:c})),i=e.sales.map(c=>{const m=Je(c,e.rate);return{kind:"sale",id:`sale:${m.id}`,createdAt:m.createdAt,sale:m}}),d=(e.creditOrders??[]).filter(c=>c.status!=="failed"&&c.status!=="abandoned").map(c=>({kind:"credit",id:`credit:${c.id}`,createdAt:c.createdAt,order:c})),r=new Set(e.purchases.filter(c=>c.txHash).map(c=>c.txHash.toLowerCase())),h=(e.manaPurchases??[]).filter(c=>!r.has(c.txHash.toLowerCase())).map(c=>({kind:"mana-purchase",id:`mana-purchase:${c.id}`,createdAt:c.createdAt,sale:c}));return[...a,...i,...d,...h].sort((c,m)=>m.createdAt-c.createdAt||(c.id<m.id?-1:1))}function tt(e,s){return s==="all"?e:s==="sales"?e.filter(a=>a.kind==="sale"):e.filter(a=>a.kind==="purchase"||a.kind==="credit"||a.kind==="mana-purchase")}const ce=e=>e.trim().toLowerCase();function it(e){const s=new Map;for(const a of e??[]){const i=ce(a.txHash??"");if(!i)continue;const d=s.get(i);d?d.push(a):s.set(i,[a])}return s}function st(e,s,a=Date.now()){const i=s.txHash?e.get(ce(s.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const d=i.length===1?nt(i[0].netCents):null,r=i.filter(c=>!c.available&&c.availableAt>a);if(r.length===0)return{kind:"credited",credits:d};const h=r.reduce((c,m)=>Math.max(c,m.availableAt),0);return{kind:"pending",credits:d,availableAt:h}}function nt(e){return Ee(e)}function at(){const e=U(i=>{var d;return(d=i.session)==null?void 0:d.address}),{data:s,isLoading:a}=A({queryKey:["listing-count",e],queryFn:()=>Le({creator:e,onSale:!0,first:1}),enabled:!!e,staleTime:5*6e4});return{count:s==null?void 0:s.total,isLoading:a}}const rt="https://cdn.decentraland.org/@dcl/shop/1.6.3-31390082443.commit-a7f7504/_assets/credits-product-vs4Q6u6l.svg",Q=Ne`
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-`,ot=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;
-`,dt=l.div`
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  margin-bottom: 20px;
-`,ct=l.h1`
-  font-family: ${n.font.sans};
-  margin: 0;
-  color: ${n.colors.softWhite};
-`;l.span`
-  color: ${n.colors.gray4};
-  font-size: 14px;
-`;const lt=l.div`
-  display: flex;
-  gap: 8px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-`,le=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};
-  }
-`,ut=l(le)`
-  position: relative;
-`,ht=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};
-`,pt=l.div`
-  min-height: 60vh;
-`,ne=l.div`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-`,S=l.div`
-  background: ${n.colors.white};
-  border: 1px solid ${n.colors.line};
-  border-radius: 16px;
-  overflow: hidden;
-`,F=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;
-  }
-`,C=l.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-`,D=l.span`
-  font-weight: 700;
-  color: ${n.colors.text};
-`,M=l.span`
-  font-size: 13px;
-  color: ${n.colors.muted};
-`,H=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;
-`,mt=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;
-  }
-`,q=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};
-  }
-`,xt=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};
-  }
-`,ue=l.img`
-  width: 16px;
-  height: 16px;
-  vertical-align: -0.15em;
-`,gt=l.span`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-`,ft=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;
-`,yt=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};
-`,X=l.div`
-  display: flex;
-  flex-direction: column;
-`,L=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;
-  }
-`,R=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;
-  }
-`,V=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: ${Q} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,z=l.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`,O=l.span`
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Y=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: ${Q} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,_=l.span`
-  font-size: 13px;
-  color: ${n.colors.muted};
-`,he=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;
-  }
-`,ae=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: ${Q} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,pe=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};
-`,me=l.p`
-  font-size: 22px;
-  font-weight: 700;
-  margin: 6px 0 0;
-`,xe=l.p`
-  margin: 0;
-  color: ${n.colors.softWhite};
-`,bt=l(Pe)`
-  margin-top: 12px;
-`,vt=l(R)`
-  background: ${n.gradients.amethyst};
-
-  img {
-    width: 26px;
-    height: 26px;
-    object-fit: contain;
-  }
-`,J=L.withComponent(oe),jt=g.lazy(()=>Ce(()=>import("./index-Dx1x7t-U.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(e=>({default:e.ImportListings}))),T=24,wt=["all","purchases","sales"],W="section",re="listings",G="view",kt="migrate";function I(e){try{return new Date(e).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function ge(e){return e.length>10?`${e.slice(0,6)}…${e.slice(-4)}`:e}function fe(e){const s=Number(e)/1e18;return Number.isFinite(s)?s.toLocaleString("en",{maximumFractionDigits:2}):"0"}function ye({children:e}){const s=g.useRef(null),[a,i]=g.useState(null),d=()=>{var h;const r=(h=s.current)==null?void 0:h.getBoundingClientRect();r&&i({top:r.bottom+8,left:r.left+r.width/2})};return t.jsxs(gt,{ref:s,tabIndex:0,onMouseEnter:d,onMouseLeave:()=>i(null),onFocus:d,onBlur:()=>i(null),children:[e,a?Oe.createPortal(t.jsx(ft,{style:{top:a.top,left:a.left},role:"tooltip",children:o("activity.polygonMana")}),document.body):null]})}function It({item:e}){const s=!!e.contractAddress&&!!e.itemId,a=!!e.tradeId||s,{data:i,isLoading:d}=A({queryKey:["order-line-display",e.tradeId,e.contractAddress,e.itemId],queryFn:()=>e.tradeId?Re(e.tradeId):K(e.contractAddress,{itemId:e.itemId}),enabled:a,staleTime:5*6e4}),r=a&&d,h=(i==null?void 0:i.name)??o("activity.itemFallback"),c=(i==null?void 0:i.thumbnail)??"",m=B({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,f=t.jsxs(t.Fragment,{children:[r?t.jsx(V,{}):t.jsx(R,{children:c?t.jsx("img",{src:c,alt:h}):t.jsx($,{name:"cart",size:20})}),t.jsxs(z,{children:[r?t.jsx(Y,{}):t.jsx(O,{title:h,children:h}),e.quantity>1?t.jsx(_,{children:o("activity.quantity",{count:e.quantity})}):null]}),t.jsxs(he,{children:[t.jsx(E,{className:"ccy-mark"})," ",e.credits]})]});return m?t.jsx(J,{to:m,"data-link":"true",children:f}):t.jsx(L,{children:f})}function At({item:e}){const s=`@${e.registeredName}`;return t.jsxs(L,{"data-testid":"activity-name-line",children:[t.jsx(vt,{children:t.jsx("img",{src:Ge,alt:""})}),t.jsxs(z,{children:[t.jsx(O,{title:s,children:s}),t.jsx(_,{children:o("activity.nameRegistration")})]}),t.jsxs(he,{children:[t.jsx(E,{className:"ccy-mark"})," ",e.credits]})]})}function $t({order:e}){const s=Ye(e.lines),a=s.reduce((r,h)=>r+h.quantity,0),i=Xe(e.status),d=i==="SETTLED"?o("activity.completed"):i==="FAILED"?o("activity.failed"):o("activity.processing");return t.jsxs(S,{"data-testid":"purchase-order",children:[t.jsxs(F,{children:[t.jsxs(C,{children:[t.jsx(D,{children:I(e.createdAt)}),t.jsxs(M,{children:[o("activity.purchaseLabel")," · ",o("activity.itemCount",{count:a})]})]}),t.jsxs(H,{children:[t.jsx(q,{"data-status":i,children:d}),t.jsxs(w,{children:[t.jsx(E,{className:"ccy-mark"})," ",e.totalCredits]})]})]}),i==="FAILED"?t.jsx(yt,{children:o("activity.purchaseFailedNote")}):null,t.jsx(X,{children:s.map(r=>r.registeredName?t.jsx(At,{item:r},r.key):t.jsx(It,{item:r},r.key))})]})}function Et({sale:e}){const{data:s,isLoading:a}=A({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>K(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),i=(s==null?void 0:s.name)??o("activity.itemFallback"),d=(s==null?void 0:s.thumbnail)??"",r=B({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,h=t.jsxs(t.Fragment,{children:[a?t.jsx(V,{}):t.jsx(R,{children:d?t.jsx("img",{src:d,alt:i}):t.jsx($,{name:"offer",size:20})}),t.jsxs(z,{children:[a?t.jsx(Y,{}):t.jsx(O,{title:i,children:i}),t.jsx(_,{children:o("activity.boughtFrom",{account:ge(e.seller)})})]})]});return t.jsxs(S,{"data-testid":"activity-mana-purchase",children:[t.jsxs(F,{children:[t.jsxs(C,{children:[t.jsx(D,{children:I(e.createdAt)}),t.jsx(M,{children:o("activity.paidWithMana")})]}),t.jsxs(H,{children:[t.jsx(q,{"data-status":"SETTLED",children:o("activity.completed")}),t.jsxs(w,{children:[fe(e.manaWei)," ",t.jsx(ye,{children:t.jsx(ue,{src:de,alt:"MANA"})})]})]})]}),t.jsx(X,{children:r?t.jsx(J,{to:r,"data-link":"true",children:h}):t.jsx(L,{children:h})})]})}function Lt({sale:e,payout:s}){const{data:a,isLoading:i}=A({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>K(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),d=(a==null?void 0:a.name)??o("activity.itemFallback"),r=(a==null?void 0:a.thumbnail)??"",h=B({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,c=t.jsxs(t.Fragment,{children:[i?t.jsx(V,{}):t.jsx(R,{children:r?t.jsx("img",{src:r,alt:d}):t.jsx($,{name:"offer",size:20})}),t.jsxs(z,{children:[i?t.jsx(Y,{}):t.jsx(O,{title:d,children:d}),t.jsxs(_,{children:[o("activity.soldTo",{account:ge(e.counterparty)}),s.kind==="pending"?` · ${o("activity.payoutPendingOn",{date:I(s.availableAt)})}`:""]})]})]});return t.jsxs(S,{"data-testid":"activity-sale",children:[t.jsxs(F,{children:[t.jsxs(C,{children:[t.jsx(D,{children:I(e.createdAt)}),t.jsx(M,{children:o("activity.saleLabel")})]}),t.jsxs(H,{children:[t.jsx(q,{"data-status":s.kind==="pending"?"PENDING":"SOLD",children:s.kind==="pending"?o("activity.payoutPending"):o("activity.sold")}),s.kind==="direct"?t.jsxs(w,{"data-kind":"income",children:["+",fe(e.manaWei)," ",t.jsx(ye,{children:t.jsx(ue,{src:de,alt:"MANA"})})]}):s.credits!==null?t.jsxs(w,{"data-kind":"income",children:[t.jsx(E,{className:"ccy-mark"})," +",He(s.credits)]}):t.jsx(w,{"data-kind":"income",children:o("activity.payoutCredited")})]})]}),t.jsx(X,{children:h?t.jsx(J,{to:h,"data-link":"true",children:c}):t.jsx(L,{children:c})})]})}function Nt({order:e}){const s=`$${(e.usdCents/100).toFixed(2)}`,a=De(e.status),i=a==="SETTLED"?o("activity.completed"):a==="FAILED"?o("activity.failed"):a==="UNFINISHED"?o("activity.unfinished"):o("activity.processing"),d=U(p=>p.session),r=Me(),[h,c]=g.useState(!1),m=e.status==="initiated"&&!!d;g.useEffect(()=>{const p=()=>c(!1);return window.addEventListener("pageshow",p),()=>window.removeEventListener("pageshow",p)},[]);async function f(){if(!(!d||h)){c(!0);try{const p=await qe(e.id,d.identity);if(p.kind==="url"){if(/^https:\/\/([a-z0-9-]+\.)*stripe\.com\//i.test(p.url)){window.location.href=p.url;return}N.error(o("activity.resumeUnavailable"))}else p.kind==="expired"?(N.info(o("activity.resumeExpired")),r.invalidateQueries({queryKey:["credit-orders"]})):p.kind==="paid"?(N.success(o("activity.resumePaid")),r.invalidateQueries({queryKey:["credit-orders"]})):N.error(o("activity.resumeUnavailable"));c(!1)}catch{c(!1)}}}return t.jsx(S,{"data-testid":"credit-order",children:t.jsxs(F,{children:[t.jsx(mt,{children:t.jsx("img",{src:rt,alt:"","aria-hidden":!0})}),t.jsxs(C,{children:[t.jsx(D,{children:I(e.createdAt)}),t.jsxs(M,{children:[o("activity.creditPurchaseLabel")," · ",o("activity.creditPaid",{usd:s})]})]}),t.jsxs(H,{children:[m?t.jsx(xt,{type:"button",onClick:()=>void f(),disabled:h,"data-testid":"resume-order",children:h?o("activity.resuming"):o("activity.resume")}):null,t.jsx(q,{"data-status":a,children:i}),t.jsxs(w,{"data-kind":a==="UNFINISHED"?void 0:"income",children:[a==="UNFINISHED"?"":"+",t.jsx(E,{className:"ccy-mark"})," ",e.credits]})]})]})})}function Pt({filter:e}){const s={all:{icon:"clock",title:o("activity.emptyAllTitle"),body:o("activity.emptyAllBody")},purchases:{icon:"cart",title:o("activity.emptyPurchasesTitle"),body:o("activity.emptyPurchasesBody")},sales:{icon:"offer",title:o("activity.emptySalesTitle"),body:o("activity.emptySalesBody")}}[e];return t.jsxs(pe,{children:[t.jsx($,{name:s.icon,size:40,color:n.colors.muted2}),t.jsx(me,{children:s.title}),t.jsx(xe,{children:s.body}),e!=="sales"?t.jsx(bt,{as:oe,to:"/items",variant:"white",children:o("notFound.cta")}):null]})}function Ut(){const{session:e}=U(),[s,a]=g.useState("all"),[i,d]=ze(),r=i.get(W)===re||i.get(G)===kt;Te({title:r?o("seo.import.title"):o("nav.activity"),noindex:!0});const{count:h}=_e(),{count:c}=at(),f=h!==void 0&&c!==void 0&&(h>0||c>0||r),p=!!e&&!r&&s!=="sales",x=!!e&&!r&&s!=="purchases",y=P(["purchases",e==null?void 0:e.address],u=>Fe(e.address,e.identity,{first:T,skip:u}),{enabled:p}),b=P(["sales",e==null?void 0:e.address],u=>ie(e.address,{role:"seller",first:T,skip:u}),{enabled:x}),v=P(["credit-orders",e==null?void 0:e.address],u=>se(e.address,e.identity,{first:T,skip:u}),{enabled:p}),j=P(["mana-purchases",e==null?void 0:e.address],u=>ie(e.address,{role:"buyer",first:T,skip:u}),{enabled:p}),{data:Z}=A({queryKey:["sale-payouts",e==null?void 0:e.address],queryFn:()=>se(e.address,e.identity,{first:200}).then(u=>u.payouts),enabled:x,staleTime:6e4}),be=g.useMemo(()=>it(Z),[Z]),{data:ve}=Se(x);if(!e)return t.jsxs(pe,{children:[t.jsx($,{name:"clock",size:40,color:n.colors.muted2}),t.jsx(me,{children:o("activity.signInTitle")}),t.jsx(xe,{children:o("activity.signInBody")})]});const ee=tt(et({purchases:p?y.items:[],sales:x?b.items:[],creditOrders:p?v.items:[],manaPurchases:p?j.items:[],rate:ve}),s),je=p&&(y.isLoading||v.isLoading||j.isLoading)||x&&b.isLoading,te=p&&(y.isFetchingNextPage||v.isFetchingNextPage||j.isFetchingNextPage)||x&&b.isFetchingNextPage,we=p&&(y.hasNextPage||v.hasNextPage||j.hasNextPage)||x&&b.hasNextPage;function ke(){p&&y.hasNextPage&&y.fetchNextPage(),p&&v.hasNextPage&&v.fetchNextPage(),p&&j.hasNextPage&&j.fetchNextPage(),x&&b.hasNextPage&&b.fetchNextPage()}function Ie(u){if(a(u),!r)return;const k=new URLSearchParams(i);k.delete(W),k.delete(G),d(k,{replace:!0})}function Ae(){const u=new URLSearchParams(i);u.set(W,re),u.delete(G),d(u,{replace:!0})}return t.jsxs(ot,{children:[t.jsx(dt,{children:t.jsx(ct,{children:o("nav.activity")})}),t.jsxs(lt,{role:"tablist","aria-label":o("nav.activity"),children:[wt.map(u=>t.jsx(le,{type:"button",role:"tab","aria-selected":!r&&s===u,"data-active":!r&&s===u,"data-testid":`activity-filter-${u}`,onClick:()=>Ie(u),children:o(`activity.filter.${u}`)},u)),f?t.jsxs(ut,{type:"button",role:"tab","aria-selected":r,"data-active":r,"data-testid":"activity-filter-migrate","aria-label":h?o("activity.migrate.chipAria",{count:h}):void 0,onClick:Ae,children:[o("activity.migrate.chip"),h?t.jsx(ht,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:h}):null]}):null]}),r?t.jsx(g.Suspense,{fallback:t.jsx(pt,{"aria-busy":"true"}),children:t.jsx(jt,{})}):je?t.jsx(ne,{children:Array.from({length:5}).map((u,k)=>t.jsx(ae,{},k))}):ee.length===0?t.jsx(Pt,{filter:s}):t.jsxs(t.Fragment,{children:[t.jsxs(ne,{children:[ee.map(u=>u.kind==="purchase"?t.jsx($t,{order:u.order},u.id):u.kind==="credit"?t.jsx(Nt,{order:u.order},u.id):u.kind==="mana-purchase"?t.jsx(Et,{sale:u.sale},u.id):t.jsx(Lt,{sale:u.sale,payout:st(be,u.sale)},u.id)),te?t.jsx(ae,{}):null]}),t.jsx(We,{hasNextPage:we,isFetching:te,onLoadMore:ke})]})]})}export{Ut as Activity};
-//# sourceMappingURL=Activity-3zdHVqsh.js.map