npm - @dcl/shop - Versions diffs - 1.16.0 → 1.16.1-36009595531.commit-94584a5 - Mend

@dcl/shop 1.16.0 → 1.16.1-36009595531.commit-94584a5

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 (421) hide show

package/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script>(function(){var p=location.pathname.replace(/\/+$/,"");if(["","/overview","/shop","/shop/overview"].indexOf(p)<0)return;var l=document.createElement("link");l.rel="preload";l.as="image";l.setAttribute("fetchpriority","high");l.href=matchMedia("(max-width: 768px)").matches?"https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/hero-credits-mobile-LAXPcEn7.webp":"https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/hero-credits-outfits-BNtxxCBA.webp";document.head.appendChild(l)})()</script>
+    <script>(function(){var p=location.pathname.replace(/\/+$/,"");if(["","/overview","/shop","/shop/overview"].indexOf(p)<0)return;var l=document.createElement("link");l.rel="preload";l.as="image";l.setAttribute("fetchpriority","high");l.href=matchMedia("(max-width: 768px)").matches?"https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/hero-credits-mobile-LAXPcEn7.webp":"https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/hero-credits-outfits-BNtxxCBA.webp";document.head.appendChild(l)})()</script>
     <!-- Primary meta -->
     <title>Decentraland Shop | Wearables & Emotes for Your Avatar</title>
@@ -17,10 +17,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.16.0/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/1.16.0/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/1.16.0/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/site.webmanifest" />
     <!-- Open Graph.
@@ -59,7 +59,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.16.0/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/sitemap.xml" />
     <!-- Warm the 3D preview / fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -71,13 +71,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.16.0/_assets/index-BRNshUaV.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/react-COwX0Zlk.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/dcl-schemas-B-Ph0Ls4.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/sentry-D9BarSwm.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/ethers-bR7FzlYq.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/intl-AKLEHPeO.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/index-BmTyuiQs.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/index-x3_oOTlT.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/react-xTOg_zXI.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/dcl-schemas-D-5rZ83i.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/sentry-B0Y62cGL.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/ethers-CopgDOSY.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/intl-AKLEHPeO.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/index-D8mGQF7W.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "1.16.0",
+  "version": "1.16.1-36009595531.commit-94584a5",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "e35d44f20382454f1ebc23cc1a672882ef09726a"
+  "commit": "94584a5ce756c0068d6ce3cb1c180b921dcbe839"
 }

package/_assets/Activity-Zur2krvm.js DELETED Viewed

@@ -1,400 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-DVSIxGm9.js","_assets/react-COwX0Zlk.js","_assets/index-BRNshUaV.js","_assets/dcl-schemas-B-Ph0Ls4.js","_assets/sentry-D9BarSwm.js","_assets/ethers-bR7FzlYq.js","_assets/intl-AKLEHPeO.js","_assets/index-BmTyuiQs.css","_assets/import-CeVyQRnj.js","_assets/buy-Bz6BQ053.js","_assets/trade-encoding-DqOFT-xH.js","_assets/sendMetaTransaction-Cpk-JkUY.js","_assets/modal.styles-Do478QcD.js","_assets/ManaPricingBanner.styles-C-mAX-6w.js","_assets/Faq-DB62IPDv.js","_assets/sales-empty-BCWN_I8i.js","_assets/field.styles-RDJk3ZFi.js"])))=>i.map(i=>d[i]);
-import{m as Ae,bH as Ee,x as U,w as E,c2 as Le,s as u,a as d,k as Ne,B as Te,t as o,Y as $e,aF as Pe,$ as ce,c3 as ae,c4 as ne,c5 as Se,_ as Fe,z as L,as as B,c6 as Ce,aG as De,bt as K,I as V,F as Me,c7 as He,aP as T,c8 as Re,c9 as Q}from"./index-BRNshUaV.js";import{r as f,u as We,j as t,d as qe,L as Oe}from"./react-COwX0Zlk.js";import{u as _e,s as ze}from"./sales-empty-BCWN_I8i.js";import{L as Ge}from"./LoadMore-yxZw85kf.js";import{u as $}from"./useInfiniteGrid-CoFLGUq5.js";import{m as le}from"./mana-matic-CEqvSwrJ.js";import{n as Ue}from"./name-glyph-aUugT8vq.js";import{s as Be}from"./signin-empty-C2-U4-eJ.js";import"./dcl-schemas-B-Ph0Ls4.js";import"./sentry-D9BarSwm.js";import"./ethers-bR7FzlYq.js";import"./intl-AKLEHPeO.js";import"./import-CeVyQRnj.js";import"./buy-Bz6BQ053.js";import"./trade-encoding-DqOFT-xH.js";import"./sendMetaTransaction-Cpk-JkUY.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]="76ec54f5-740c-4f4d-9b13-477da4a2782d",e._sentryDebugIdIdentifier="sentry-dbid-76ec54f5-740c-4f4d-9b13-477da4a2782d")}catch{}})();const Ke=15e3;function Ve(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)<=Ke}function Qe(e){const s=[...e].sort((i,n)=>n.createdAt-i.createdAt),a=[];for(const i of s){const n=a[a.length-1];n&&Ve(n[n.length-1],i)?n.push(i):a.push([i])}return a.map(i=>{var n;return{id:((n=i.find(c=>c.txHash))==null?void 0:n.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(c=>c.createdAt)),status:Xe(i),totalCredits:i.reduce((c,l)=>c+l.credits,0),lines:i}})}function Xe(e){return e.some(s=>s.status==="PENDING")?"PENDING":e.some(s=>s.status==="SETTLED")?"SETTLED":"EXPIRED"}function Ye(e){return e==="SETTLED"?"SETTLED":e==="EXPIRED"?"FAILED":"PENDING"}function Ze(e){return e.tradeId?`trade:${e.tradeId}`:e.contractAddress&&e.itemId?`item:${e.contractAddress.toLowerCase()}:${e.itemId}`:null}function Je(e){const s=[],a=new Map;for(const i of e){const n=Ze(i);if(!n){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 c=a.get(n);if(c){c.quantity+=1,c.credits+=i.credits;continue}const l={key:n,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,registeredName:i.registeredName??null,quantity:1,credits:i.credits};a.set(n,l),s.push(l)}return s}function et(e,s){return{id:e.id,contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId,counterparty:e.buyer,credits:s?Ae(e.manaWei,s):null,manaWei:e.manaWei,createdAt:e.createdAt,txHash:e.txHash}}function tt(e){return e.status!=="EXPIRED"||!!e.submittedTxHash}function it(e){const a=Qe(e.purchases.filter(tt)).map(r=>({kind:"purchase",id:`purchase:${r.id}`,createdAt:r.createdAt,order:r})),i=e.sales.map(r=>{const p=et(r,e.rate);return{kind:"sale",id:`sale:${p.id}`,createdAt:p.createdAt,sale:p}}),n=(e.creditOrders??[]).filter(r=>r.status!=="failed"&&r.status!=="abandoned").map(r=>({kind:"credit",id:`credit:${r.id}`,createdAt:r.createdAt,order:r})),c=new Set(e.purchases.filter(r=>r.txHash).map(r=>r.txHash.toLowerCase())),l=(e.manaPurchases??[]).filter(r=>!c.has(r.txHash.toLowerCase())).map(r=>({kind:"mana-purchase",id:`mana-purchase:${r.id}`,createdAt:r.createdAt,sale:r}));return[...a,...i,...n,...l].sort((r,p)=>p.createdAt-r.createdAt||(r.id<p.id?-1:1))}function st(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 he=e=>e.trim().toLowerCase();function at(e){const s=new Map;for(const a of e??[]){const i=he(a.txHash??"");if(!i)continue;const n=s.get(i);n?n.push(a):s.set(i,[a])}return s}function nt(e,s,a=Date.now()){const i=s.txHash?e.get(he(s.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const n=i.length===1?rt(i[0].netCents):null,c=i.filter(r=>!r.available&&r.availableAt>a);if(c.length===0)return{kind:"credited",credits:n};const l=c.reduce((r,p)=>Math.max(r,p.availableAt),0);return{kind:"pending",credits:n,availableAt:l}}function rt(e){return Ee(e)}function ot(){const e=U(i=>{var n;return(n=i.session)==null?void 0:n.address}),{data:s,isLoading:a}=E({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 dt="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/credits-product-vs4Q6u6l.svg",X=Ne`
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-`,ct=u.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;
-`,lt=u.div`
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  margin-bottom: 20px;
-`,ht=u.h1`
-  font-family: ${d.font.sans};
-  margin: 0;
-  color: ${d.colors.softWhite};
-`;u.span`
-  color: ${d.colors.gray4};
-  font-size: 14px;
-`;const ut=u.div`
-  display: flex;
-  gap: 8px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-`,ue=u.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: ${d.colors.glass};
-  color: ${d.colors.white};
-  font-family: ${d.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: ${d.radius.pill};
-  cursor: pointer;
-  transition:
-    background 0.15s,
-    color 0.15s;
-  &:hover {
-    background: ${d.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 ${d.colors.white};
-    outline-offset: -2px;
-  }
-  &[data-active='true'] {
-    background: ${d.colors.softWhite};
-    color: ${d.colors.text};
-  }
-  &[data-active='true']:hover {
-    background: ${d.colors.white};
-  }
-  &[data-active='true']:focus-visible {
-    outline-color: ${d.colors.text};
-  }
-`,pt=u(ue)`
-  position: relative;
-`,mt=u.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: ${d.radius.pill};
-  background: ${d.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: ${d.colors.white};
-`,gt=u.div`
-  min-height: 60vh;
-`,re=u.div`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-`,S=u.div`
-  /* No fill of its own, deliberately. Its children each paint one of the designer's two alphas, and a
-     fill here would sit UNDER both: the head's 60% composited over a 40% card lands far darker than
-     60% over the page, which is what it is measured against. The card contributes only the shape. */
-  border: 1px solid ${d.colors.cardLine};
-  border-radius: 16px;
-  overflow: hidden;
-  /* The card owns its text colour now. Anything inside that states none of its own - an item's name,
-     most of all - used to inherit the page's near-black body colour, which was right while the card
-     was white and invisible once it stopped being. Set here rather than per element so a descendant
-     added later is light by default instead of silently black. */
-  color: ${d.colors.softWhite};
-  /* The credits mark is pinned near-black globally (Icon.css) so that a green income total never tints
-     it - only the amount is coloured, never the glyph. That intent holds here and is why this sets a
-     fixed colour rather than letting the mark inherit: what could not survive the move is the value,
-     which was chosen for a white card and vanishes into this one. */
-  .ccy-mark,
-  .ccy {
-    color: ${d.colors.softWhite};
-  }
-`,F=u.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 14px 18px;
-  /* Black at 60% against the rows' 40% - the designer's exact pair. The head is the darker of the
-     two, so the purchase reads as the main line and the items as detail under it. */
-  background: ${d.colors.overlayStrong};
-  border-bottom: 1px solid ${d.colors.cardLine};
-  ${d.media.maxWidth("mobile")} {
-    flex-wrap: wrap;
-  }
-`,C=u.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-`,D=u.span`
-  font-weight: 700;
-  color: ${d.colors.softWhite};
-`,M=u.span`
-  font-size: 13px;
-  color: ${d.colors.gray4};
-`,H=u.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;
-`,xt=u.div`
-  flex: 0 0 auto;
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${d.colors.media};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  img {
-    width: 30px;
-    height: 30px;
-    display: block;
-  }
-`,R=u.span`
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  padding: 4px 10px;
-  border-radius: ${d.radius.pill};
-  white-space: nowrap;
-  /* The washes carry over unchanged, being translucent. The inks do not: each was darkened until it
-     cleared 4.5:1 on WHITE, which is exactly what sinks it here. Each moves to the palest existing
-     token of its own hue, measured against the card over the brightest part of the page gradient
-     (5.5:1 green, 6.8:1 amber, 7.6:1 violet, 7.9:1 pink). The token names come from where each colour
-     was first used, not from a status meaning — if this pairing spreads, they are worth promoting to
-     named status inks. */
-  &[data-status='SETTLED'] {
-    background: rgba(30, 166, 114, 0.14);
-    color: ${d.colors.successBorder};
-  }
-  &[data-status='PENDING'] {
-    background: rgba(245, 166, 35, 0.16);
-    color: ${d.colors.flareAmber};
-  }
-  &[data-status='SOLD'] {
-    background: rgba(103, 58, 183, 0.14);
-    color: ${d.colors.navViolet};
-  }
-  &[data-status='FAILED'] {
-    background: rgba(214, 61, 61, 0.14);
-    color: ${d.colors.saleTag};
-  }
-  /* 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: ${d.colors.glassFaint};
-    color: ${d.colors.gray4};
-  }
-`,ft=u.button`
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  padding: 4px 10px;
-  border-radius: ${d.radius.pill};
-  white-space: nowrap;
-  border: 1px solid ${d.colors.navViolet};
-  background: transparent;
-  color: ${d.colors.navViolet};
-  cursor: pointer;
-  transition: background 0.15s ease;
-  &:hover:not(:disabled) {
-    background: rgba(227, 201, 251, 0.14);
-  }
-  &:disabled {
-    opacity: 0.6;
-    cursor: default;
-  }
-`,k=u.div`
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  font-weight: 800;
-  /* Income used to read in the success green and is deliberately white like every other total now:
-     the plus sign already says money came in, and the green was the one colour shouting on the page.
-     There is no [data-kind='income'] rule any more because it would only repeat this line. */
-  color: ${d.colors.softWhite};
-  white-space: nowrap;
-  .ccy-mark {
-    width: 16px;
-    height: 16px;
-  }
-`,pe=u.img`
-  width: 16px;
-  height: 16px;
-  vertical-align: -0.15em;
-`,yt=u.span`
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-`,bt=u.span`
-  position: fixed;
-  transform: translateX(-50%);
-  padding: 6px 8px;
-  border-radius: 6px;
-  background: #16141a;
-  color: ${d.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;
-`,vt=u.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: ${d.colors.gray4};
-  /* Sits between the two bands, so it carries the rows' fill rather than leaving the page showing. */
-  background: ${d.colors.overlay};
-`,Y=u.div`
-  display: flex;
-  flex-direction: column;
-  background: ${d.colors.overlay};
-`,N=u.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 ${d.colors.cardLine};
-  }
-  &[data-link='true'] {
-    transition: background 0.15s;
-  }
-  &[data-link='true']:hover {
-    background: ${d.colors.glassFaint};
-  }
-  &[data-link='true']:focus-visible {
-    /* White, like the filter chips above: the accent purple was drawn for the white card and all but
-       vanishes against the translucent black. */
-    outline: 2px solid ${d.colors.white};
-    outline-offset: -2px;
-  }
-`,W=u.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: ${d.colors.media};
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${d.colors.muted2};
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,Z=u.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 10px;
-  background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
-  background-size: 200% 100%;
-  animation: ${X} 1.3s infinite linear;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,q=u.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`,O=u.span`
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,J=u.span`
-  display: inline-block;
-  width: 140px;
-  max-width: 60%;
-  height: 12px;
-  border-radius: 6px;
-  background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
-  background-size: 200% 100%;
-  animation: ${X} 1.3s infinite linear;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,_=u.span`
-  font-size: 13px;
-  color: ${d.colors.gray4};
-`,me=u.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-weight: 700;
-  color: ${d.colors.softWhite};
-  white-space: nowrap;
-  .ccy-mark {
-    width: 14px;
-    height: 14px;
-  }
-`,oe=u.div`
-  height: 132px;
-  border-radius: 16px;
-  border: 1px solid transparent;
-  background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
-  background-size: 200% 100%;
-  animation: ${X} 1.3s infinite linear;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,wt=u.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,kt=u(W)`
-  background: ${d.gradients.amethyst};
-  img {
-    width: 26px;
-    height: 26px;
-    object-fit: contain;
-  }
-`,ee=N.withComponent(Oe),jt=f.lazy(()=>Fe(()=>import("./index-DVSIxGm9.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.ImportListings}))),P=24,It=["all","purchases","sales"],z="section",de="listings",G="view",At="migrate";function A(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 xe(e){const s=Number(e)/1e18;return Number.isFinite(s)?s.toLocaleString("en",{maximumFractionDigits:2}):"0"}function fe({children:e}){const s=f.useRef(null),[a,i]=f.useState(null),n=()=>{var l;const c=(l=s.current)==null?void 0:l.getBoundingClientRect();c&&i({top:c.bottom+8,left:c.left+c.width/2})};return t.jsxs(yt,{ref:s,tabIndex:0,onMouseEnter:n,onMouseLeave:()=>i(null),onFocus:n,onBlur:()=>i(null),children:[e,a?qe.createPortal(t.jsx(bt,{style:{top:a.top,left:a.left},role:"tooltip",children:o("activity.polygonMana")}),document.body):null]})}function Et({item:e}){const s=!!e.contractAddress&&!!e.itemId,a=!!e.tradeId||s,{data:i,isLoading:n}=E({queryKey:["order-line-display",e.tradeId,e.contractAddress,e.itemId],queryFn:()=>e.tradeId?Re(e.tradeId):Q(e.contractAddress,{itemId:e.itemId}),enabled:a,staleTime:5*6e4}),c=a&&n,l=(i==null?void 0:i.name)??o("activity.itemFallback"),r=(i==null?void 0:i.thumbnail)??"",p=K({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,j=t.jsxs(t.Fragment,{children:[c?t.jsx(Z,{}):t.jsx(W,{children:r?t.jsx("img",{src:r,alt:l}):t.jsx(V,{name:"cart",size:20})}),t.jsxs(q,{children:[c?t.jsx(J,{}):t.jsx(O,{title:l,children:l}),e.quantity>1?t.jsx(_,{children:o("activity.quantity",{count:e.quantity})}):null]}),t.jsxs(me,{children:[t.jsx(L,{className:"ccy-mark"})," ",t.jsx(B,{credits:e.credits})]})]});return p?t.jsx(ee,{to:p,"data-link":"true",children:j}):t.jsx(N,{children:j})}function Lt({item:e}){const s=`@${e.registeredName}`;return t.jsxs(N,{"data-testid":"activity-name-line",children:[t.jsx(kt,{children:t.jsx("img",{src:Ue,alt:""})}),t.jsxs(q,{children:[t.jsx(O,{title:s,children:s}),t.jsx(_,{children:o("activity.nameRegistration")})]}),t.jsxs(me,{children:[t.jsx(L,{className:"ccy-mark"})," ",e.credits]})]})}function Nt({order:e}){const s=Je(e.lines),a=s.reduce((c,l)=>c+l.quantity,0),i=Ye(e.status),n=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:A(e.createdAt)}),t.jsxs(M,{children:[o("activity.purchaseLabel")," · ",o("activity.itemCount",{count:a})]})]}),t.jsxs(H,{children:[t.jsx(R,{"data-status":i,children:n}),t.jsxs(k,{children:[t.jsx(L,{className:"ccy-mark"})," ",t.jsx(B,{credits:e.totalCredits})]})]})]}),i==="FAILED"?t.jsx(vt,{children:o("activity.purchaseFailedNote")}):null,t.jsx(Y,{children:s.map(c=>c.registeredName?t.jsx(Lt,{item:c},c.key):t.jsx(Et,{item:c},c.key))})]})}function Tt({sale:e}){const{data:s,isLoading:a}=E({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>Q(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),i=(s==null?void 0:s.name)??o("activity.itemFallback"),n=(s==null?void 0:s.thumbnail)??"",c=K({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,l=t.jsxs(t.Fragment,{children:[a?t.jsx(Z,{}):t.jsx(W,{children:n?t.jsx("img",{src:n,alt:i}):t.jsx(V,{name:"offer",size:20})}),t.jsxs(q,{children:[a?t.jsx(J,{}):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:A(e.createdAt)}),t.jsx(M,{children:o("activity.paidWithMana")})]}),t.jsxs(H,{children:[t.jsx(R,{"data-status":"SETTLED",children:o("activity.completed")}),t.jsxs(k,{children:[xe(e.manaWei)," ",t.jsx(fe,{children:t.jsx(pe,{src:le,alt:"MANA"})})]})]})]}),t.jsx(Y,{children:c?t.jsx(ee,{to:c,"data-link":"true",children:l}):t.jsx(N,{children:l})})]})}function $t({sale:e,payout:s}){const{data:a,isLoading:i}=E({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>Q(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),n=(a==null?void 0:a.name)??o("activity.itemFallback"),c=(a==null?void 0:a.thumbnail)??"",l=K({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,r=t.jsxs(t.Fragment,{children:[i?t.jsx(Z,{}):t.jsx(W,{children:c?t.jsx("img",{src:c,alt:n}):t.jsx(V,{name:"offer",size:20})}),t.jsxs(q,{children:[i?t.jsx(J,{}):t.jsx(O,{title:n,children:n}),t.jsxs(_,{children:[o("activity.soldTo",{account:ge(e.counterparty)}),s.kind==="pending"?` · ${o("activity.payoutPendingOn",{date:A(s.availableAt)})}`:""]})]})]});return t.jsxs(S,{"data-testid":"activity-sale",children:[t.jsxs(F,{children:[t.jsxs(C,{children:[t.jsx(D,{children:A(e.createdAt)}),t.jsx(M,{children:o("activity.saleLabel")})]}),t.jsxs(H,{children:[t.jsx(R,{"data-status":s.kind==="pending"?"PENDING":"SOLD",children:s.kind==="pending"?o("activity.payoutPending"):o("activity.sold")}),s.kind==="direct"?t.jsxs(k,{"data-kind":"income",children:["+",xe(e.manaWei)," ",t.jsx(fe,{children:t.jsx(pe,{src:le,alt:"MANA"})})]}):s.credits!==null?t.jsxs(k,{"data-kind":"income",children:[t.jsx(L,{className:"ccy-mark"})," +",Me(s.credits)]}):t.jsx(k,{"data-kind":"income",children:o("activity.payoutCredited")})]})]}),t.jsx(Y,{children:l?t.jsx(ee,{to:l,"data-link":"true",children:r}):t.jsx(N,{children:r})})]})}function Pt({order:e}){const s=`$${(e.usdCents/100).toFixed(2)}`,a=Ce(e.status),i=a==="SETTLED"?o("activity.completed"):a==="FAILED"?o("activity.failed"):a==="UNFINISHED"?o("activity.unfinished"):o("activity.processing"),n=U(m=>m.session),c=De(),[l,r]=f.useState(!1),p=e.status==="initiated"&&!!n;f.useEffect(()=>{const m=()=>r(!1);return window.addEventListener("pageshow",m),()=>window.removeEventListener("pageshow",m)},[]);async function j(){if(!(!n||l)){r(!0);try{const m=await He(e.id,n.identity);if(m.kind==="url"){if(/^https:\/\/([a-z0-9-]+\.)*stripe\.com\//i.test(m.url)){window.location.href=m.url;return}T.error(o("activity.resumeUnavailable"))}else m.kind==="expired"?(T.info(o("activity.resumeExpired")),c.invalidateQueries({queryKey:["credit-orders"]})):m.kind==="paid"?(T.success(o("activity.resumePaid")),c.invalidateQueries({queryKey:["credit-orders"]})):T.error(o("activity.resumeUnavailable"));r(!1)}catch{r(!1)}}}return t.jsx(S,{"data-testid":"credit-order",children:t.jsxs(F,{children:[t.jsx(xt,{children:t.jsx("img",{src:dt,alt:"","aria-hidden":!0})}),t.jsxs(C,{children:[t.jsx(D,{children:A(e.createdAt)}),t.jsxs(M,{children:[o("activity.creditPurchaseLabel")," · ",o("activity.creditPaid",{usd:s})]})]}),t.jsxs(H,{children:[p?t.jsx(ft,{type:"button",onClick:()=>void j(),disabled:l,"data-testid":"resume-order",children:l?o("activity.resuming"):o("activity.resume")}):null,t.jsx(R,{"data-status":a,children:i}),t.jsxs(k,{"data-kind":a==="UNFINISHED"?void 0:"income",children:[a==="UNFINISHED"?"":"+",t.jsx(L,{className:"ccy-mark"})," ",t.jsx(B,{credits:e.credits})]})]})]})})}function St({filter:e}){const s={all:o("activity.emptyAllBody"),purchases:o("activity.emptyPurchasesBody"),sales:o("activity.emptySalesBody")}[e];return t.jsx(wt,{children:t.jsx(ce,{testId:`activity-empty-${e}`,icon:ze,title:o("activity.emptyTitle"),body:s,cta:{label:o("assets.empty.cta"),to:"/items"}})})}function Qt(){const{session:e,signIn:s}=U(),[a,i]=f.useState("all"),[n,c]=We(),l=n.get(z)===de||n.get(G)===At;Te({title:l?o("seo.import.title"):o("nav.activity"),noindex:!0});const{count:r}=_e(),{count:p}=ot(),m=r!==void 0&&p!==void 0&&(r>0||p>0||l),g=!!e&&!l&&a!=="sales",x=!!e&&!l&&a!=="purchases",y=$(["purchases",e==null?void 0:e.address],h=>Se(e.address,e.identity,{first:P,skip:h}),{enabled:g}),b=$(["sales",e==null?void 0:e.address],h=>ae(e.address,{role:"seller",first:P,skip:h}),{enabled:x}),v=$(["credit-orders",e==null?void 0:e.address],h=>ne(e.address,e.identity,{first:P,skip:h}),{enabled:g}),w=$(["mana-purchases",e==null?void 0:e.address],h=>ae(e.address,{role:"buyer",first:P,skip:h}),{enabled:g}),{data:te}=E({queryKey:["sale-payouts",e==null?void 0:e.address],queryFn:()=>ne(e.address,e.identity,{first:200}).then(h=>h.payouts),enabled:x,staleTime:6e4}),ye=f.useMemo(()=>at(te),[te]),{data:be}=$e(x);if(!e)return t.jsx(Pe,{children:t.jsx(ce,{testId:"activity-signin",icon:Be,title:o("activity.signInTitle"),body:o("activity.signInBody"),cta:{label:o("storeSettings.signIn"),onClick:()=>s()},ctaVariant:"solid",fill:!0})});const ie=st(it({purchases:g?y.items:[],sales:x?b.items:[],creditOrders:g?v.items:[],manaPurchases:g?w.items:[],rate:be}),a),ve=g&&(y.isLoading||v.isLoading||w.isLoading)||x&&b.isLoading,se=g&&(y.isFetchingNextPage||v.isFetchingNextPage||w.isFetchingNextPage)||x&&b.isFetchingNextPage,we=g&&(y.hasNextPage||v.hasNextPage||w.hasNextPage)||x&&b.hasNextPage;function ke(){g&&y.hasNextPage&&y.fetchNextPage(),g&&v.hasNextPage&&v.fetchNextPage(),g&&w.hasNextPage&&w.fetchNextPage(),x&&b.hasNextPage&&b.fetchNextPage()}function je(h){if(i(h),!l)return;const I=new URLSearchParams(n);I.delete(z),I.delete(G),c(I,{replace:!0})}function Ie(){const h=new URLSearchParams(n);h.set(z,de),h.delete(G),c(h,{replace:!0})}return t.jsxs(ct,{children:[t.jsx(lt,{children:t.jsx(ht,{children:o("nav.activity")})}),t.jsxs(ut,{role:"tablist","aria-label":o("nav.activity"),children:[It.map(h=>t.jsx(ue,{type:"button",role:"tab","aria-selected":!l&&a===h,"data-active":!l&&a===h,"data-testid":`activity-filter-${h}`,onClick:()=>je(h),children:o(`activity.filter.${h}`)},h)),m?t.jsxs(pt,{type:"button",role:"tab","aria-selected":l,"data-active":l,"data-testid":"activity-filter-migrate","aria-label":r?o("activity.migrate.chipAria",{count:r}):void 0,onClick:Ie,children:[o("activity.migrate.chip"),r?t.jsx(mt,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:r}):null]}):null]}),l?t.jsx(f.Suspense,{fallback:t.jsx(gt,{"aria-busy":"true"}),children:t.jsx(jt,{})}):ve?t.jsx(re,{children:Array.from({length:5}).map((h,I)=>t.jsx(oe,{},I))}):ie.length===0?t.jsx(St,{filter:a}):t.jsxs(t.Fragment,{children:[t.jsxs(re,{children:[ie.map(h=>h.kind==="purchase"?t.jsx(Nt,{order:h.order},h.id):h.kind==="credit"?t.jsx(Pt,{order:h.order},h.id):h.kind==="mana-purchase"?t.jsx(Tt,{sale:h.sale},h.id):t.jsx($t,{sale:h.sale,payout:nt(ye,h.sale)},h.id)),se?t.jsx(oe,{}):null]}),t.jsx(Ge,{hasNextPage:we,isFetching:se,onLoadMore:ke})]})]})}export{Qt as Activity};
-//# sourceMappingURL=Activity-Zur2krvm.js.map