@dcl/shop 0.10.1-31040959942.commit-e9e6433 → 0.10.1-31047879016.commit-2c3846e

package/index.html

@@ -16,10 +16,10 @@
     <link rel="canonical" href="https://decentraland.org/shop/" />
 
     <!-- Favicon: the Decentraland mark (same as the marketplace). -->
-    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/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/0.10.1-31040959942.commit-e9e6433/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/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/0.10.1-31040959942.commit-e9e6433/_assets/index-buu21jrH.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/_assets/react-BYHuwl8r.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/_assets/dcl-schemas-CmtP3U6y.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/_assets/sentry-Dx-KuLV3.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/_assets/ethers-BDpbhgX6.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/_assets/index-D-NhBWWr.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/_assets/index-HxLvOExR.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/_assets/react-BYHuwl8r.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/_assets/dcl-schemas-CmtP3U6y.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/_assets/sentry-Dx-KuLV3.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/_assets/ethers-BDpbhgX6.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.10.1-31047879016.commit-2c3846e/_assets/index-BYP7oMPZ.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.10.1-31040959942.commit-e9e6433",
+  "version": "0.10.1-31047879016.commit-2c3846e",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "e9e643383b0fc19bbd7b36b8110469dd35bf9364"
+  "commit": "2c3846e4c745227de11e88e69906ad8614079c2d"
 }

package/_assets/Activity-CUf8ogRR.js

@@ -1,381 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-D8LZCVOB.js","_assets/react-BYHuwl8r.js","_assets/index-buu21jrH.js","_assets/dcl-schemas-CmtP3U6y.js","_assets/sentry-Dx-KuLV3.js","_assets/ethers-BDpbhgX6.js","_assets/intl-CBcMB1D2.js","_assets/index-D-NhBWWr.css","_assets/useImportable-Dh1ZOsU2.js","_assets/buy-Dgj0sRqb.js","_assets/authorizations-dpp0OnHI.js","_assets/sendMetaTransaction-CzqCMKMd.js","_assets/ManaPricingBanner.styles-CJS5V2Di.js","_assets/Faq-C0nCohQD.js","_assets/field.styles-BThVZLzX.js"])))=>i.map(i=>d[i]);
-import{n as ke,bM as Ie,o as z,v as A,bN as Ae,s as h,t as a,w as $e,B as Le,x as Pe,b as d,ao as Ne,I as $,bO as te,bP as ie,bQ as Ee,_ as Te,z as N,bR as Ce,A as Se,bh as R,L as Fe,bS as Me,E as De,bT as Oe,bU as _}from"./index-buu21jrH.js";import{r as g,u as He,j as t,L as re,e as qe}from"./react-BYHuwl8r.js";import{u as ze}from"./useImportable-Dh1ZOsU2.js";import{L as Re}from"./LoadMore-CKNE48ED.js";import{u as L}from"./useInfiniteGrid--LOCzyU9.js";import{m as oe}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-Dgj0sRqb.js";import"./authorizations-dpp0OnHI.js";import"./sendMetaTransaction-CzqCMKMd.js";const _e=15e3;function Ge(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)<=_e}function We(e){const s=[...e].sort((i,r)=>r.createdAt-i.createdAt),n=[];for(const i of s){const r=n[n.length-1];r&&Ge(r[r.length-1],i)?r.push(i):n.push([i])}return n.map(i=>{var r;return{id:((r=i.find(c=>c.txHash))==null?void 0:r.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(c=>c.createdAt)),status:i.some(c=>c.status==="PENDING")?"PENDING":"SETTLED",totalCredits:i.reduce((c,u)=>c+u.credits,0),lines:i}})}function Be(e){return e.tradeId?`trade:${e.tradeId}`:e.contractAddress&&e.itemId?`item:${e.contractAddress.toLowerCase()}:${e.itemId}`:null}function Ue(e){const s=[],n=new Map;for(const i of e){const r=Be(i);if(!r){s.push({key:i.id,tradeId:null,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits});continue}const c=n.get(r);if(c){c.quantity+=1,c.credits+=i.credits;continue}const u={key:r,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits};n.set(r,u),s.push(u)}return s}function Ke(e,s){return{id:e.id,contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId,counterparty:e.buyer,credits:s?ke(e.manaWei,s):null,manaWei:e.manaWei,createdAt:e.createdAt,txHash:e.txHash}}function Qe(e){const n=We(e.purchases.filter(o=>o.status!=="EXPIRED")).map(o=>({kind:"purchase",id:`purchase:${o.id}`,createdAt:o.createdAt,order:o})),i=e.sales.map(o=>{const x=Ke(o,e.rate);return{kind:"sale",id:`sale:${x.id}`,createdAt:x.createdAt,sale:x}}),r=(e.creditOrders??[]).filter(o=>o.status!=="failed"&&o.status!=="abandoned").map(o=>({kind:"credit",id:`credit:${o.id}`,createdAt:o.createdAt,order:o})),c=new Set(e.purchases.filter(o=>o.txHash).map(o=>o.txHash.toLowerCase())),u=(e.manaPurchases??[]).filter(o=>!c.has(o.txHash.toLowerCase())).map(o=>({kind:"mana-purchase",id:`mana-purchase:${o.id}`,createdAt:o.createdAt,sale:o}));return[...n,...i,...r,...u].sort((o,x)=>x.createdAt-o.createdAt||(o.id<x.id?-1:1))}function Ve(e,s){return s==="all"?e:s==="sales"?e.filter(n=>n.kind==="sale"):e.filter(n=>n.kind==="purchase"||n.kind==="credit"||n.kind==="mana-purchase")}const ce=e=>e.trim().toLowerCase();function Xe(e){const s=new Map;for(const n of e??[]){const i=ce(n.txHash??"");if(!i)continue;const r=s.get(i);r?r.push(n):s.set(i,[n])}return s}function Ye(e,s,n=Date.now()){const i=s.txHash?e.get(ce(s.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const r=i.length===1?Ze(i[0].netCents):null,c=i.filter(o=>!o.available&&o.availableAt>n);if(c.length===0)return{kind:"credited",credits:r};const u=c.reduce((o,x)=>Math.max(o,x.availableAt),0);return{kind:"pending",credits:r,availableAt:u}}function Ze(e){return Ie(e)}function Je(){const e=z(i=>{var r;return(r=i.session)==null?void 0:r.address}),{data:s,isLoading:n}=A({queryKey:["listing-count",e],queryFn:()=>Ae({creator:e,onSale:!0,first:1}),enabled:!!e,staleTime:5*6e4});return{count:s==null?void 0:s.total,isLoading:n}}const et="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/_assets/credits-product-vs4Q6u6l.svg",G=$e`
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-`,tt=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.
-
-     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;
-`,it=h.div`
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  margin-bottom: 20px;
-`,st=h.h1`
-  font-family: ${a.font.sans};
-  margin: 0;
-`;h.span`
-  color: ${a.colors.muted};
-  font-size: 14px;
-`;const at=h.div`
-  display: flex;
-  gap: 8px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-`,de=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 ${a.colors.gray4};
-  background: ${a.colors.white};
-  color: ${a.colors.text};
-  font-family: ${a.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: ${a.radius.pill};
-  cursor: pointer;
-  transition:
-    background 0.15s,
-    border-color 0.15s,
-    color 0.15s;
-
-  &:hover {
-    background: ${a.colors.media};
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-  &[data-active='true'] {
-    background: ${a.colors.accent};
-    border-color: ${a.colors.accent};
-    color: ${a.colors.white};
-  }
-`,nt=h(de)`
-  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: ${a.colors.white};
-    color: ${a.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 ${a.colors.accent};
-  }
-`,rt=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: ${a.radius.pill};
-  background: ${a.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 ${a.colors.white};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 1.6;
-  color: ${a.colors.white};
-`,ot=h.div`
-  min-height: 60vh;
-`,se=h.div`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-`,E=h.div`
-  background: ${a.colors.white};
-  border: 1px solid ${a.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: ${a.colors.softWhite};
-  border-bottom: 1px solid ${a.colors.line};
-
-  ${a.media.maxWidth("mobile")} {
-    flex-wrap: wrap;
-  }
-`,C=h.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-`,S=h.span`
-  font-weight: 700;
-  color: ${a.colors.text};
-`,F=h.span`
-  font-size: 13px;
-  color: ${a.colors.muted};
-`,M=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;
-`,ct=h.div`
-  flex: 0 0 auto;
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${a.colors.media};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  img {
-    width: 30px;
-    height: 30px;
-    display: block;
-  }
-`,D=h.span`
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  padding: 4px 10px;
-  border-radius: ${a.radius.pill};
-  white-space: nowrap;
-
-  &[data-status='SETTLED'] {
-    background: rgba(30, 166, 114, 0.14);
-    color: ${a.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: ${a.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: ${a.colors.line};
-    color: ${a.colors.muted};
-  }
-`,dt=h.button`
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  padding: 4px 10px;
-  border-radius: ${a.radius.pill};
-  white-space: nowrap;
-  border: 1px solid ${a.colors.accent};
-  background: transparent;
-  color: ${a.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;
-  }
-`,j=h.div`
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  font-weight: 800;
-  color: ${a.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: ${a.colors.okStrong};
-  }
-`,le=h.img`
-  width: 16px;
-  height: 16px;
-  vertical-align: -0.15em;
-`,lt=h.span`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-`,ht=h.span`
-  position: fixed;
-  transform: translateX(-50%);
-  padding: 6px 8px;
-  border-radius: 6px;
-  background: #16141a;
-  color: ${a.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;
-`,W=h.div`
-  display: flex;
-  flex-direction: column;
-`,O=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 ${a.colors.line};
-  }
-
-  &[data-link='true'] {
-    transition: background 0.15s;
-  }
-  &[data-link='true']:hover {
-    background: ${a.colors.media};
-  }
-  &[data-link='true']:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: -2px;
-  }
-`,B=h.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${a.colors.media};
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${a.colors.muted2};
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,U=h.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: linear-gradient(100deg, ${a.colors.media} 30%, ${a.colors.panel} 50%, ${a.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${G} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,K=h.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`,Q=h.span`
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,V=h.span`
-  display: inline-block;
-  width: 140px;
-  max-width: 60%;
-  height: 12px;
-  border-radius: 6px;
-  background: linear-gradient(100deg, ${a.colors.media} 30%, ${a.colors.panel} 50%, ${a.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${G} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,X=h.span`
-  font-size: 13px;
-  color: ${a.colors.muted};
-`,ut=h.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-weight: 700;
-  color: ${a.colors.text};
-  white-space: nowrap;
-
-  .ccy-mark {
-    width: 14px;
-    height: 14px;
-  }
-`,ae=h.div`
-  height: 132px;
-  border-radius: 16px;
-  border: 1px solid transparent;
-  background: linear-gradient(100deg, ${a.colors.media} 30%, ${a.colors.panel} 50%, ${a.colors.media} 70%);
-  background-size: 200% 100%;
-  animation: ${G} 1.3s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,he=h.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  text-align: center;
-  padding: 90px 20px;
-  min-height: 50vh;
-`,ue=h.p`
-  font-size: 22px;
-  font-weight: 700;
-  margin: 6px 0 0;
-`,pt=h(Le)`
-  margin-top: 12px;
-`,Y=O.withComponent(re),xt=g.lazy(()=>Te(()=>import("./index-D8LZCVOB.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(e=>({default:e.ImportListings}))),P=24,mt=["all","purchases","sales"],H="section",ne="listings",q="view",gt="migrate";function I(e){try{return new Date(e).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function pe(e){return e.length>10?`${e.slice(0,6)}…${e.slice(-4)}`:e}function xe(e){const s=Number(e)/1e18;return Number.isFinite(s)?s.toLocaleString("en",{maximumFractionDigits:2}):"0"}function me({children:e}){const s=g.useRef(null),[n,i]=g.useState(null),r=()=>{var u;const c=(u=s.current)==null?void 0:u.getBoundingClientRect();c&&i({top:c.bottom+8,left:c.left+c.width/2})};return t.jsxs(lt,{ref:s,tabIndex:0,onMouseEnter:r,onMouseLeave:()=>i(null),onFocus:r,onBlur:()=>i(null),children:[e,n?qe.createPortal(t.jsx(ht,{style:{top:n.top,left:n.left},role:"tooltip",children:d("activity.polygonMana")}),document.body):null]})}function ft({item:e}){const s=!!e.contractAddress&&!!e.itemId,n=!!e.tradeId||s,{data:i,isLoading:r}=A({queryKey:["order-line-display",e.tradeId,e.contractAddress,e.itemId],queryFn:()=>e.tradeId?Oe(e.tradeId):_(e.contractAddress,{itemId:e.itemId}),enabled:n,staleTime:5*6e4}),c=n&&r,u=(i==null?void 0:i.name)??d("activity.itemFallback"),o=(i==null?void 0:i.thumbnail)??"",x=R({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:[c?t.jsx(U,{}):t.jsx(B,{children:o?t.jsx("img",{src:o,alt:u}):t.jsx($,{name:"cart",size:20})}),t.jsxs(K,{children:[c?t.jsx(V,{}):t.jsx(Q,{title:u,children:u}),e.quantity>1?t.jsx(X,{children:d("activity.quantity",{count:e.quantity})}):null]}),t.jsxs(ut,{children:[t.jsx(N,{className:"ccy-mark"})," ",e.credits]})]});return x?t.jsx(Y,{to:x,"data-link":"true",children:f}):t.jsx(O,{children:f})}function bt({order:e}){const s=Ue(e.lines),n=s.reduce((i,r)=>i+r.quantity,0);return t.jsxs(E,{"data-testid":"purchase-order",children:[t.jsxs(T,{children:[t.jsxs(C,{children:[t.jsx(S,{children:I(e.createdAt)}),t.jsxs(F,{children:[d("activity.purchaseLabel")," · ",d("activity.itemCount",{count:n})]})]}),t.jsxs(M,{children:[t.jsx(D,{"data-status":e.status,children:e.status==="PENDING"?d("activity.processing"):d("activity.completed")}),t.jsxs(j,{children:[t.jsx(N,{className:"ccy-mark"})," ",e.totalCredits]})]})]}),t.jsx(W,{children:s.map(i=>t.jsx(ft,{item:i},i.key))})]})}function yt({sale:e}){const{data:s,isLoading:n}=A({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>_(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),i=(s==null?void 0:s.name)??d("activity.itemFallback"),r=(s==null?void 0:s.thumbnail)??"",c=R({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,u=t.jsxs(t.Fragment,{children:[n?t.jsx(U,{}):t.jsx(B,{children:r?t.jsx("img",{src:r,alt:i}):t.jsx($,{name:"offer",size:20})}),t.jsxs(K,{children:[n?t.jsx(V,{}):t.jsx(Q,{title:i,children:i}),t.jsx(X,{children:d("activity.boughtFrom",{account:pe(e.seller)})})]})]});return t.jsxs(E,{"data-testid":"activity-mana-purchase",children:[t.jsxs(T,{children:[t.jsxs(C,{children:[t.jsx(S,{children:I(e.createdAt)}),t.jsx(F,{children:d("activity.paidWithMana")})]}),t.jsxs(M,{children:[t.jsx(D,{"data-status":"SETTLED",children:d("activity.completed")}),t.jsxs(j,{children:[xe(e.manaWei)," ",t.jsx(me,{children:t.jsx(le,{src:oe,alt:"MANA"})})]})]})]}),t.jsx(W,{children:c?t.jsx(Y,{to:c,"data-link":"true",children:u}):t.jsx(O,{children:u})})]})}function vt({sale:e,payout:s}){const{data:n,isLoading:i}=A({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>_(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),r=(n==null?void 0:n.name)??d("activity.itemFallback"),c=(n==null?void 0:n.thumbnail)??"",u=R({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,o=t.jsxs(t.Fragment,{children:[i?t.jsx(U,{}):t.jsx(B,{children:c?t.jsx("img",{src:c,alt:r}):t.jsx($,{name:"offer",size:20})}),t.jsxs(K,{children:[i?t.jsx(V,{}):t.jsx(Q,{title:r,children:r}),t.jsxs(X,{children:[d("activity.soldTo",{account:pe(e.counterparty)}),s.kind==="pending"?` · ${d("activity.payoutPendingOn",{date:I(s.availableAt)})}`:""]})]})]});return t.jsxs(E,{"data-testid":"activity-sale",children:[t.jsxs(T,{children:[t.jsxs(C,{children:[t.jsx(S,{children:I(e.createdAt)}),t.jsx(F,{children:d("activity.saleLabel")})]}),t.jsxs(M,{children:[t.jsx(D,{"data-status":s.kind==="pending"?"PENDING":"SOLD",children:s.kind==="pending"?d("activity.payoutPending"):d("activity.sold")}),s.kind==="direct"?t.jsxs(j,{"data-kind":"income",children:["+",xe(e.manaWei)," ",t.jsx(me,{children:t.jsx(le,{src:oe,alt:"MANA"})})]}):s.credits!==null?t.jsxs(j,{"data-kind":"income",children:[t.jsx(N,{className:"ccy-mark"})," +",Fe(s.credits)]}):t.jsx(j,{"data-kind":"income",children:d("activity.payoutCredited")})]})]}),t.jsx(W,{children:u?t.jsx(Y,{to:u,"data-link":"true",children:o}):t.jsx(O,{children:o})})]})}function wt({order:e}){const s=`$${(e.usdCents/100).toFixed(2)}`,n=Ce(e.status),i=n==="SETTLED"?d("activity.completed"):n==="FAILED"?d("activity.failed"):n==="UNFINISHED"?d("activity.unfinished"):d("activity.processing"),r=z(p=>p.session),c=Se(),[u,o]=g.useState(!1),x=e.status==="initiated"&&!!r;async function f(){if(!(!r||u)){o(!0);try{const p=await Me(e.id,r.identity);if(p){window.location.href=p;return}De.info(d("activity.resumeExpired")),c.invalidateQueries({queryKey:["credit-orders"]})}finally{o(!1)}}}return t.jsx(E,{"data-testid":"credit-order",children:t.jsxs(T,{children:[t.jsx(ct,{children:t.jsx("img",{src:et,alt:"","aria-hidden":!0})}),t.jsxs(C,{children:[t.jsx(S,{children:I(e.createdAt)}),t.jsxs(F,{children:[d("activity.creditPurchaseLabel")," · ",d("activity.creditPaid",{usd:s})]})]}),t.jsxs(M,{children:[x?t.jsx(dt,{type:"button",onClick:()=>void f(),disabled:u,"data-testid":"resume-order",children:u?d("activity.resuming"):d("activity.resume")}):null,t.jsx(D,{"data-status":n,children:i}),t.jsxs(j,{"data-kind":"income",children:["+",t.jsx(N,{className:"ccy-mark"})," ",e.credits]})]})]})})}function jt({filter:e}){const s={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")}}[e];return t.jsxs(he,{children:[t.jsx($,{name:s.icon,size:40,color:a.colors.muted2}),t.jsx(ue,{children:s.title}),t.jsx("p",{className:"muted",children:s.body}),e!=="sales"?t.jsx(pt,{as:re,to:"/items",variant:"purple",children:d("notFound.cta")}):null]})}function Dt(){const{session:e}=z(),[s,n]=g.useState("all"),[i,r]=He(),c=i.get(H)===ne||i.get(q)===gt;Pe({title:c?d("seo.import.title"):d("nav.activity"),noindex:!0});const{count:u}=ze(),{count:o}=Je(),f=u!==void 0&&o!==void 0&&(u>0||o>0||c),p=!!e&&!c&&s!=="sales",m=!!e&&!c&&s!=="purchases",b=L(["purchases",e==null?void 0:e.address],l=>Ee(e.address,e.identity,{first:P,skip:l}),{enabled:p}),y=L(["sales",e==null?void 0:e.address],l=>te(e.address,{role:"seller",first:P,skip:l}),{enabled:m}),v=L(["credit-orders",e==null?void 0:e.address],l=>ie(e.address,e.identity,{first:P,skip:l}),{enabled:p}),w=L(["mana-purchases",e==null?void 0:e.address],l=>te(e.address,{role:"buyer",first:P,skip:l}),{enabled:p}),{data:Z}=A({queryKey:["sale-payouts",e==null?void 0:e.address],queryFn:()=>ie(e.address,e.identity,{first:200}).then(l=>l.payouts),enabled:m,staleTime:6e4}),ge=g.useMemo(()=>Xe(Z),[Z]),{data:fe}=Ne(m);if(!e)return t.jsxs(he,{children:[t.jsx($,{name:"clock",size:40,color:a.colors.muted2}),t.jsx(ue,{children:d("activity.signInTitle")}),t.jsx("p",{className:"muted",children:d("activity.signInBody")})]});const J=Ve(Qe({purchases:p?b.items:[],sales:m?y.items:[],creditOrders:p?v.items:[],manaPurchases:p?w.items:[],rate:fe}),s),be=p&&(b.isLoading||v.isLoading||w.isLoading)||m&&y.isLoading,ee=p&&(b.isFetchingNextPage||v.isFetchingNextPage||w.isFetchingNextPage)||m&&y.isFetchingNextPage,ye=p&&(b.hasNextPage||v.hasNextPage||w.hasNextPage)||m&&y.hasNextPage;function ve(){p&&b.hasNextPage&&b.fetchNextPage(),p&&v.hasNextPage&&v.fetchNextPage(),p&&w.hasNextPage&&w.fetchNextPage(),m&&y.hasNextPage&&y.fetchNextPage()}function we(l){if(n(l),!c)return;const k=new URLSearchParams(i);k.delete(H),k.delete(q),r(k,{replace:!0})}function je(){const l=new URLSearchParams(i);l.set(H,ne),l.delete(q),r(l,{replace:!0})}return t.jsxs(tt,{children:[t.jsx(it,{children:t.jsx(st,{children:d("nav.activity")})}),t.jsxs(at,{role:"tablist","aria-label":d("nav.activity"),children:[mt.map(l=>t.jsx(de,{type:"button",role:"tab","aria-selected":!c&&s===l,"data-active":!c&&s===l,"data-testid":`activity-filter-${l}`,onClick:()=>we(l),children:d(`activity.filter.${l}`)},l)),f?t.jsxs(nt,{type:"button",role:"tab","aria-selected":c,"data-active":c,"data-testid":"activity-filter-migrate","aria-label":u?d("activity.migrate.chipAria",{count:u}):void 0,onClick:je,children:[d("activity.migrate.chip"),u?t.jsx(rt,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:u}):null]}):null]}),c?t.jsx(g.Suspense,{fallback:t.jsx(ot,{"aria-busy":"true"}),children:t.jsx(xt,{})}):be?t.jsx(se,{children:Array.from({length:5}).map((l,k)=>t.jsx(ae,{},k))}):J.length===0?t.jsx(jt,{filter:s}):t.jsxs(t.Fragment,{children:[t.jsxs(se,{children:[J.map(l=>l.kind==="purchase"?t.jsx(bt,{order:l.order},l.id):l.kind==="credit"?t.jsx(wt,{order:l.order},l.id):l.kind==="mana-purchase"?t.jsx(yt,{sale:l.sale},l.id):t.jsx(vt,{sale:l.sale,payout:Ye(ge,l.sale)},l.id)),ee?t.jsx(ae,{}):null]}),t.jsx(Re,{hasNextPage:ye,isFetching:ee,onLoadMore:ve})]})]})}export{Dt as Activity};

package/_assets/AnimatedBackground-_78VlBdV.js

@@ -1,97 +0,0 @@
-import{r as l,j as v}from"./react-BYHuwl8r.js";import{s as u}from"./index-buu21jrH.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const S="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/_assets/custom-welcome-background-BxlFQma9.webp",b="https://cdn.decentraland.org/@dcl/shop/0.10.1-31040959942.commit-e9e6433/_assets/DCL_LogoPattern-BryBPc3d.png",U=`
-attribute vec2 a_position;
-varying vec2 v_uv;
-void main() {
-  v_uv = a_position * 0.5 + 0.5;
-  gl_Position = vec4(a_position, 0.0, 1.0);
-}
-`,P=`
-precision highp float;
-
-uniform float u_time;
-uniform vec2 u_resolution;
-uniform sampler2D u_overlayTex;
-
-varying vec2 v_uv;
-
-const vec4 innerColor = vec4(0.749, 0.0, 1.0, 1.0);
-const vec4 outerColor = vec4(0.3176, 0.0235, 0.5176, 1.0);
-const float vignetteRadius = 0.167;
-const float vignetteSmoothness = 0.5;
-const vec4 overlayColor = vec4(1.0, 1.0, 1.0, 1.0);
-const float overlayTiling = 1.66;
-const vec2 overlayDirection = vec2(1.0, -1.25);
-const float overlaySpeed = 0.06;
-const float overlayAlpha = 0.573;
-const vec4 glowColor = vec4(0.5725, 0.0588, 0.6392, 1.0);
-const float glowStrength = 0.17;
-const vec2 glowRadiusVec = vec2(0.05, 0.13);
-const float glowSmoothness = 3.61;
-const vec2 glowCenter = vec2(0.68, 0.5);
-const float luminosityStrength = 0.541;
-
-vec3 rgb2hsv(vec3 c) {
-  vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
-  vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
-  vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
-  float d = q.x - min(q.w, q.y);
-  float e = 1e-10;
-  return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
-}
-
-vec3 hsv2rgb(vec3 c) {
-  vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
-  vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
-  return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
-}
-
-void main() {
-  vec2 uv = v_uv;
-
-  vec2 centerUV = uv - 0.5;
-  float rad = length(centerUV);
-  float mask = smoothstep(vignetteRadius + vignetteSmoothness, vignetteRadius, rad);
-  vec4 vignette = mix(outerColor, innerColor, mask);
-
-  float aspect = u_resolution.x / u_resolution.y;
-  vec2 overlayUV = uv;
-  overlayUV.x *= overlayTiling * aspect;
-  overlayUV.y *= overlayTiling;
-  overlayUV += u_time * overlayDirection * overlaySpeed;
-  vec4 overlay = texture2D(u_overlayTex, overlayUV) * overlayColor;
-  overlay.a *= overlayAlpha * mask;
-
-  vec3 vignetteHSV = rgb2hsv(vignette.rgb);
-  vec3 overlayHSV = rgb2hsv(overlay.rgb);
-  float val = mix(0.5, 1.0, overlayHSV.z);
-  vec3 luminosityBlend = hsv2rgb(vec3(vignetteHSV.x, vignetteHSV.y, val));
-  float luminosityBlendAmount = overlay.a * luminosityStrength;
-  vec4 result = vec4(mix(vignette.rgb, luminosityBlend, luminosityBlendAmount), 1.0);
-
-  vec2 glowDelta = (uv - glowCenter) / glowRadiusVec;
-  glowDelta.x *= aspect;
-  float glowDist = length(glowDelta);
-  float glowMask = 1.0 - smoothstep(1.0, 1.0 + glowSmoothness, glowDist);
-  vec4 glow = glowColor * glowMask * glowStrength;
-  result.rgb += glow.rgb * glow.a;
-
-  gl_FragColor = result;
-}
-`;function p(t,n,r){const e=t.createShader(n);return e?(t.shaderSource(e,r),t.compileShader(e),t.getShaderParameter(e,t.COMPILE_STATUS)?e:(console.error("Shader compile error:",t.getShaderInfoLog(e)),t.deleteShader(e),null)):null}function D(t,n,r){const e=t.createProgram();return e?(t.attachShader(e,n),t.attachShader(e,r),t.linkProgram(e),t.getProgramParameter(e,t.LINK_STATUS)?e:(console.error("Program link error:",t.getProgramInfoLog(e)),t.deleteProgram(e),null)):null}function L(t,n,r){const e=t.createTexture();if(!e)return null;t.bindTexture(t.TEXTURE_2D,e),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array([128,128,128,255]));const o=new Image;return o.crossOrigin="anonymous",o.onload=()=>{r!=null&&r()||(t.bindTexture(t.TEXTURE_2D,e),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,!0),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,o),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR_MIPMAP_LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.generateMipmap(t.TEXTURE_2D))},o.src=n,e}const B=u.div`
-  position: absolute;
-  inset: 0;
-  overflow: hidden;
-`,F=u.div`
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-`,I=u.canvas`
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-`;function G(){const t=l.useRef(null),n=l.useRef(0);return l.useEffect(()=>{var x;const r=t.current;if(!r||(x=window.matchMedia)!=null&&x.call(window,"(prefers-reduced-motion: reduce)").matches)return;const e=r.getContext("webgl",{alpha:!1,antialias:!1});if(!e)return;const o=p(e,e.VERTEX_SHADER,U),i=p(e,e.FRAGMENT_SHADER,P);if(!o||!i){o&&e.deleteShader(o),i&&e.deleteShader(i);return}const a=D(e,o,i);if(!a){e.deleteShader(o),e.deleteShader(i);return}const m=e.getAttribLocation(a,"a_position"),R=e.getUniformLocation(a,"u_time"),_=e.getUniformLocation(a,"u_resolution"),y=e.getUniformLocation(a,"u_overlayTex"),s=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,s),e.bufferData(e.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),e.STATIC_DRAW);let d=!1;const f=L(e,b,()=>d),w=()=>{const c=window.devicePixelRatio||1,E=r.clientWidth*c,g=r.clientHeight*c;(r.width!==E||r.height!==g)&&(r.width=E,r.height=g)},A=performance.now()/1e3,h=()=>{w(),e.viewport(0,0,r.width,r.height),e.useProgram(a),e.uniform1f(R,performance.now()/1e3-A),e.uniform2f(_,r.width,r.height),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,f),e.uniform1i(y,0),e.enableVertexAttribArray(m),e.bindBuffer(e.ARRAY_BUFFER,s),e.vertexAttribPointer(m,2,e.FLOAT,!1,0,0),e.drawArrays(e.TRIANGLES,0,6),n.current=requestAnimationFrame(h)},T=c=>{c.preventDefault(),cancelAnimationFrame(n.current),r.style.opacity="0"};return r.addEventListener("webglcontextlost",T,!1),n.current=requestAnimationFrame(h),()=>{d=!0,cancelAnimationFrame(n.current),r.removeEventListener("webglcontextlost",T),e.deleteProgram(a),e.deleteShader(o),e.deleteShader(i),e.deleteBuffer(s),e.deleteTexture(f)}},[]),v.jsxs(B,{"aria-hidden":!0,children:[v.jsx(F,{style:{backgroundImage:`url(${S})`}}),v.jsx(I,{ref:t})]})}export{G as default};