@dcl/shop 0.10.1-31042990976.commit-7edc9b6 → 1.0.0

package/_assets/Activity-CJO4ONwi.js

@@ -0,0 +1,371 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-DsH_mBtT.js","_assets/react-BYHuwl8r.js","_assets/index-C616xNgB.js","_assets/dcl-schemas-CmtP3U6y.js","_assets/sentry-Dx-KuLV3.js","_assets/ethers-BDpbhgX6.js","_assets/intl-CBcMB1D2.js","_assets/index-BYP7oMPZ.css","_assets/useImportable-Bh7jH6e9.js","_assets/buy-CuFubBZY.js","_assets/authorizations-HgwrWkaa.js","_assets/sendMetaTransaction-Ba_-1nOk.js","_assets/ManaPricingBanner.styles-Bb7BS6EM.js","_assets/Faq-D03YByjo.js","_assets/field.styles-ciG_OcBi.js"])))=>i.map(i=>d[i]);
+import{n as It,bN as At,o as O,v as A,bO as $t,t as n,s as l,w as Pt,B as Lt,x as Nt,b as d,ap as Et,I as $,bP as et,bQ as it,bR as Tt,_ as Ct,z as N,bS as St,A as Ft,bi as R,L as Mt,bT as Dt,E as Ht,bU as qt,bV as _}from"./index-C616xNgB.js";import{r as g,u as zt,j as e,L as rt,e as Ot}from"./react-BYHuwl8r.js";import{u as Rt}from"./useImportable-Bh7jH6e9.js";import{L as _t}from"./LoadMore-CMAFsns3.js";import{u as P}from"./useInfiniteGrid-CV4TXaLn.js";import{m as ot}from"./mana-matic-C4e1sNO3.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./buy-CuFubBZY.js";import"./authorizations-HgwrWkaa.js";import"./sendMetaTransaction-Ba_-1nOk.js";const Wt=15e3;function Gt(t,s){return t.txHash&&s.txHash?t.txHash===s.txHash:t.txHash||s.txHash?!1:t.status===s.status&&Math.abs(t.createdAt-s.createdAt)<=Wt}function Bt(t){const s=[...t].sort((i,r)=>r.createdAt-i.createdAt),a=[];for(const i of s){const r=a[a.length-1];r&&Gt(r[r.length-1],i)?r.push(i):a.push([i])}return a.map(i=>{var r;return{id:((r=i.find(c=>c.txHash))==null?void 0:r.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(c=>c.createdAt)),status:i.some(c=>c.status==="PENDING")?"PENDING":"SETTLED",totalCredits:i.reduce((c,u)=>c+u.credits,0),lines:i}})}function Kt(t){return t.tradeId?`trade:${t.tradeId}`:t.contractAddress&&t.itemId?`item:${t.contractAddress.toLowerCase()}:${t.itemId}`:null}function Ut(t){const s=[],a=new Map;for(const i of t){const r=Kt(i);if(!r){s.push({key:i.id,tradeId:null,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits});continue}const c=a.get(r);if(c){c.quantity+=1,c.credits+=i.credits;continue}const u={key:r,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits};a.set(r,u),s.push(u)}return s}function Qt(t,s){return{id:t.id,contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId,counterparty:t.buyer,credits:s?It(t.manaWei,s):null,manaWei:t.manaWei,createdAt:t.createdAt,txHash:t.txHash}}function Vt(t){const a=Bt(t.purchases.filter(o=>o.status!=="EXPIRED")).map(o=>({kind:"purchase",id:`purchase:${o.id}`,createdAt:o.createdAt,order:o})),i=t.sales.map(o=>{const x=Qt(o,t.rate);return{kind:"sale",id:`sale:${x.id}`,createdAt:x.createdAt,sale:x}}),r=(t.creditOrders??[]).filter(o=>o.status!=="failed"&&o.status!=="abandoned").map(o=>({kind:"credit",id:`credit:${o.id}`,createdAt:o.createdAt,order:o})),c=new Set(t.purchases.filter(o=>o.txHash).map(o=>o.txHash.toLowerCase())),u=(t.manaPurchases??[]).filter(o=>!c.has(o.txHash.toLowerCase())).map(o=>({kind:"mana-purchase",id:`mana-purchase:${o.id}`,createdAt:o.createdAt,sale:o}));return[...a,...i,...r,...u].sort((o,x)=>x.createdAt-o.createdAt||(o.id<x.id?-1:1))}function Xt(t,s){return s==="all"?t:s==="sales"?t.filter(a=>a.kind==="sale"):t.filter(a=>a.kind==="purchase"||a.kind==="credit"||a.kind==="mana-purchase")}const ct=t=>t.trim().toLowerCase();function Yt(t){const s=new Map;for(const a of t??[]){const i=ct(a.txHash??"");if(!i)continue;const r=s.get(i);r?r.push(a):s.set(i,[a])}return s}function Zt(t,s,a=Date.now()){const i=s.txHash?t.get(ct(s.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const r=i.length===1?Jt(i[0].netCents):null,c=i.filter(o=>!o.available&&o.availableAt>a);if(c.length===0)return{kind:"credited",credits:r};const u=c.reduce((o,x)=>Math.max(o,x.availableAt),0);return{kind:"pending",credits:r,availableAt:u}}function Jt(t){return At(t)}function te(){const t=O(i=>{var r;return(r=i.session)==null?void 0:r.address}),{data:s,isLoading:a}=A({queryKey:["listing-count",t],queryFn:()=>$t({creator:t,onSale:!0,first:1}),enabled:!!t,staleTime:5*6e4});return{count:s==null?void 0:s.total,isLoading:a}}const ee="https://cdn.decentraland.org/@dcl/shop/1.0.0/_assets/credits-product-vs4Q6u6l.svg",W=Pt`
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+`,ie=l.section`
+  width: 100%;
+  min-width: 0;
+  min-height: 60vh;
+  /* Centre the whole column — heading, tabs and cards as ONE block — so the feed isn't parked against
+     the left edge of a wide page. Centring only the list would leave the heading orphaned from it.
+
+     ONE width for every view. The migration tool needs 1003px (its row is a thumbnail, a name and a
+     144px price field; narrower, the price field drops to its own line on a desktop), and the feed used
+     to sit at 760px — so switching chips resized the heading and the whole column under it, which reads
+     as the page reloading rather than as a filter changing. */
+  max-width: 1003px;
+  margin-inline: auto;
+`,se=l.div`
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 20px;
+`,ne=l.h1`
+  font-family: ${n.font.sans};
+  margin: 0;
+  color: ${n.colors.softWhite};
+`;l.span`
+  color: ${n.colors.gray4};
+  font-size: 14px;
+`;const ae=l.div`
+  display: flex;
+  gap: 8px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+`,dt=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 ${n.colors.accent};
+  background: ${n.colors.accent};
+  color: ${n.colors.white};
+  font-family: ${n.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  /* The design gives the pill a flat 40px and no vertical padding, centring the 24px line box inside
+     it — so the height is the 40 it draws rather than the sum of a line box, padding and a border. */
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 16px;
+  min-height: 40px;
+  border-radius: ${n.radius.pill};
+  cursor: pointer;
+  transition:
+    background 0.15s,
+    border-color 0.15s,
+    color 0.15s;
+
+  &:hover {
+    background: ${n.colors.accentHover};
+    border-color: ${n.colors.accentHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${n.colors.white};
+    outline-offset: 2px;
+  }
+  &[data-active='true'] {
+    background: ${n.colors.white};
+    border-color: ${n.colors.gray4};
+    color: ${n.colors.text};
+  }
+  &[data-active='true']:hover {
+    background: ${n.colors.media};
+    border-color: ${n.colors.gray4};
+  }
+`,re=l(dt)`
+  position: relative;
+`,oe=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: ${n.radius.pill};
+  background: ${n.colors.dclRed};
+  /* No ring: the red separates itself from both surfaces the disc straddles (the chip and the page), and
+     the design draws the circle bare. */
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.6;
+  color: ${n.colors.white};
+`,ce=l.div`
+  min-height: 60vh;
+`,st=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`,E=l.div`
+  background: ${n.colors.white};
+  border: 1px solid ${n.colors.line};
+  border-radius: 16px;
+  overflow: hidden;
+`,T=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 18px;
+  background: ${n.colors.softWhite};
+  border-bottom: 1px solid ${n.colors.line};
+
+  ${n.media.maxWidth("mobile")} {
+    flex-wrap: wrap;
+  }
+`,C=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+`,S=l.span`
+  font-weight: 700;
+  color: ${n.colors.text};
+`,F=l.span`
+  font-size: 13px;
+  color: ${n.colors.muted};
+`,M=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;
+`,de=l.div`
+  flex: 0 0 auto;
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${n.colors.media};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  img {
+    width: 30px;
+    height: 30px;
+    display: block;
+  }
+`,D=l.span`
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 4px 10px;
+  border-radius: ${n.radius.pill};
+  white-space: nowrap;
+
+  &[data-status='SETTLED'] {
+    background: rgba(30, 166, 114, 0.14);
+    color: ${n.colors.okStrong};
+  }
+  &[data-status='PENDING'] {
+    background: rgba(245, 166, 35, 0.16);
+    color: #b5790a;
+  }
+  &[data-status='SOLD'] {
+    background: rgba(103, 58, 183, 0.14);
+    color: ${n.colors.accent};
+  }
+  &[data-status='FAILED'] {
+    background: rgba(214, 61, 61, 0.14);
+    color: #b02a2a;
+  }
+  /* Nobody paid and nobody is owed anything — deliberately the quietest of the four. Reusing PENDING's
+     amber here is what made an abandoned checkout look like money on its way. */
+  &[data-status='UNFINISHED'] {
+    background: ${n.colors.line};
+    color: ${n.colors.muted};
+  }
+`,le=l.button`
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 4px 10px;
+  border-radius: ${n.radius.pill};
+  white-space: nowrap;
+  border: 1px solid ${n.colors.accent};
+  background: transparent;
+  color: ${n.colors.accent};
+  cursor: pointer;
+  transition: background 0.15s ease;
+
+  &:hover:not(:disabled) {
+    background: rgba(103, 58, 183, 0.08);
+  }
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+`,k=l.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-weight: 800;
+  color: ${n.colors.text};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 16px;
+    height: 16px;
+  }
+
+  // Money received (a sale) reads as income in the shop's success green.
+  &[data-kind='income'] {
+    color: ${n.colors.okStrong};
+  }
+`,lt=l.img`
+  width: 16px;
+  height: 16px;
+  vertical-align: -0.15em;
+`,he=l.span`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+`,ue=l.span`
+  position: fixed;
+  transform: translateX(-50%);
+  padding: 6px 8px;
+  border-radius: 6px;
+  background: #16141a;
+  color: ${n.colors.white};
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  white-space: nowrap;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+  pointer-events: none;
+  z-index: 9999;
+`,G=l.div`
+  display: flex;
+  flex-direction: column;
+`,H=l.div`
+  display: grid;
+  grid-template-columns: 52px 1fr auto;
+  align-items: center;
+  gap: 14px;
+  padding: 12px 18px;
+  text-decoration: none;
+  color: inherit;
+
+  & + & {
+    border-top: 1px solid ${n.colors.line};
+  }
+
+  &[data-link='true'] {
+    transition: background 0.15s;
+  }
+  &[data-link='true']:hover {
+    background: ${n.colors.media};
+  }
+  &[data-link='true']:focus-visible {
+    outline: 2px solid ${n.colors.accent};
+    outline-offset: -2px;
+  }
+`,B=l.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${n.colors.media};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${n.colors.muted2};
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,K=l.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: linear-gradient(100deg, ${n.colors.media} 30%, ${n.colors.panel} 50%, ${n.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${W} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,U=l.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,Q=l.span`
+  font-weight: 700;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,V=l.span`
+  display: inline-block;
+  width: 140px;
+  max-width: 60%;
+  height: 12px;
+  border-radius: 6px;
+  background: linear-gradient(100deg, ${n.colors.media} 30%, ${n.colors.panel} 50%, ${n.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${W} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,X=l.span`
+  font-size: 13px;
+  color: ${n.colors.muted};
+`,pe=l.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-weight: 700;
+  color: ${n.colors.text};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 14px;
+    height: 14px;
+  }
+`,nt=l.div`
+  height: 132px;
+  border-radius: 16px;
+  border: 1px solid transparent;
+  background: linear-gradient(100deg, ${n.colors.media} 30%, ${n.colors.panel} 50%, ${n.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${W} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,ht=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  text-align: center;
+  padding: 90px 20px;
+  min-height: 50vh;
+  color: ${n.colors.softWhite};
+`,ut=l.p`
+  font-size: 22px;
+  font-weight: 700;
+  margin: 6px 0 0;
+`,pt=l.p`
+  margin: 0;
+  color: ${n.colors.softWhite};
+`,xe=l(Lt)`
+  margin-top: 12px;
+`,Y=H.withComponent(rt),me=g.lazy(()=>Ct(()=>import("./index-DsH_mBtT.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(t=>({default:t.ImportListings}))),L=24,ge=["all","purchases","sales"],q="section",at="listings",z="view",fe="migrate";function I(t){try{return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function xt(t){return t.length>10?`${t.slice(0,6)}…${t.slice(-4)}`:t}function mt(t){const s=Number(t)/1e18;return Number.isFinite(s)?s.toLocaleString("en",{maximumFractionDigits:2}):"0"}function gt({children:t}){const s=g.useRef(null),[a,i]=g.useState(null),r=()=>{var u;const c=(u=s.current)==null?void 0:u.getBoundingClientRect();c&&i({top:c.bottom+8,left:c.left+c.width/2})};return e.jsxs(he,{ref:s,tabIndex:0,onMouseEnter:r,onMouseLeave:()=>i(null),onFocus:r,onBlur:()=>i(null),children:[t,a?Ot.createPortal(e.jsx(ue,{style:{top:a.top,left:a.left},role:"tooltip",children:d("activity.polygonMana")}),document.body):null]})}function be({item:t}){const s=!!t.contractAddress&&!!t.itemId,a=!!t.tradeId||s,{data:i,isLoading:r}=A({queryKey:["order-line-display",t.tradeId,t.contractAddress,t.itemId],queryFn:()=>t.tradeId?qt(t.tradeId):_(t.contractAddress,{itemId:t.itemId}),enabled:a,staleTime:5*6e4}),c=a&&r,u=(i==null?void 0:i.name)??d("activity.itemFallback"),o=(i==null?void 0:i.thumbnail)??"",x=R({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,f=e.jsxs(e.Fragment,{children:[c?e.jsx(K,{}):e.jsx(B,{children:o?e.jsx("img",{src:o,alt:u}):e.jsx($,{name:"cart",size:20})}),e.jsxs(U,{children:[c?e.jsx(V,{}):e.jsx(Q,{title:u,children:u}),t.quantity>1?e.jsx(X,{children:d("activity.quantity",{count:t.quantity})}):null]}),e.jsxs(pe,{children:[e.jsx(N,{className:"ccy-mark"})," ",t.credits]})]});return x?e.jsx(Y,{to:x,"data-link":"true",children:f}):e.jsx(H,{children:f})}function ye({order:t}){const s=Ut(t.lines),a=s.reduce((i,r)=>i+r.quantity,0);return e.jsxs(E,{"data-testid":"purchase-order",children:[e.jsxs(T,{children:[e.jsxs(C,{children:[e.jsx(S,{children:I(t.createdAt)}),e.jsxs(F,{children:[d("activity.purchaseLabel")," · ",d("activity.itemCount",{count:a})]})]}),e.jsxs(M,{children:[e.jsx(D,{"data-status":t.status,children:t.status==="PENDING"?d("activity.processing"):d("activity.completed")}),e.jsxs(k,{children:[e.jsx(N,{className:"ccy-mark"})," ",t.totalCredits]})]})]}),e.jsx(G,{children:s.map(i=>e.jsx(be,{item:i},i.key))})]})}function ve({sale:t}){const{data:s,isLoading:a}=A({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>_(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),i=(s==null?void 0:s.name)??d("activity.itemFallback"),r=(s==null?void 0:s.thumbnail)??"",c=R({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,u=e.jsxs(e.Fragment,{children:[a?e.jsx(K,{}):e.jsx(B,{children:r?e.jsx("img",{src:r,alt:i}):e.jsx($,{name:"offer",size:20})}),e.jsxs(U,{children:[a?e.jsx(V,{}):e.jsx(Q,{title:i,children:i}),e.jsx(X,{children:d("activity.boughtFrom",{account:xt(t.seller)})})]})]});return e.jsxs(E,{"data-testid":"activity-mana-purchase",children:[e.jsxs(T,{children:[e.jsxs(C,{children:[e.jsx(S,{children:I(t.createdAt)}),e.jsx(F,{children:d("activity.paidWithMana")})]}),e.jsxs(M,{children:[e.jsx(D,{"data-status":"SETTLED",children:d("activity.completed")}),e.jsxs(k,{children:[mt(t.manaWei)," ",e.jsx(gt,{children:e.jsx(lt,{src:ot,alt:"MANA"})})]})]})]}),e.jsx(G,{children:c?e.jsx(Y,{to:c,"data-link":"true",children:u}):e.jsx(H,{children:u})})]})}function je({sale:t,payout:s}){const{data:a,isLoading:i}=A({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>_(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),r=(a==null?void 0:a.name)??d("activity.itemFallback"),c=(a==null?void 0:a.thumbnail)??"",u=R({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,o=e.jsxs(e.Fragment,{children:[i?e.jsx(K,{}):e.jsx(B,{children:c?e.jsx("img",{src:c,alt:r}):e.jsx($,{name:"offer",size:20})}),e.jsxs(U,{children:[i?e.jsx(V,{}):e.jsx(Q,{title:r,children:r}),e.jsxs(X,{children:[d("activity.soldTo",{account:xt(t.counterparty)}),s.kind==="pending"?` · ${d("activity.payoutPendingOn",{date:I(s.availableAt)})}`:""]})]})]});return e.jsxs(E,{"data-testid":"activity-sale",children:[e.jsxs(T,{children:[e.jsxs(C,{children:[e.jsx(S,{children:I(t.createdAt)}),e.jsx(F,{children:d("activity.saleLabel")})]}),e.jsxs(M,{children:[e.jsx(D,{"data-status":s.kind==="pending"?"PENDING":"SOLD",children:s.kind==="pending"?d("activity.payoutPending"):d("activity.sold")}),s.kind==="direct"?e.jsxs(k,{"data-kind":"income",children:["+",mt(t.manaWei)," ",e.jsx(gt,{children:e.jsx(lt,{src:ot,alt:"MANA"})})]}):s.credits!==null?e.jsxs(k,{"data-kind":"income",children:[e.jsx(N,{className:"ccy-mark"})," +",Mt(s.credits)]}):e.jsx(k,{"data-kind":"income",children:d("activity.payoutCredited")})]})]}),e.jsx(G,{children:u?e.jsx(Y,{to:u,"data-link":"true",children:o}):e.jsx(H,{children:o})})]})}function ke({order:t}){const s=`$${(t.usdCents/100).toFixed(2)}`,a=St(t.status),i=a==="SETTLED"?d("activity.completed"):a==="FAILED"?d("activity.failed"):a==="UNFINISHED"?d("activity.unfinished"):d("activity.processing"),r=O(p=>p.session),c=Ft(),[u,o]=g.useState(!1),x=t.status==="initiated"&&!!r;async function f(){if(!(!r||u)){o(!0);try{const p=await Dt(t.id,r.identity);if(p){window.location.href=p;return}Ht.info(d("activity.resumeExpired")),c.invalidateQueries({queryKey:["credit-orders"]})}finally{o(!1)}}}return e.jsx(E,{"data-testid":"credit-order",children:e.jsxs(T,{children:[e.jsx(de,{children:e.jsx("img",{src:ee,alt:"","aria-hidden":!0})}),e.jsxs(C,{children:[e.jsx(S,{children:I(t.createdAt)}),e.jsxs(F,{children:[d("activity.creditPurchaseLabel")," · ",d("activity.creditPaid",{usd:s})]})]}),e.jsxs(M,{children:[x?e.jsx(le,{type:"button",onClick:()=>void f(),disabled:u,"data-testid":"resume-order",children:u?d("activity.resuming"):d("activity.resume")}):null,e.jsx(D,{"data-status":a,children:i}),e.jsxs(k,{"data-kind":"income",children:["+",e.jsx(N,{className:"ccy-mark"})," ",t.credits]})]})]})})}function we({filter:t}){const s={all:{icon:"clock",title:d("activity.emptyAllTitle"),body:d("activity.emptyAllBody")},purchases:{icon:"cart",title:d("activity.emptyPurchasesTitle"),body:d("activity.emptyPurchasesBody")},sales:{icon:"offer",title:d("activity.emptySalesTitle"),body:d("activity.emptySalesBody")}}[t];return e.jsxs(ht,{children:[e.jsx($,{name:s.icon,size:40,color:n.colors.muted2}),e.jsx(ut,{children:s.title}),e.jsx(pt,{children:s.body}),t!=="sales"?e.jsx(xe,{as:rt,to:"/items",variant:"purple",children:d("notFound.cta")}):null]})}function He(){const{session:t}=O(),[s,a]=g.useState("all"),[i,r]=zt(),c=i.get(q)===at||i.get(z)===fe;Nt({title:c?d("seo.import.title"):d("nav.activity"),noindex:!0});const{count:u}=Rt(),{count:o}=te(),f=u!==void 0&&o!==void 0&&(u>0||o>0||c),p=!!t&&!c&&s!=="sales",m=!!t&&!c&&s!=="purchases",b=P(["purchases",t==null?void 0:t.address],h=>Tt(t.address,t.identity,{first:L,skip:h}),{enabled:p}),y=P(["sales",t==null?void 0:t.address],h=>et(t.address,{role:"seller",first:L,skip:h}),{enabled:m}),v=P(["credit-orders",t==null?void 0:t.address],h=>it(t.address,t.identity,{first:L,skip:h}),{enabled:p}),j=P(["mana-purchases",t==null?void 0:t.address],h=>et(t.address,{role:"buyer",first:L,skip:h}),{enabled:p}),{data:Z}=A({queryKey:["sale-payouts",t==null?void 0:t.address],queryFn:()=>it(t.address,t.identity,{first:200}).then(h=>h.payouts),enabled:m,staleTime:6e4}),ft=g.useMemo(()=>Yt(Z),[Z]),{data:bt}=Et(m);if(!t)return e.jsxs(ht,{children:[e.jsx($,{name:"clock",size:40,color:n.colors.muted2}),e.jsx(ut,{children:d("activity.signInTitle")}),e.jsx(pt,{children:d("activity.signInBody")})]});const J=Xt(Vt({purchases:p?b.items:[],sales:m?y.items:[],creditOrders:p?v.items:[],manaPurchases:p?j.items:[],rate:bt}),s),yt=p&&(b.isLoading||v.isLoading||j.isLoading)||m&&y.isLoading,tt=p&&(b.isFetchingNextPage||v.isFetchingNextPage||j.isFetchingNextPage)||m&&y.isFetchingNextPage,vt=p&&(b.hasNextPage||v.hasNextPage||j.hasNextPage)||m&&y.hasNextPage;function jt(){p&&b.hasNextPage&&b.fetchNextPage(),p&&v.hasNextPage&&v.fetchNextPage(),p&&j.hasNextPage&&j.fetchNextPage(),m&&y.hasNextPage&&y.fetchNextPage()}function kt(h){if(a(h),!c)return;const w=new URLSearchParams(i);w.delete(q),w.delete(z),r(w,{replace:!0})}function wt(){const h=new URLSearchParams(i);h.set(q,at),h.delete(z),r(h,{replace:!0})}return e.jsxs(ie,{children:[e.jsx(se,{children:e.jsx(ne,{children:d("nav.activity")})}),e.jsxs(ae,{role:"tablist","aria-label":d("nav.activity"),children:[ge.map(h=>e.jsx(dt,{type:"button",role:"tab","aria-selected":!c&&s===h,"data-active":!c&&s===h,"data-testid":`activity-filter-${h}`,onClick:()=>kt(h),children:d(`activity.filter.${h}`)},h)),f?e.jsxs(re,{type:"button",role:"tab","aria-selected":c,"data-active":c,"data-testid":"activity-filter-migrate","aria-label":u?d("activity.migrate.chipAria",{count:u}):void 0,onClick:wt,children:[d("activity.migrate.chip"),u?e.jsx(oe,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:u}):null]}):null]}),c?e.jsx(g.Suspense,{fallback:e.jsx(ce,{"aria-busy":"true"}),children:e.jsx(me,{})}):yt?e.jsx(st,{children:Array.from({length:5}).map((h,w)=>e.jsx(nt,{},w))}):J.length===0?e.jsx(we,{filter:s}):e.jsxs(e.Fragment,{children:[e.jsxs(st,{children:[J.map(h=>h.kind==="purchase"?e.jsx(ye,{order:h.order},h.id):h.kind==="credit"?e.jsx(ke,{order:h.order},h.id):h.kind==="mana-purchase"?e.jsx(ve,{sale:h.sale},h.id):e.jsx(je,{sale:h.sale,payout:Zt(ft,h.sale)},h.id)),tt?e.jsx(nt,{}):null]}),e.jsx(_t,{hasNextPage:vt,isFetching:tt,onLoadMore:jt})]})]})}export{He as Activity};

package/_assets/AnimatedBackground-CHiOSgJ6.js

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