@dcl/shop 1.4.2-31322819328.commit-403d972 → 1.5.0

package/_assets/Activity-D50vcan8.js

@@ -0,0 +1,379 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-VoCS0qIV.js","_assets/react-B9n8JCiV.js","_assets/index-g9E_6bSc.js","_assets/dcl-schemas-zsu0mTrZ.js","_assets/sentry-C8wiaTF5.js","_assets/ethers-Cht1Npa6.js","_assets/intl-AKLEHPeO.js","_assets/index-l2QjlKjX.css","_assets/useImportable-Do_H6s5X.js","_assets/buy-obADexg6.js","_assets/authorizations-myrKPD1A.js","_assets/sendMetaTransaction-9dQlFhJ5.js","_assets/ManaPricingBanner.styles-neDlJJ8w.js","_assets/Faq-CA4hGBgd.js","_assets/field.styles-C4G2gSVV.js"])))=>i.map(i=>d[i]);
+import{q as Ae,bF as Ee,v as _,l as A,bG as $e,t as s,s as l,x as Le,B as Pe,y as Ne,b as r,an as Te,I as E,bH as ie,bI as ne,bJ as Se,_ as Fe,A as N,bK as Ce,D as De,aF as O,L as Me,bL as He,F as $,bM as qe,bN as W}from"./index-g9E_6bSc.js";import{r as g,u as ze,j as t,L as oe,e as Re}from"./react-B9n8JCiV.js";import{u as _e}from"./useImportable-Do_H6s5X.js";import{L as Oe}from"./LoadMore-BZI6acD0.js";import{u as L}from"./useInfiniteGrid-DvCeqJD2.js";import{m as de}from"./mana-matic-CEqvSwrJ.js";import"./dcl-schemas-zsu0mTrZ.js";import"./sentry-C8wiaTF5.js";import"./ethers-Cht1Npa6.js";import"./intl-AKLEHPeO.js";import"./buy-obADexg6.js";import"./authorizations-myrKPD1A.js";import"./sendMetaTransaction-9dQlFhJ5.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="5b12926c-be1c-4331-8835-145e263163f7",e._sentryDebugIdIdentifier="sentry-dbid-5b12926c-be1c-4331-8835-145e263163f7")}catch{}})();const We=15e3;function Ge(e,n){return e.txHash&&n.txHash?e.txHash===n.txHash:e.txHash||n.txHash?!1:e.status===n.status&&Math.abs(e.createdAt-n.createdAt)<=We}function Ue(e){const n=[...e].sort((i,d)=>d.createdAt-i.createdAt),a=[];for(const i of n){const d=a[a.length-1];d&&Ge(d[d.length-1],i)?d.push(i):a.push([i])}return a.map(i=>{var d;return{id:((d=i.find(o=>o.txHash))==null?void 0:d.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(o=>o.createdAt)),status:Be(i),totalCredits:i.reduce((o,h)=>o+h.credits,0),lines:i}})}function Be(e){return e.some(n=>n.status==="PENDING")?"PENDING":e.some(n=>n.status==="SETTLED")?"SETTLED":"EXPIRED"}function Ke(e){return e==="SETTLED"?"SETTLED":e==="EXPIRED"?"FAILED":"PENDING"}function Qe(e){return e.tradeId?`trade:${e.tradeId}`:e.contractAddress&&e.itemId?`item:${e.contractAddress.toLowerCase()}:${e.itemId}`:null}function Xe(e){const n=[],a=new Map;for(const i of e){const d=Qe(i);if(!d){n.push({key:i.id,tradeId:null,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits});continue}const o=a.get(d);if(o){o.quantity+=1,o.credits+=i.credits;continue}const h={key:d,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,quantity:1,credits:i.credits};a.set(d,h),n.push(h)}return n}function Ve(e,n){return{id:e.id,contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId,counterparty:e.buyer,credits:n?Ae(e.manaWei,n):null,manaWei:e.manaWei,createdAt:e.createdAt,txHash:e.txHash}}function Ye(e){return e.status!=="EXPIRED"||!!e.submittedTxHash}function Je(e){const a=Ue(e.purchases.filter(Ye)).map(c=>({kind:"purchase",id:`purchase:${c.id}`,createdAt:c.createdAt,order:c})),i=e.sales.map(c=>{const m=Ve(c,e.rate);return{kind:"sale",id:`sale:${m.id}`,createdAt:m.createdAt,sale:m}}),d=(e.creditOrders??[]).filter(c=>c.status!=="failed"&&c.status!=="abandoned").map(c=>({kind:"credit",id:`credit:${c.id}`,createdAt:c.createdAt,order:c})),o=new Set(e.purchases.filter(c=>c.txHash).map(c=>c.txHash.toLowerCase())),h=(e.manaPurchases??[]).filter(c=>!o.has(c.txHash.toLowerCase())).map(c=>({kind:"mana-purchase",id:`mana-purchase:${c.id}`,createdAt:c.createdAt,sale:c}));return[...a,...i,...d,...h].sort((c,m)=>m.createdAt-c.createdAt||(c.id<m.id?-1:1))}function Ze(e,n){return n==="all"?e:n==="sales"?e.filter(a=>a.kind==="sale"):e.filter(a=>a.kind==="purchase"||a.kind==="credit"||a.kind==="mana-purchase")}const ce=e=>e.trim().toLowerCase();function et(e){const n=new Map;for(const a of e??[]){const i=ce(a.txHash??"");if(!i)continue;const d=n.get(i);d?d.push(a):n.set(i,[a])}return n}function tt(e,n,a=Date.now()){const i=n.txHash?e.get(ce(n.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const d=i.length===1?it(i[0].netCents):null,o=i.filter(c=>!c.available&&c.availableAt>a);if(o.length===0)return{kind:"credited",credits:d};const h=o.reduce((c,m)=>Math.max(c,m.availableAt),0);return{kind:"pending",credits:d,availableAt:h}}function it(e){return Ee(e)}function nt(){const e=_(i=>{var d;return(d=i.session)==null?void 0:d.address}),{data:n,isLoading:a}=A({queryKey:["listing-count",e],queryFn:()=>$e({creator:e,onSale:!0,first:1}),enabled:!!e,staleTime:5*6e4});return{count:n==null?void 0:n.total,isLoading:a}}const st="https://cdn.decentraland.org/@dcl/shop/1.5.0/_assets/credits-product-vs4Q6u6l.svg",G=Le`
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+`,at=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;
+`,rt=l.div`
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 20px;
+`,ot=l.h1`
+  font-family: ${s.font.sans};
+  margin: 0;
+  color: ${s.colors.softWhite};
+`;l.span`
+  color: ${s.colors.gray4};
+  font-size: 14px;
+`;const dt=l.div`
+  display: flex;
+  gap: 8px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+`,le=l.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: ${s.colors.glass};
+  color: ${s.colors.white};
+  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,
+    color 0.15s;
+
+  &:hover {
+    background: ${s.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 ${s.colors.white};
+    outline-offset: -2px;
+  }
+  &[data-active='true'] {
+    background: ${s.colors.softWhite};
+    color: ${s.colors.text};
+  }
+  &[data-active='true']:hover {
+    background: ${s.colors.white};
+  }
+  &[data-active='true']:focus-visible {
+    outline-color: ${s.colors.text};
+  }
+`,ct=l(le)`
+  position: relative;
+`,lt=l.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: ${s.radius.pill};
+  background: ${s.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: ${s.colors.white};
+`,ut=l.div`
+  min-height: 60vh;
+`,se=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`,T=l.div`
+  background: ${s.colors.white};
+  border: 1px solid ${s.colors.line};
+  border-radius: 16px;
+  overflow: hidden;
+`,S=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;
+  }
+`,F=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+`,C=l.span`
+  font-weight: 700;
+  color: ${s.colors.text};
+`,D=l.span`
+  font-size: 13px;
+  color: ${s.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;
+`,ht=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;
+  }
+`,H=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};
+  }
+`,pt=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;
+  }
+`,w=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};
+  }
+`,ue=l.img`
+  width: 16px;
+  height: 16px;
+  vertical-align: -0.15em;
+`,mt=l.span`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+`,xt=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;
+`,gt=l.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: ${s.colors.muted};
+`,U=l.div`
+  display: flex;
+  flex-direction: column;
+`,q=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;
+  }
+`,B=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;
+  }
+`,K=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: ${G} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,Q=l.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,X=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, ${s.colors.media} 30%, ${s.colors.panel} 50%, ${s.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${G} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,Y=l.span`
+  font-size: 13px;
+  color: ${s.colors.muted};
+`,ft=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;
+  }
+`,ae=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: ${G} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,he=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  text-align: center;
+  padding: 90px 20px;
+  min-height: 50vh;
+  color: ${s.colors.softWhite};
+`,pe=l.p`
+  font-size: 22px;
+  font-weight: 700;
+  margin: 6px 0 0;
+`,me=l.p`
+  margin: 0;
+  color: ${s.colors.softWhite};
+`,bt=l(Pe)`
+  margin-top: 12px;
+`,J=q.withComponent(oe),yt=g.lazy(()=>Fe(()=>import("./index-VoCS0qIV.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14])).then(e=>({default:e.ImportListings}))),P=24,vt=["all","purchases","sales"],z="section",re="listings",R="view",jt="migrate";function I(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 n=Number(e)/1e18;return Number.isFinite(n)?n.toLocaleString("en",{maximumFractionDigits:2}):"0"}function fe({children:e}){const n=g.useRef(null),[a,i]=g.useState(null),d=()=>{var h;const o=(h=n.current)==null?void 0:h.getBoundingClientRect();o&&i({top:o.bottom+8,left:o.left+o.width/2})};return t.jsxs(mt,{ref:n,tabIndex:0,onMouseEnter:d,onMouseLeave:()=>i(null),onFocus:d,onBlur:()=>i(null),children:[e,a?Re.createPortal(t.jsx(xt,{style:{top:a.top,left:a.left},role:"tooltip",children:r("activity.polygonMana")}),document.body):null]})}function wt({item:e}){const n=!!e.contractAddress&&!!e.itemId,a=!!e.tradeId||n,{data:i,isLoading:d}=A({queryKey:["order-line-display",e.tradeId,e.contractAddress,e.itemId],queryFn:()=>e.tradeId?qe(e.tradeId):W(e.contractAddress,{itemId:e.itemId}),enabled:a,staleTime:5*6e4}),o=a&&d,h=(i==null?void 0:i.name)??r("activity.itemFallback"),c=(i==null?void 0:i.thumbnail)??"",m=O({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,f=t.jsxs(t.Fragment,{children:[o?t.jsx(K,{}):t.jsx(B,{children:c?t.jsx("img",{src:c,alt:h}):t.jsx(E,{name:"cart",size:20})}),t.jsxs(Q,{children:[o?t.jsx(V,{}):t.jsx(X,{title:h,children:h}),e.quantity>1?t.jsx(Y,{children:r("activity.quantity",{count:e.quantity})}):null]}),t.jsxs(ft,{children:[t.jsx(N,{className:"ccy-mark"})," ",e.credits]})]});return m?t.jsx(J,{to:m,"data-link":"true",children:f}):t.jsx(q,{children:f})}function kt({order:e}){const n=Xe(e.lines),a=n.reduce((o,h)=>o+h.quantity,0),i=Ke(e.status),d=i==="SETTLED"?r("activity.completed"):i==="FAILED"?r("activity.failed"):r("activity.processing");return t.jsxs(T,{"data-testid":"purchase-order",children:[t.jsxs(S,{children:[t.jsxs(F,{children:[t.jsx(C,{children:I(e.createdAt)}),t.jsxs(D,{children:[r("activity.purchaseLabel")," · ",r("activity.itemCount",{count:a})]})]}),t.jsxs(M,{children:[t.jsx(H,{"data-status":i,children:d}),t.jsxs(w,{children:[t.jsx(N,{className:"ccy-mark"})," ",e.totalCredits]})]})]}),i==="FAILED"?t.jsx(gt,{children:r("activity.purchaseFailedNote")}):null,t.jsx(U,{children:n.map(o=>t.jsx(wt,{item:o},o.key))})]})}function It({sale:e}){const{data:n,isLoading:a}=A({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>W(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),i=(n==null?void 0:n.name)??r("activity.itemFallback"),d=(n==null?void 0:n.thumbnail)??"",o=O({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,h=t.jsxs(t.Fragment,{children:[a?t.jsx(K,{}):t.jsx(B,{children:d?t.jsx("img",{src:d,alt:i}):t.jsx(E,{name:"offer",size:20})}),t.jsxs(Q,{children:[a?t.jsx(V,{}):t.jsx(X,{title:i,children:i}),t.jsx(Y,{children:r("activity.boughtFrom",{account:xe(e.seller)})})]})]});return t.jsxs(T,{"data-testid":"activity-mana-purchase",children:[t.jsxs(S,{children:[t.jsxs(F,{children:[t.jsx(C,{children:I(e.createdAt)}),t.jsx(D,{children:r("activity.paidWithMana")})]}),t.jsxs(M,{children:[t.jsx(H,{"data-status":"SETTLED",children:r("activity.completed")}),t.jsxs(w,{children:[ge(e.manaWei)," ",t.jsx(fe,{children:t.jsx(ue,{src:de,alt:"MANA"})})]})]})]}),t.jsx(U,{children:o?t.jsx(J,{to:o,"data-link":"true",children:h}):t.jsx(q,{children:h})})]})}function At({sale:e,payout:n}){const{data:a,isLoading:i}=A({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>W(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),d=(a==null?void 0:a.name)??r("activity.itemFallback"),o=(a==null?void 0:a.thumbnail)??"",h=O({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,c=t.jsxs(t.Fragment,{children:[i?t.jsx(K,{}):t.jsx(B,{children:o?t.jsx("img",{src:o,alt:d}):t.jsx(E,{name:"offer",size:20})}),t.jsxs(Q,{children:[i?t.jsx(V,{}):t.jsx(X,{title:d,children:d}),t.jsxs(Y,{children:[r("activity.soldTo",{account:xe(e.counterparty)}),n.kind==="pending"?` · ${r("activity.payoutPendingOn",{date:I(n.availableAt)})}`:""]})]})]});return t.jsxs(T,{"data-testid":"activity-sale",children:[t.jsxs(S,{children:[t.jsxs(F,{children:[t.jsx(C,{children:I(e.createdAt)}),t.jsx(D,{children:r("activity.saleLabel")})]}),t.jsxs(M,{children:[t.jsx(H,{"data-status":n.kind==="pending"?"PENDING":"SOLD",children:n.kind==="pending"?r("activity.payoutPending"):r("activity.sold")}),n.kind==="direct"?t.jsxs(w,{"data-kind":"income",children:["+",ge(e.manaWei)," ",t.jsx(fe,{children:t.jsx(ue,{src:de,alt:"MANA"})})]}):n.credits!==null?t.jsxs(w,{"data-kind":"income",children:[t.jsx(N,{className:"ccy-mark"})," +",Me(n.credits)]}):t.jsx(w,{"data-kind":"income",children:r("activity.payoutCredited")})]})]}),t.jsx(U,{children:h?t.jsx(J,{to:h,"data-link":"true",children:c}):t.jsx(q,{children:c})})]})}function Et({order:e}){const n=`$${(e.usdCents/100).toFixed(2)}`,a=Ce(e.status),i=a==="SETTLED"?r("activity.completed"):a==="FAILED"?r("activity.failed"):a==="UNFINISHED"?r("activity.unfinished"):r("activity.processing"),d=_(p=>p.session),o=De(),[h,c]=g.useState(!1),m=e.status==="initiated"&&!!d;g.useEffect(()=>{const p=()=>c(!1);return window.addEventListener("pageshow",p),()=>window.removeEventListener("pageshow",p)},[]);async function f(){if(!(!d||h)){c(!0);try{const p=await He(e.id,d.identity);if(p.kind==="url"){if(/^https:\/\/([a-z0-9-]+\.)*stripe\.com\//i.test(p.url)){window.location.href=p.url;return}$.error(r("activity.resumeUnavailable"))}else p.kind==="expired"?($.info(r("activity.resumeExpired")),o.invalidateQueries({queryKey:["credit-orders"]})):p.kind==="paid"?($.success(r("activity.resumePaid")),o.invalidateQueries({queryKey:["credit-orders"]})):$.error(r("activity.resumeUnavailable"));c(!1)}catch{c(!1)}}}return t.jsx(T,{"data-testid":"credit-order",children:t.jsxs(S,{children:[t.jsx(ht,{children:t.jsx("img",{src:st,alt:"","aria-hidden":!0})}),t.jsxs(F,{children:[t.jsx(C,{children:I(e.createdAt)}),t.jsxs(D,{children:[r("activity.creditPurchaseLabel")," · ",r("activity.creditPaid",{usd:n})]})]}),t.jsxs(M,{children:[m?t.jsx(pt,{type:"button",onClick:()=>void f(),disabled:h,"data-testid":"resume-order",children:h?r("activity.resuming"):r("activity.resume")}):null,t.jsx(H,{"data-status":a,children:i}),t.jsxs(w,{"data-kind":a==="UNFINISHED"?void 0:"income",children:[a==="UNFINISHED"?"":"+",t.jsx(N,{className:"ccy-mark"})," ",e.credits]})]})]})})}function $t({filter:e}){const n={all:{icon:"clock",title:r("activity.emptyAllTitle"),body:r("activity.emptyAllBody")},purchases:{icon:"cart",title:r("activity.emptyPurchasesTitle"),body:r("activity.emptyPurchasesBody")},sales:{icon:"offer",title:r("activity.emptySalesTitle"),body:r("activity.emptySalesBody")}}[e];return t.jsxs(he,{children:[t.jsx(E,{name:n.icon,size:40,color:s.colors.muted2}),t.jsx(pe,{children:n.title}),t.jsx(me,{children:n.body}),e!=="sales"?t.jsx(bt,{as:oe,to:"/items",variant:"white",children:r("notFound.cta")}):null]})}function _t(){const{session:e}=_(),[n,a]=g.useState("all"),[i,d]=ze(),o=i.get(z)===re||i.get(R)===jt;Ne({title:o?r("seo.import.title"):r("nav.activity"),noindex:!0});const{count:h}=_e(),{count:c}=nt(),f=h!==void 0&&c!==void 0&&(h>0||c>0||o),p=!!e&&!o&&n!=="sales",x=!!e&&!o&&n!=="purchases",b=L(["purchases",e==null?void 0:e.address],u=>Se(e.address,e.identity,{first:P,skip:u}),{enabled:p}),y=L(["sales",e==null?void 0:e.address],u=>ie(e.address,{role:"seller",first:P,skip:u}),{enabled:x}),v=L(["credit-orders",e==null?void 0:e.address],u=>ne(e.address,e.identity,{first:P,skip:u}),{enabled:p}),j=L(["mana-purchases",e==null?void 0:e.address],u=>ie(e.address,{role:"buyer",first:P,skip:u}),{enabled:p}),{data:Z}=A({queryKey:["sale-payouts",e==null?void 0:e.address],queryFn:()=>ne(e.address,e.identity,{first:200}).then(u=>u.payouts),enabled:x,staleTime:6e4}),be=g.useMemo(()=>et(Z),[Z]),{data:ye}=Te(x);if(!e)return t.jsxs(he,{children:[t.jsx(E,{name:"clock",size:40,color:s.colors.muted2}),t.jsx(pe,{children:r("activity.signInTitle")}),t.jsx(me,{children:r("activity.signInBody")})]});const ee=Ze(Je({purchases:p?b.items:[],sales:x?y.items:[],creditOrders:p?v.items:[],manaPurchases:p?j.items:[],rate:ye}),n),ve=p&&(b.isLoading||v.isLoading||j.isLoading)||x&&y.isLoading,te=p&&(b.isFetchingNextPage||v.isFetchingNextPage||j.isFetchingNextPage)||x&&y.isFetchingNextPage,je=p&&(b.hasNextPage||v.hasNextPage||j.hasNextPage)||x&&y.hasNextPage;function we(){p&&b.hasNextPage&&b.fetchNextPage(),p&&v.hasNextPage&&v.fetchNextPage(),p&&j.hasNextPage&&j.fetchNextPage(),x&&y.hasNextPage&&y.fetchNextPage()}function ke(u){if(a(u),!o)return;const k=new URLSearchParams(i);k.delete(z),k.delete(R),d(k,{replace:!0})}function Ie(){const u=new URLSearchParams(i);u.set(z,re),u.delete(R),d(u,{replace:!0})}return t.jsxs(at,{children:[t.jsx(rt,{children:t.jsx(ot,{children:r("nav.activity")})}),t.jsxs(dt,{role:"tablist","aria-label":r("nav.activity"),children:[vt.map(u=>t.jsx(le,{type:"button",role:"tab","aria-selected":!o&&n===u,"data-active":!o&&n===u,"data-testid":`activity-filter-${u}`,onClick:()=>ke(u),children:r(`activity.filter.${u}`)},u)),f?t.jsxs(ct,{type:"button",role:"tab","aria-selected":o,"data-active":o,"data-testid":"activity-filter-migrate","aria-label":h?r("activity.migrate.chipAria",{count:h}):void 0,onClick:Ie,children:[r("activity.migrate.chip"),h?t.jsx(lt,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:h}):null]}):null]}),o?t.jsx(g.Suspense,{fallback:t.jsx(ut,{"aria-busy":"true"}),children:t.jsx(yt,{})}):ve?t.jsx(se,{children:Array.from({length:5}).map((u,k)=>t.jsx(ae,{},k))}):ee.length===0?t.jsx($t,{filter:n}):t.jsxs(t.Fragment,{children:[t.jsxs(se,{children:[ee.map(u=>u.kind==="purchase"?t.jsx(kt,{order:u.order},u.id):u.kind==="credit"?t.jsx(Et,{order:u.order},u.id):u.kind==="mana-purchase"?t.jsx(It,{sale:u.sale},u.id):t.jsx(At,{sale:u.sale,payout:tt(be,u.sale)},u.id)),te?t.jsx(ae,{}):null]}),t.jsx(Oe,{hasNextPage:je,isFetching:te,onLoadMore:we})]})]})}export{_t as Activity};
+//# sourceMappingURL=Activity-D50vcan8.js.map

package/_assets/AnimatedBackground-Cj9EpqOd.js

@@ -0,0 +1,98 @@
+import{r as u,j as d}from"./react-B9n8JCiV.js";import{s as f}from"./index-g9E_6bSc.js";import"./dcl-schemas-zsu0mTrZ.js";import"./sentry-C8wiaTF5.js";import"./ethers-Cht1Npa6.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]="5cdf4277-8e4f-479d-a643-8d1e14406a5d",e._sentryDebugIdIdentifier="sentry-dbid-5cdf4277-8e4f-479d-a643-8d1e14406a5d")}catch{}})();const D="https://cdn.decentraland.org/@dcl/shop/1.5.0/_assets/custom-welcome-background-BxlFQma9.webp",P="https://cdn.decentraland.org/@dcl/shop/1.5.0/_assets/DCL_LogoPattern-BryBPc3d.png",L=`
+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);
+}
+`,I=`
+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 B(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 F(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=f.div`
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+`,k=f.div`
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+`,V=f.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 _;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-Cj9EpqOd.js.map