@dcl/shop 1.13.1-34993979784.commit-cc536a1 → 1.13.1-35085806935.commit-1d79e2c

package/_assets/Activity-C_IerNiA.js

@@ -0,0 +1,373 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-m6wHTHWn.js","_assets/react-BFtKLtDt.js","_assets/index-DC8tm76o.js","_assets/dcl-schemas-BhHIKpM4.js","_assets/sentry-BsJBy84X.js","_assets/ethers-CkmgjxHm.js","_assets/intl-AKLEHPeO.js","_assets/index-BjkERpTp.css","_assets/import-DwXeY7AR.js","_assets/buy-Caju-Nj5.js","_assets/authorizations-CVBKhCle.js","_assets/sendMetaTransaction-CPX0jVr6.js","_assets/modal.styles-Cd-mz1I0.js","_assets/ManaPricingBanner.styles-_vfEtCmJ.js","_assets/Faq-mqMFd-El.js","_assets/sales-empty-CaY_5iqE.js","_assets/field.styles-BIFdqCzy.js"])))=>i.map(i=>d[i]);
+import{m as Ae,bP as Ee,F as U,E,bQ as Le,s as h,d,k as Ne,J as Pe,c as o,X as $e,aQ as Te,Z as ce,bR as ne,bS as ae,bT as Se,_ as Ce,K as L,av as K,bU as Fe,L as De,bs as B,I as Q,S as Me,bV as He,N as P,bW as Re,bX as X}from"./index-DC8tm76o.js";import{r as f,a as qe,j as t,e as Oe,L as _e}from"./react-BFtKLtDt.js";import{u as ze,s as We}from"./sales-empty-CaY_5iqE.js";import{L as Ge}from"./LoadMore-BALknwCN.js";import{u as $}from"./useInfiniteGrid-CEzTx-wX.js";import{m as le}from"./mana-matic-CEqvSwrJ.js";import{n as Ue}from"./name-glyph-aUugT8vq.js";import{s as Ke}from"./signin-empty-TWiO0wp8.js";import"./dcl-schemas-BhHIKpM4.js";import"./sentry-BsJBy84X.js";import"./ethers-CkmgjxHm.js";import"./intl-AKLEHPeO.js";import"./import-DwXeY7AR.js";import"./buy-Caju-Nj5.js";import"./authorizations-CVBKhCle.js";import"./sendMetaTransaction-CPX0jVr6.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]="5c73a476-7b71-49eb-a652-1d554e98b29f",e._sentryDebugIdIdentifier="sentry-dbid-5c73a476-7b71-49eb-a652-1d554e98b29f")}catch{}})();const Be=15e3;function Qe(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)<=Be}function Xe(e){const s=[...e].sort((i,a)=>a.createdAt-i.createdAt),n=[];for(const i of s){const a=n[n.length-1];a&&Qe(a[a.length-1],i)?a.push(i):n.push([i])}return n.map(i=>{var a;return{id:((a=i.find(c=>c.txHash))==null?void 0:a.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(c=>c.createdAt)),status:Ve(i),totalCredits:i.reduce((c,l)=>c+l.credits,0),lines:i}})}function Ve(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=[],n=new Map;for(const i of e){const a=Ze(i);if(!a){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=n.get(a);if(c){c.quantity+=1,c.credits+=i.credits;continue}const l={key:a,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,registeredName:i.registeredName??null,quantity:1,credits:i.credits};n.set(a,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 n=Xe(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}}),a=(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[...n,...i,...a,...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(n=>n.kind==="sale"):e.filter(n=>n.kind==="purchase"||n.kind==="credit"||n.kind==="mana-purchase")}const ue=e=>e.trim().toLowerCase();function nt(e){const s=new Map;for(const n of e??[]){const i=ue(n.txHash??"");if(!i)continue;const a=s.get(i);a?a.push(n):s.set(i,[n])}return s}function at(e,s,n=Date.now()){const i=s.txHash?e.get(ue(s.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const a=i.length===1?rt(i[0].netCents):null,c=i.filter(r=>!r.available&&r.availableAt>n);if(c.length===0)return{kind:"credited",credits:a};const l=c.reduce((r,p)=>Math.max(r,p.availableAt),0);return{kind:"pending",credits:a,availableAt:l}}function rt(e){return Ee(e)}function ot(){const e=U(i=>{var a;return(a=i.session)==null?void 0:a.address}),{data:s,isLoading:n}=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:n}}const dt="https://cdn.decentraland.org/@dcl/shop/1.13.1-35085806935.commit-1d79e2c/_assets/credits-product-vs4Q6u6l.svg",V=Ne`
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+`,ct=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;
+`,lt=h.div`
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 20px;
+`,ut=h.h1`
+  font-family: ${d.font.sans};
+  margin: 0;
+  color: ${d.colors.softWhite};
+`;h.span`
+  color: ${d.colors.gray4};
+  font-size: 14px;
+`;const ht=h.div`
+  display: flex;
+  gap: 8px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+`,he=h.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=h(he)`
+  position: relative;
+`,mt=h.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};
+`,xt=h.div`
+  min-height: 60vh;
+`,re=h.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`,S=h.div`
+  background: ${d.colors.white};
+  border: 1px solid ${d.colors.line};
+  border-radius: 16px;
+  overflow: hidden;
+`,C=h.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 18px;
+  background: ${d.colors.softWhite};
+  border-bottom: 1px solid ${d.colors.line};
+
+  ${d.media.maxWidth("mobile")} {
+    flex-wrap: wrap;
+  }
+`,F=h.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+`,D=h.span`
+  font-weight: 700;
+  color: ${d.colors.text};
+`,M=h.span`
+  font-size: 13px;
+  color: ${d.colors.muted};
+`,H=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;
+`,gt=h.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=h.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;
+
+  &[data-status='SETTLED'] {
+    background: rgba(30, 166, 114, 0.14);
+    color: ${d.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: ${d.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: ${d.colors.line};
+    color: ${d.colors.muted};
+  }
+`,ft=h.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.accent};
+  background: transparent;
+  color: ${d.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;
+  }
+`,k=h.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-weight: 800;
+  color: ${d.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: ${d.colors.okStrong};
+  }
+`,pe=h.img`
+  width: 16px;
+  height: 16px;
+  vertical-align: -0.15em;
+`,bt=h.span`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+`,yt=h.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=h.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.muted};
+`,Y=h.div`
+  display: flex;
+  flex-direction: column;
+`,N=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 ${d.colors.line};
+  }
+
+  &[data-link='true'] {
+    transition: background 0.15s;
+  }
+  &[data-link='true']:hover {
+    background: ${d.colors.media};
+  }
+  &[data-link='true']:focus-visible {
+    outline: 2px solid ${d.colors.accent};
+    outline-offset: -2px;
+  }
+`,q=h.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=h.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: ${V} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,O=h.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,_=h.span`
+  font-weight: 700;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,J=h.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: ${V} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,z=h.span`
+  font-size: 13px;
+  color: ${d.colors.muted};
+`,me=h.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-weight: 700;
+  color: ${d.colors.text};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 14px;
+    height: 14px;
+  }
+`,oe=h.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: ${V} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,jt=h.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,kt=h(q)`
+  background: ${d.gradients.amethyst};
+
+  img {
+    width: 26px;
+    height: 26px;
+    object-fit: contain;
+  }
+`,ee=N.withComponent(_e),wt=f.lazy(()=>Ce(()=>import("./index-m6wHTHWn.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}))),T=24,It=["all","purchases","sales"],W="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 xe(e){return e.length>10?`${e.slice(0,6)}…${e.slice(-4)}`:e}function ge(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),[n,i]=f.useState(null),a=()=>{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(bt,{ref:s,tabIndex:0,onMouseEnter:a,onMouseLeave:()=>i(null),onFocus:a,onBlur:()=>i(null),children:[e,n?Oe.createPortal(t.jsx(yt,{style:{top:n.top,left:n.left},role:"tooltip",children:o("activity.polygonMana")}),document.body):null]})}function Et({item:e}){const s=!!e.contractAddress&&!!e.itemId,n=!!e.tradeId||s,{data:i,isLoading:a}=E({queryKey:["order-line-display",e.tradeId,e.contractAddress,e.itemId],queryFn:()=>e.tradeId?Re(e.tradeId):X(e.contractAddress,{itemId:e.itemId}),enabled:n,staleTime:5*6e4}),c=n&&a,l=(i==null?void 0:i.name)??o("activity.itemFallback"),r=(i==null?void 0:i.thumbnail)??"",p=B({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,w=t.jsxs(t.Fragment,{children:[c?t.jsx(Z,{}):t.jsx(q,{children:r?t.jsx("img",{src:r,alt:l}):t.jsx(Q,{name:"cart",size:20})}),t.jsxs(O,{children:[c?t.jsx(J,{}):t.jsx(_,{title:l,children:l}),e.quantity>1?t.jsx(z,{children:o("activity.quantity",{count:e.quantity})}):null]}),t.jsxs(me,{children:[t.jsx(L,{className:"ccy-mark"})," ",t.jsx(K,{credits:e.credits})]})]});return p?t.jsx(ee,{to:p,"data-link":"true",children:w}):t.jsx(N,{children:w})}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(O,{children:[t.jsx(_,{title:s,children:s}),t.jsx(z,{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),n=s.reduce((c,l)=>c+l.quantity,0),i=Ye(e.status),a=i==="SETTLED"?o("activity.completed"):i==="FAILED"?o("activity.failed"):o("activity.processing");return t.jsxs(S,{"data-testid":"purchase-order",children:[t.jsxs(C,{children:[t.jsxs(F,{children:[t.jsx(D,{children:A(e.createdAt)}),t.jsxs(M,{children:[o("activity.purchaseLabel")," · ",o("activity.itemCount",{count:n})]})]}),t.jsxs(H,{children:[t.jsx(R,{"data-status":i,children:a}),t.jsxs(k,{children:[t.jsx(L,{className:"ccy-mark"})," ",t.jsx(K,{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 Pt({sale:e}){const{data:s,isLoading:n}=E({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>X(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),i=(s==null?void 0:s.name)??o("activity.itemFallback"),a=(s==null?void 0:s.thumbnail)??"",c=B({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,l=t.jsxs(t.Fragment,{children:[n?t.jsx(Z,{}):t.jsx(q,{children:a?t.jsx("img",{src:a,alt:i}):t.jsx(Q,{name:"offer",size:20})}),t.jsxs(O,{children:[n?t.jsx(J,{}):t.jsx(_,{title:i,children:i}),t.jsx(z,{children:o("activity.boughtFrom",{account:xe(e.seller)})})]})]});return t.jsxs(S,{"data-testid":"activity-mana-purchase",children:[t.jsxs(C,{children:[t.jsxs(F,{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:[ge(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:n,isLoading:i}=E({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>X(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),a=(n==null?void 0:n.name)??o("activity.itemFallback"),c=(n==null?void 0:n.thumbnail)??"",l=B({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,r=t.jsxs(t.Fragment,{children:[i?t.jsx(Z,{}):t.jsx(q,{children:c?t.jsx("img",{src:c,alt:a}):t.jsx(Q,{name:"offer",size:20})}),t.jsxs(O,{children:[i?t.jsx(J,{}):t.jsx(_,{title:a,children:a}),t.jsxs(z,{children:[o("activity.soldTo",{account:xe(e.counterparty)}),s.kind==="pending"?` · ${o("activity.payoutPendingOn",{date:A(s.availableAt)})}`:""]})]})]});return t.jsxs(S,{"data-testid":"activity-sale",children:[t.jsxs(C,{children:[t.jsxs(F,{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:["+",ge(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 Tt({order:e}){const s=`$${(e.usdCents/100).toFixed(2)}`,n=Fe(e.status),i=n==="SETTLED"?o("activity.completed"):n==="FAILED"?o("activity.failed"):n==="UNFINISHED"?o("activity.unfinished"):o("activity.processing"),a=U(m=>m.session),c=De(),[l,r]=f.useState(!1),p=e.status==="initiated"&&!!a;f.useEffect(()=>{const m=()=>r(!1);return window.addEventListener("pageshow",m),()=>window.removeEventListener("pageshow",m)},[]);async function w(){if(!(!a||l)){r(!0);try{const m=await He(e.id,a.identity);if(m.kind==="url"){if(/^https:\/\/([a-z0-9-]+\.)*stripe\.com\//i.test(m.url)){window.location.href=m.url;return}P.error(o("activity.resumeUnavailable"))}else m.kind==="expired"?(P.info(o("activity.resumeExpired")),c.invalidateQueries({queryKey:["credit-orders"]})):m.kind==="paid"?(P.success(o("activity.resumePaid")),c.invalidateQueries({queryKey:["credit-orders"]})):P.error(o("activity.resumeUnavailable"));r(!1)}catch{r(!1)}}}return t.jsx(S,{"data-testid":"credit-order",children:t.jsxs(C,{children:[t.jsx(gt,{children:t.jsx("img",{src:dt,alt:"","aria-hidden":!0})}),t.jsxs(F,{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 w(),disabled:l,"data-testid":"resume-order",children:l?o("activity.resuming"):o("activity.resume")}):null,t.jsx(R,{"data-status":n,children:i}),t.jsxs(k,{"data-kind":n==="UNFINISHED"?void 0:"income",children:[n==="UNFINISHED"?"":"+",t.jsx(L,{className:"ccy-mark"})," ",t.jsx(K,{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(jt,{children:t.jsx(ce,{testId:`activity-empty-${e}`,icon:We,title:o("activity.emptyTitle"),body:s,cta:{label:o("assets.empty.cta"),to:"/items"}})})}function Xt(){const{session:e,signIn:s}=U(),[n,i]=f.useState("all"),[a,c]=qe(),l=a.get(W)===de||a.get(G)===At;Pe({title:l?o("seo.import.title"):o("nav.activity"),noindex:!0});const{count:r}=ze(),{count:p}=ot(),m=r!==void 0&&p!==void 0&&(r>0||p>0||l),x=!!e&&!l&&n!=="sales",g=!!e&&!l&&n!=="purchases",b=$(["purchases",e==null?void 0:e.address],u=>Se(e.address,e.identity,{first:T,skip:u}),{enabled:x}),y=$(["sales",e==null?void 0:e.address],u=>ne(e.address,{role:"seller",first:T,skip:u}),{enabled:g}),v=$(["credit-orders",e==null?void 0:e.address],u=>ae(e.address,e.identity,{first:T,skip:u}),{enabled:x}),j=$(["mana-purchases",e==null?void 0:e.address],u=>ne(e.address,{role:"buyer",first:T,skip:u}),{enabled:x}),{data:te}=E({queryKey:["sale-payouts",e==null?void 0:e.address],queryFn:()=>ae(e.address,e.identity,{first:200}).then(u=>u.payouts),enabled:g,staleTime:6e4}),be=f.useMemo(()=>nt(te),[te]),{data:ye}=$e(g);if(!e)return t.jsx(Te,{children:t.jsx(ce,{testId:"activity-signin",icon:Ke,title:o("activity.signInTitle"),body:o("activity.signInBody"),cta:{label:o("storeSettings.signIn"),onClick:()=>s()},ctaVariant:"solid",fill:!0})});const ie=st(it({purchases:x?b.items:[],sales:g?y.items:[],creditOrders:x?v.items:[],manaPurchases:x?j.items:[],rate:ye}),n),ve=x&&(b.isLoading||v.isLoading||j.isLoading)||g&&y.isLoading,se=x&&(b.isFetchingNextPage||v.isFetchingNextPage||j.isFetchingNextPage)||g&&y.isFetchingNextPage,je=x&&(b.hasNextPage||v.hasNextPage||j.hasNextPage)||g&&y.hasNextPage;function ke(){x&&b.hasNextPage&&b.fetchNextPage(),x&&v.hasNextPage&&v.fetchNextPage(),x&&j.hasNextPage&&j.fetchNextPage(),g&&y.hasNextPage&&y.fetchNextPage()}function we(u){if(i(u),!l)return;const I=new URLSearchParams(a);I.delete(W),I.delete(G),c(I,{replace:!0})}function Ie(){const u=new URLSearchParams(a);u.set(W,de),u.delete(G),c(u,{replace:!0})}return t.jsxs(ct,{children:[t.jsx(lt,{children:t.jsx(ut,{children:o("nav.activity")})}),t.jsxs(ht,{role:"tablist","aria-label":o("nav.activity"),children:[It.map(u=>t.jsx(he,{type:"button",role:"tab","aria-selected":!l&&n===u,"data-active":!l&&n===u,"data-testid":`activity-filter-${u}`,onClick:()=>we(u),children:o(`activity.filter.${u}`)},u)),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(xt,{"aria-busy":"true"}),children:t.jsx(wt,{})}):ve?t.jsx(re,{children:Array.from({length:5}).map((u,I)=>t.jsx(oe,{},I))}):ie.length===0?t.jsx(St,{filter:n}):t.jsxs(t.Fragment,{children:[t.jsxs(re,{children:[ie.map(u=>u.kind==="purchase"?t.jsx(Nt,{order:u.order},u.id):u.kind==="credit"?t.jsx(Tt,{order:u.order},u.id):u.kind==="mana-purchase"?t.jsx(Pt,{sale:u.sale},u.id):t.jsx($t,{sale:u.sale,payout:at(be,u.sale)},u.id)),se?t.jsx(oe,{}):null]}),t.jsx(Ge,{hasNextPage:je,isFetching:se,onLoadMore:ke})]})]})}export{Xt as Activity};
+//# sourceMappingURL=Activity-C_IerNiA.js.map

package/_assets/{AnimatedBackground-Clgq4r7f.js → AnimatedBackground-rd0Cm7UJ.js}

@@ -1,4 +1,4 @@
-import{r as u,j as d}from"./react-CZuwb7m7.js";import{s as f}from"./index-B1ROf6Hr.js";import"./dcl-schemas-DORfUy0V.js";import"./sentry-CNTYv-PS.js";import"./ethers-WieUx6J3.js";import"./intl-AKLEHPeO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="434fda8c-2dfc-4ff7-a2df-065a05611430",e._sentryDebugIdIdentifier="sentry-dbid-434fda8c-2dfc-4ff7-a2df-065a05611430")}catch{}})();const D="https://cdn.decentraland.org/@dcl/shop/1.13.1-34993979784.commit-cc536a1/_assets/custom-welcome-background-BxlFQma9.webp",P="https://cdn.decentraland.org/@dcl/shop/1.13.1-34993979784.commit-cc536a1/_assets/DCL_LogoPattern-BryBPc3d.png",L=`
+import{r as u,j as d}from"./react-BFtKLtDt.js";import{s as f}from"./index-DC8tm76o.js";import"./dcl-schemas-BhHIKpM4.js";import"./sentry-BsJBy84X.js";import"./ethers-CkmgjxHm.js";import"./intl-AKLEHPeO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="936938cd-ddb7-4ced-856f-b20adf6c51cd",e._sentryDebugIdIdentifier="sentry-dbid-936938cd-ddb7-4ced-856f-b20adf6c51cd")}catch{}})();const D="https://cdn.decentraland.org/@dcl/shop/1.13.1-35085806935.commit-1d79e2c/_assets/custom-welcome-background-BxlFQma9.webp",P="https://cdn.decentraland.org/@dcl/shop/1.13.1-35085806935.commit-1d79e2c/_assets/DCL_LogoPattern-BryBPc3d.png",L=`
 attribute vec2 a_position;
 varying vec2 v_uv;
 void main() {
@@ -95,4 +95,4 @@ void main() {
   width: 100%;
   height: 100%;
 `;function K({patternTiling:e=1.66}){const a=u.useRef(null),n=u.useRef(0),r=u.useRef(e);return r.current=e,u.useEffect(()=>{var _;const o=a.current;if(!o||(_=window.matchMedia)!=null&&_.call(window,"(prefers-reduced-motion: reduce)").matches)return;const t=o.getContext("webgl",{alpha:!1,antialias:!1});if(!t)return;const c=p(t,t.VERTEX_SHADER,L),s=p(t,t.FRAGMENT_SHADER,I);if(!c||!s){c&&t.deleteShader(c),s&&t.deleteShader(s);return}const i=B(t,c,s);if(!i){t.deleteShader(c),t.deleteShader(s);return}const m=t.getAttribLocation(i,"a_position"),R=t.getUniformLocation(i,"u_time"),w=t.getUniformLocation(i,"u_resolution"),b=t.getUniformLocation(i,"u_overlayTex"),A=t.getUniformLocation(i,"u_overlayTiling"),v=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,v),t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),t.STATIC_DRAW);let g=!1;const h=F(t,P,()=>g),S=()=>{const l=window.devicePixelRatio||1,E=o.clientWidth*l,x=o.clientHeight*l;(o.width!==E||o.height!==x)&&(o.width=E,o.height=x)},U=performance.now()/1e3,y=()=>{S(),t.viewport(0,0,o.width,o.height),t.useProgram(i),t.uniform1f(R,performance.now()/1e3-U),t.uniform2f(w,o.width,o.height),t.uniform1f(A,r.current),t.activeTexture(t.TEXTURE0),t.bindTexture(t.TEXTURE_2D,h),t.uniform1i(b,0),t.enableVertexAttribArray(m),t.bindBuffer(t.ARRAY_BUFFER,v),t.vertexAttribPointer(m,2,t.FLOAT,!1,0,0),t.drawArrays(t.TRIANGLES,0,6),n.current=requestAnimationFrame(y)},T=l=>{l.preventDefault(),cancelAnimationFrame(n.current),o.style.opacity="0"};return o.addEventListener("webglcontextlost",T,!1),n.current=requestAnimationFrame(y),()=>{g=!0,cancelAnimationFrame(n.current),o.removeEventListener("webglcontextlost",T),t.deleteProgram(i),t.deleteShader(c),t.deleteShader(s),t.deleteBuffer(v),t.deleteTexture(h)}},[]),d.jsxs(C,{"aria-hidden":!0,children:[d.jsx(k,{style:{backgroundImage:`url(${D})`}}),d.jsx(V,{ref:a})]})}export{K as default};
-//# sourceMappingURL=AnimatedBackground-Clgq4r7f.js.map
+//# sourceMappingURL=AnimatedBackground-rd0Cm7UJ.js.map