@dcl/shop 0.6.1-30950057562.commit-5ce11cd → 0.6.1-30952038035.commit-ab739fb

package/_assets/Activity-ByYYgVQN.js

@@ -0,0 +1,384 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-2wdPzCFN.js","_assets/react-DehiWSvs.js","_assets/index-CkcRMZdJ.js","_assets/sentry-973sfbO9.js","_assets/dcl-schemas-Dr9BTjb7.js","_assets/ethers-CtNGBird.js","_assets/intl-CBcMB1D2.js","_assets/index-D-NhBWWr.css","_assets/useImportable-R-A9EyAA.js","_assets/buy-BSzvhQyc.js","_assets/authorizations-BCzKkZqj.js","_assets/sendMetaTransaction-S2HaHP6U.js","_assets/trade-encoding-BOLDQRnO.js","_assets/ManaPricingBanner.styles-Bm4Js-40.js","_assets/field.styles-DmKZc3L1.js"])))=>i.map(i=>d[i]);
+import{m as ye,bv as ve,s as l,t as s,q as we,B as je,l as te,v as ke,d as c,o as $,b3 as Ie,I as j,bw as Z,bx as J,by as Ae,_ as $e,x as P,bz as Pe,y as Le,b7 as H,av as Ne,bA as Ee,A as Te,bB as Ce,bC as q}from"./index-CkcRMZdJ.js";import{r as g,e as Se,j as t,L as ie,a as Fe}from"./react-DehiWSvs.js";import{u as De}from"./useImportable-R-A9EyAA.js";import{L as Me}from"./LoadMore-CPXP1EmH.js";import{u as I}from"./useInfiniteGrid-Bx8sXJAZ.js";import{m as ae}from"./mana-matic-C4e1sNO3.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./buy-BSzvhQyc.js";import"./authorizations-BCzKkZqj.js";import"./sendMetaTransaction-S2HaHP6U.js";import"./trade-encoding-BOLDQRnO.js";const He=15e3;function qe(e,a){return e.txHash&&a.txHash?e.txHash===a.txHash:e.txHash||a.txHash?!1:e.status===a.status&&Math.abs(e.createdAt-a.createdAt)<=He}function ze(e){const a=[...e].sort((i,o)=>o.createdAt-i.createdAt),n=[];for(const i of a){const o=n[n.length-1];o&&qe(o[o.length-1],i)?o.push(i):n.push([i])}return n.map(i=>{var o;return{id:((o=i.find(r=>r.txHash))==null?void 0:o.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(r=>r.createdAt)),status:i.some(r=>r.status==="PENDING")?"PENDING":"SETTLED",totalCredits:i.reduce((r,u)=>r+u.credits,0),lines:i}})}function Oe(e){return e.tradeId?`trade:${e.tradeId}`:e.contractAddress&&e.itemId?`item:${e.contractAddress.toLowerCase()}:${e.itemId}`:null}function Re(e){const a=[],n=new Map;for(const i of e){const o=Oe(i);if(!o){a.push({key:i.id,tradeId:null,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits});continue}const r=n.get(o);if(r){r.quantity+=1,r.credits+=i.credits;continue}const u={key:o,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits};n.set(o,u),a.push(u)}return a}function We(e,a){return{id:e.id,contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId,counterparty:e.buyer,credits:a?ye(e.manaWei,a):null,manaWei:e.manaWei,createdAt:e.createdAt,txHash:e.txHash}}function _e(e){const n=ze(e.purchases.filter(d=>d.status!=="EXPIRED")).map(d=>({kind:"purchase",id:`purchase:${d.id}`,createdAt:d.createdAt,order:d})),i=e.sales.map(d=>{const p=We(d,e.rate);return{kind:"sale",id:`sale:${p.id}`,createdAt:p.createdAt,sale:p}}),o=(e.creditOrders??[]).filter(d=>d.status!=="failed"&&d.status!=="abandoned").map(d=>({kind:"credit",id:`credit:${d.id}`,createdAt:d.createdAt,order:d})),r=new Set(e.purchases.filter(d=>d.txHash).map(d=>d.txHash.toLowerCase())),u=(e.manaPurchases??[]).filter(d=>!r.has(d.txHash.toLowerCase())).map(d=>({kind:"mana-purchase",id:`mana-purchase:${d.id}`,createdAt:d.createdAt,sale:d}));return[...n,...i,...o,...u].sort((d,p)=>p.createdAt-d.createdAt||(d.id<p.id?-1:1))}function Be(e,a){return a==="all"?e:a==="sales"?e.filter(n=>n.kind==="sale"):e.filter(n=>n.kind==="purchase"||n.kind==="credit"||n.kind==="mana-purchase")}const se=e=>e.trim().toLowerCase();function Ge(e){const a=new Map;for(const n of e??[]){const i=se(n.txHash??"");if(!i)continue;const o=a.get(i);o?o.push(n):a.set(i,[n])}return a}function Ue(e,a,n=Date.now()){const i=a.txHash?e.get(se(a.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const o=i.length===1?Ke(i[0].netCents):null,r=i.filter(d=>!d.available&&d.availableAt>n);if(r.length===0)return{kind:"credited",credits:o};const u=r.reduce((d,p)=>Math.max(d,p.availableAt),0);return{kind:"pending",credits:o,availableAt:u}}function Ke(e){return ve(e)}const Qe="https://cdn.decentraland.org/@dcl/shop/0.6.1-30952038035.commit-ab739fb/_assets/credits-product-vs4Q6u6l.svg",z=we`
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+`,Ve=l.section`
+  width: 100%;
+  min-width: 0;
+  min-height: 60vh;
+  /* Centre the whole column — heading, tabs and cards as ONE block — so the feed isn't parked against
+     the left edge of a wide page. Centring only the list would leave the heading orphaned from it. */
+  max-width: 760px;
+  margin-inline: auto;
+
+  /* The migration tool's row (thumbnail + name + a 144px price field) does not survive the feed's
+     column: squeezed to 760px the price field lands on its own line on a desktop. Widening the whole
+     column keeps heading, chips and panel as one block, which is the point of the constraint above.
+     1003px is the tool's own width in the design, which puts its rows at the 979px they are drawn at. */
+  &[data-view='migrate'] {
+    max-width: 1003px;
+  }
+`,Xe=l.div`
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 20px;
+`,Ze=l.h1`
+  font-family: ${s.font.sans};
+  margin: 0;
+`;l.span`
+  color: ${s.colors.muted};
+  font-size: 14px;
+`;const Je=l.div`
+  display: flex;
+  gap: 8px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+`,ne=l.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 ${s.colors.gray4};
+  background: ${s.colors.white};
+  color: ${s.colors.text};
+  font-family: ${s.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: ${s.radius.pill};
+  cursor: pointer;
+  transition:
+    background 0.15s,
+    border-color 0.15s,
+    color 0.15s;
+
+  &:hover {
+    background: ${s.colors.media};
+  }
+  &:focus-visible {
+    outline: 2px solid ${s.colors.accent};
+    outline-offset: 2px;
+  }
+  &[data-active='true'] {
+    background: ${s.colors.accent};
+    border-color: ${s.colors.accent};
+    color: ${s.colors.white};
+  }
+`,Ye=l(ne)`
+  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: ${s.colors.white};
+    color: ${s.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 ${s.colors.accent};
+  }
+`,et=l.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: ${s.radius.pill};
+  background: ${s.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 ${s.colors.white};
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.6;
+  color: ${s.colors.white};
+`,tt=l.div`
+  min-height: 60vh;
+`,Y=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`,L=l.div`
+  background: ${s.colors.white};
+  border: 1px solid ${s.colors.line};
+  border-radius: 16px;
+  overflow: hidden;
+`,N=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 18px;
+  background: ${s.colors.softWhite};
+  border-bottom: 1px solid ${s.colors.line};
+
+  ${s.media.maxWidth("mobile")} {
+    flex-wrap: wrap;
+  }
+`,E=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+`,T=l.span`
+  font-weight: 700;
+  color: ${s.colors.text};
+`,C=l.span`
+  font-size: 13px;
+  color: ${s.colors.muted};
+`,S=l.div`
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  /* Pin to the right regardless of how many elements sit on the left (the credit-purchase card adds a
+     leading thumbnail, giving the head three children instead of two). */
+  margin-left: auto;
+`,it=l.div`
+  flex: 0 0 auto;
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${s.colors.media};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  img {
+    width: 30px;
+    height: 30px;
+    display: block;
+  }
+`,F=l.span`
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 4px 10px;
+  border-radius: ${s.radius.pill};
+  white-space: nowrap;
+
+  &[data-status='SETTLED'] {
+    background: rgba(30, 166, 114, 0.14);
+    color: ${s.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: ${s.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: ${s.colors.line};
+    color: ${s.colors.muted};
+  }
+`,at=l.button`
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 4px 10px;
+  border-radius: ${s.radius.pill};
+  white-space: nowrap;
+  border: 1px solid ${s.colors.accent};
+  background: transparent;
+  color: ${s.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;
+  }
+`,v=l.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-weight: 800;
+  color: ${s.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: ${s.colors.okStrong};
+  }
+`,re=l.img`
+  width: 16px;
+  height: 16px;
+  vertical-align: -0.15em;
+`,st=l.span`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+`,nt=l.span`
+  position: fixed;
+  transform: translateX(-50%);
+  padding: 6px 8px;
+  border-radius: 6px;
+  background: #16141a;
+  color: ${s.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;
+`,O=l.div`
+  display: flex;
+  flex-direction: column;
+`,D=l.div`
+  display: grid;
+  grid-template-columns: 52px 1fr auto;
+  align-items: center;
+  gap: 14px;
+  padding: 12px 18px;
+  text-decoration: none;
+  color: inherit;
+
+  & + & {
+    border-top: 1px solid ${s.colors.line};
+  }
+
+  &[data-link='true'] {
+    transition: background 0.15s;
+  }
+  &[data-link='true']:hover {
+    background: ${s.colors.media};
+  }
+  &[data-link='true']:focus-visible {
+    outline: 2px solid ${s.colors.accent};
+    outline-offset: -2px;
+  }
+`,R=l.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${s.colors.media};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${s.colors.muted2};
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,W=l.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: linear-gradient(100deg, ${s.colors.media} 30%, ${s.colors.panel} 50%, ${s.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${z} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,_=l.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,B=l.span`
+  font-weight: 700;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,G=l.span`
+  display: inline-block;
+  width: 140px;
+  max-width: 60%;
+  height: 12px;
+  border-radius: 6px;
+  background: linear-gradient(100deg, ${s.colors.media} 30%, ${s.colors.panel} 50%, ${s.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${z} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,U=l.span`
+  font-size: 13px;
+  color: ${s.colors.muted};
+`,rt=l.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-weight: 700;
+  color: ${s.colors.text};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 14px;
+    height: 14px;
+  }
+`,ee=l.div`
+  height: 132px;
+  border-radius: 16px;
+  border: 1px solid transparent;
+  background: linear-gradient(100deg, ${s.colors.media} 30%, ${s.colors.panel} 50%, ${s.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${z} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,oe=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  text-align: center;
+  padding: 90px 20px;
+  min-height: 50vh;
+`,de=l.p`
+  font-size: 22px;
+  font-weight: 700;
+  margin: 6px 0 0;
+`,ot=l(je)`
+  margin-top: 12px;
+`,K=D.withComponent(ie),dt=g.lazy(()=>$e(()=>import("./index-2wdPzCFN.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(e=>({default:e.ImportListings}))),A=24,ct=["all","purchases","sales"],M="migrate";function w(e){try{return new Date(e).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function ce(e){return e.length>10?`${e.slice(0,6)}…${e.slice(-4)}`:e}function le(e){const a=Number(e)/1e18;return Number.isFinite(a)?a.toLocaleString("en",{maximumFractionDigits:2}):"0"}function he({children:e}){const a=g.useRef(null),[n,i]=g.useState(null),o=()=>{var u;const r=(u=a.current)==null?void 0:u.getBoundingClientRect();r&&i({top:r.bottom+8,left:r.left+r.width/2})};return t.jsxs(st,{ref:a,tabIndex:0,onMouseEnter:o,onMouseLeave:()=>i(null),onFocus:o,onBlur:()=>i(null),children:[e,n?Fe.createPortal(t.jsx(nt,{style:{top:n.top,left:n.left},role:"tooltip",children:c("activity.polygonMana")}),document.body):null]})}function lt({item:e}){const a=!!e.contractAddress&&!!e.itemId,n=!!e.tradeId||a,{data:i,isLoading:o}=$({queryKey:["order-line-display",e.tradeId,e.contractAddress,e.itemId],queryFn:()=>e.tradeId?Ce(e.tradeId):q(e.contractAddress,{itemId:e.itemId}),enabled:n,staleTime:5*6e4}),r=n&&o,u=(i==null?void 0:i.name)??c("activity.itemFallback"),d=(i==null?void 0:i.thumbnail)??"",p=H({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,x=t.jsxs(t.Fragment,{children:[r?t.jsx(W,{}):t.jsx(R,{children:d?t.jsx("img",{src:d,alt:u}):t.jsx(j,{name:"cart",size:20})}),t.jsxs(_,{children:[r?t.jsx(G,{}):t.jsx(B,{title:u,children:u}),e.quantity>1?t.jsx(U,{children:c("activity.quantity",{count:e.quantity})}):null]}),t.jsxs(rt,{children:[t.jsx(P,{className:"ccy-mark"})," ",e.credits]})]});return p?t.jsx(K,{to:p,"data-link":"true",children:x}):t.jsx(D,{children:x})}function ht({order:e}){const a=Re(e.lines),n=a.reduce((i,o)=>i+o.quantity,0);return t.jsxs(L,{"data-testid":"purchase-order",children:[t.jsxs(N,{children:[t.jsxs(E,{children:[t.jsx(T,{children:w(e.createdAt)}),t.jsxs(C,{children:[c("activity.purchaseLabel")," · ",c("activity.itemCount",{count:n})]})]}),t.jsxs(S,{children:[t.jsx(F,{"data-status":e.status,children:e.status==="PENDING"?c("activity.processing"):c("activity.completed")}),t.jsxs(v,{children:[t.jsx(P,{className:"ccy-mark"})," ",e.totalCredits]})]})]}),t.jsx(O,{children:a.map(i=>t.jsx(lt,{item:i},i.key))})]})}function ut({sale:e}){const{data:a,isLoading:n}=$({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=(a==null?void 0:a.name)??c("activity.itemFallback"),o=(a==null?void 0:a.thumbnail)??"",r=H({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,u=t.jsxs(t.Fragment,{children:[n?t.jsx(W,{}):t.jsx(R,{children:o?t.jsx("img",{src:o,alt:i}):t.jsx(j,{name:"offer",size:20})}),t.jsxs(_,{children:[n?t.jsx(G,{}):t.jsx(B,{title:i,children:i}),t.jsx(U,{children:c("activity.boughtFrom",{account:ce(e.seller)})})]})]});return t.jsxs(L,{"data-testid":"activity-mana-purchase",children:[t.jsxs(N,{children:[t.jsxs(E,{children:[t.jsx(T,{children:w(e.createdAt)}),t.jsx(C,{children:c("activity.paidWithMana")})]}),t.jsxs(S,{children:[t.jsx(F,{"data-status":"SETTLED",children:c("activity.completed")}),t.jsxs(v,{children:[le(e.manaWei)," ",t.jsx(he,{children:t.jsx(re,{src:ae,alt:"MANA"})})]})]})]}),t.jsx(O,{children:r?t.jsx(K,{to:r,"data-link":"true",children:u}):t.jsx(D,{children:u})})]})}function pt({sale:e,payout:a}){const{data:n,isLoading:i}=$({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>q(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),o=(n==null?void 0:n.name)??c("activity.itemFallback"),r=(n==null?void 0:n.thumbnail)??"",u=H({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,d=t.jsxs(t.Fragment,{children:[i?t.jsx(W,{}):t.jsx(R,{children:r?t.jsx("img",{src:r,alt:o}):t.jsx(j,{name:"offer",size:20})}),t.jsxs(_,{children:[i?t.jsx(G,{}):t.jsx(B,{title:o,children:o}),t.jsxs(U,{children:[c("activity.soldTo",{account:ce(e.counterparty)}),a.kind==="pending"?` · ${c("activity.payoutPendingOn",{date:w(a.availableAt)})}`:""]})]})]});return t.jsxs(L,{"data-testid":"activity-sale",children:[t.jsxs(N,{children:[t.jsxs(E,{children:[t.jsx(T,{children:w(e.createdAt)}),t.jsx(C,{children:c("activity.saleLabel")})]}),t.jsxs(S,{children:[t.jsx(F,{"data-status":a.kind==="pending"?"PENDING":"SOLD",children:a.kind==="pending"?c("activity.payoutPending"):c("activity.sold")}),a.kind==="direct"?t.jsxs(v,{"data-kind":"income",children:["+",le(e.manaWei)," ",t.jsx(he,{children:t.jsx(re,{src:ae,alt:"MANA"})})]}):a.credits!==null?t.jsxs(v,{"data-kind":"income",children:[t.jsx(P,{className:"ccy-mark"})," +",Ne(a.credits)]}):t.jsx(v,{"data-kind":"income",children:c("activity.payoutCredited")})]})]}),t.jsx(O,{children:u?t.jsx(K,{to:u,"data-link":"true",children:d}):t.jsx(D,{children:d})})]})}function xt({order:e}){const a=`$${(e.usdCents/100).toFixed(2)}`,n=Pe(e.status),i=n==="SETTLED"?c("activity.completed"):n==="FAILED"?c("activity.failed"):n==="UNFINISHED"?c("activity.unfinished"):c("activity.processing"),o=te(m=>m.session),r=Le(),[u,d]=g.useState(!1),p=e.status==="initiated"&&!!o;async function x(){if(!(!o||u)){d(!0);try{const m=await Ee(e.id,o.identity);if(m){window.location.href=m;return}Te.info(c("activity.resumeExpired")),r.invalidateQueries({queryKey:["credit-orders"]})}finally{d(!1)}}}return t.jsx(L,{"data-testid":"credit-order",children:t.jsxs(N,{children:[t.jsx(it,{children:t.jsx("img",{src:Qe,alt:"","aria-hidden":!0})}),t.jsxs(E,{children:[t.jsx(T,{children:w(e.createdAt)}),t.jsxs(C,{children:[c("activity.creditPurchaseLabel")," · ",c("activity.creditPaid",{usd:a})]})]}),t.jsxs(S,{children:[p?t.jsx(at,{type:"button",onClick:()=>void x(),disabled:u,"data-testid":"resume-order",children:u?c("activity.resuming"):c("activity.resume")}):null,t.jsx(F,{"data-status":n,children:i}),t.jsxs(v,{"data-kind":"income",children:["+",t.jsx(P,{className:"ccy-mark"})," ",e.credits]})]})]})})}function mt({filter:e}){const a={all:{icon:"clock",title:c("activity.emptyAllTitle"),body:c("activity.emptyAllBody")},purchases:{icon:"cart",title:c("activity.emptyPurchasesTitle"),body:c("activity.emptyPurchasesBody")},sales:{icon:"offer",title:c("activity.emptySalesTitle"),body:c("activity.emptySalesBody")}}[e];return t.jsxs(oe,{children:[t.jsx(j,{name:a.icon,size:40,color:s.colors.muted2}),t.jsx(de,{children:a.title}),t.jsx("p",{className:"muted",children:a.body}),e!=="sales"?t.jsx(ot,{as:ie,to:"/items",variant:"purple",children:c("notFound.cta")}):null]})}function Et(){const{session:e}=te(),[a,n]=g.useState("all"),[i,o]=Se(),r=i.get("view")===M;ke({title:r?c("seo.import.title"):c("nav.activity"),noindex:!0});const{count:u}=De(),d=u!==void 0&&(u>0||r),p=!!e&&!r&&a!=="sales",x=!!e&&!r&&a!=="purchases",m=I(["purchases",e==null?void 0:e.address],h=>Ae(e.address,e.identity,{first:A,skip:h}),{enabled:p}),f=I(["sales",e==null?void 0:e.address],h=>Z(e.address,{role:"seller",first:A,skip:h}),{enabled:x}),b=I(["credit-orders",e==null?void 0:e.address],h=>J(e.address,e.identity,{first:A,skip:h}),{enabled:p}),y=I(["mana-purchases",e==null?void 0:e.address],h=>Z(e.address,{role:"buyer",first:A,skip:h}),{enabled:p}),{data:Q}=$({queryKey:["sale-payouts",e==null?void 0:e.address],queryFn:()=>J(e.address,e.identity,{first:200}).then(h=>h.payouts),enabled:x,staleTime:6e4}),ue=g.useMemo(()=>Ge(Q),[Q]),{data:pe}=Ie(x);if(!e)return t.jsxs(oe,{children:[t.jsx(j,{name:"clock",size:40,color:s.colors.muted2}),t.jsx(de,{children:c("activity.signInTitle")}),t.jsx("p",{className:"muted",children:c("activity.signInBody")})]});const V=Be(_e({purchases:p?m.items:[],sales:x?f.items:[],creditOrders:p?b.items:[],manaPurchases:p?y.items:[],rate:pe}),a),xe=p&&(m.isLoading||b.isLoading||y.isLoading)||x&&f.isLoading,X=p&&(m.isFetchingNextPage||b.isFetchingNextPage||y.isFetchingNextPage)||x&&f.isFetchingNextPage,me=p&&(m.hasNextPage||b.hasNextPage||y.hasNextPage)||x&&f.hasNextPage;function ge(){p&&m.hasNextPage&&m.fetchNextPage(),p&&b.hasNextPage&&b.fetchNextPage(),p&&y.hasNextPage&&y.fetchNextPage(),x&&f.hasNextPage&&f.fetchNextPage()}function fe(h){if(n(h),!r)return;const k=new URLSearchParams(i);k.delete("view"),o(k,{replace:!0})}function be(){const h=new URLSearchParams(i);h.set("view",M),o(h,{replace:!0})}return t.jsxs(Ve,{"data-view":r?M:"feed",children:[t.jsx(Xe,{children:t.jsx(Ze,{children:c("nav.activity")})}),t.jsxs(Je,{role:"tablist","aria-label":c("nav.activity"),children:[ct.map(h=>t.jsx(ne,{type:"button",role:"tab","aria-selected":!r&&a===h,"data-active":!r&&a===h,"data-testid":`activity-filter-${h}`,onClick:()=>fe(h),children:c(`activity.filter.${h}`)},h)),d?t.jsxs(Ye,{type:"button",role:"tab","aria-selected":r,"data-active":r,"data-testid":"activity-filter-migrate","aria-label":u?c("activity.migrate.chipAria",{count:u}):void 0,onClick:be,children:[c("activity.migrate.chip"),u?t.jsx(et,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:u}):null]}):null]}),r?t.jsx(g.Suspense,{fallback:t.jsx(tt,{"aria-busy":"true"}),children:t.jsx(dt,{})}):xe?t.jsx(Y,{children:Array.from({length:5}).map((h,k)=>t.jsx(ee,{},k))}):V.length===0?t.jsx(mt,{filter:a}):t.jsxs(t.Fragment,{children:[t.jsxs(Y,{children:[V.map(h=>h.kind==="purchase"?t.jsx(ht,{order:h.order},h.id):h.kind==="credit"?t.jsx(xt,{order:h.order},h.id):h.kind==="mana-purchase"?t.jsx(ut,{sale:h.sale},h.id):t.jsx(pt,{sale:h.sale,payout:Ue(ue,h.sale)},h.id)),X?t.jsx(ee,{}):null]}),t.jsx(Me,{hasNextPage:me,isFetching:X,onLoadMore:ge})]})]})}export{Et as Activity};

package/_assets/{AnimatedBackground-Biiq2Y4P.js → AnimatedBackground-CUaBDivG.js}

@@ -1,4 +1,4 @@
-import{r as l,j as v}from"./react-DehiWSvs.js";import{s as u}from"./index-Crv-6FMt.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";const S="https://cdn.decentraland.org/@dcl/shop/0.6.1-30950057562.commit-5ce11cd/_assets/custom-welcome-background-BxlFQma9.webp",b="https://cdn.decentraland.org/@dcl/shop/0.6.1-30950057562.commit-5ce11cd/_assets/DCL_LogoPattern-BryBPc3d.png",U=`
+import{r as l,j as v}from"./react-DehiWSvs.js";import{s as u}from"./index-CkcRMZdJ.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";const b="https://cdn.decentraland.org/@dcl/shop/0.6.1-30952038035.commit-ab739fb/_assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.6.1-30952038035.commit-ab739fb/_assets/DCL_LogoPattern-BryBPc3d.png",U=`
 attribute vec2 a_position;
 varying vec2 v_uv;
 void main() {
@@ -94,4 +94,4 @@ void main() {
   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),c=p(e,e.FRAGMENT_SHADER,P);if(!o||!c){o&&e.deleteShader(o),c&&e.deleteShader(c);return}const a=D(e,o,c);if(!a){e.deleteShader(o),e.deleteShader(c);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 i=window.devicePixelRatio||1,E=r.clientWidth*i,g=r.clientHeight*i;(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=i=>{i.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(c),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};
+`;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,S,()=>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(${b})`}}),v.jsx(I,{ref:t})]})}export{G as default};