@dcl/shop 0.1.0-30275838080.commit-dc84870 → 0.1.0-30277401547.commit-e877307

package/assets/Activity-_qlXQij1.js

@@ -0,0 +1,287 @@
+import{r as j,j as e,L as _,e as dt}from"./react-BW1xvPTF.js";import{s as l,K as o,R as lt,B as ht,x as ut,t as d,u as xt,n as b,I as g,aG as G,aH as B,aI as pt,C as v,an as E,S as X,A as mt,aJ as gt,aK as Q}from"./index-BFPNYe8x.js";import{a as ft}from"./mana-rate-BpgRIQMS.js";import{u as yt}from"./useManaRate-CGtpZZBQ.js";import{L as jt}from"./LoadMore-C2uaqP2N.js";import{u as f}from"./useInfiniteGrid-BBNOO0mR.js";import"./sentry-BV_ZSgtd.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CtVvB8eG.js";import"./intl-CBcMB1D2.js";const bt=15e3;function vt(t,i){return t.txHash&&i.txHash?t.txHash===i.txHash:t.txHash||i.txHash?!1:t.status===i.status&&Math.abs(t.createdAt-i.createdAt)<=bt}function kt(t){const i=[...t].sort((n,a)=>a.createdAt-n.createdAt),r=[];for(const n of i){const a=r[r.length-1];a&&vt(a[a.length-1],n)?a.push(n):r.push([n])}return r.map(n=>{var a;return{id:((a=n.find(c=>c.txHash))==null?void 0:a.txHash)??n[n.length-1].id,createdAt:Math.max(...n.map(c=>c.createdAt)),status:n.some(c=>c.status==="PENDING")?"PENDING":"SETTLED",totalCredits:n.reduce((c,u)=>c+u.credits,0),lines:n}})}function wt(t){const i=[],r=new Map;for(const n of t)if(n.tradeId){const a=r.get(n.tradeId);if(a){a.quantity+=1,a.credits+=n.credits;continue}const c={key:n.tradeId,tradeId:n.tradeId,quantity:1,credits:n.credits};r.set(n.tradeId,c),i.push(c)}else i.push({key:n.id,tradeId:null,quantity:1,credits:n.credits});return i}function It(t,i){return{id:t.id,contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId,counterparty:t.buyer,credits:i?ft(t.manaWei,i):null,manaWei:t.manaWei,createdAt:t.createdAt,txHash:t.txHash}}function At(t){const r=kt(t.purchases.filter(s=>s.status!=="EXPIRED")).map(s=>({kind:"purchase",id:`purchase:${s.id}`,createdAt:s.createdAt,order:s})),n=t.sales.map(s=>{const x=It(s,t.rate);return{kind:"sale",id:`sale:${x.id}`,createdAt:x.createdAt,sale:x}}),a=(t.creditOrders??[]).filter(s=>s.status!=="EXPIRED").map(s=>({kind:"credit",id:`credit:${s.id}`,createdAt:s.createdAt,order:s})),c=new Set(t.purchases.filter(s=>s.txHash).map(s=>s.txHash.toLowerCase())),u=(t.manaPurchases??[]).filter(s=>!c.has(s.txHash.toLowerCase())).map(s=>({kind:"mana-purchase",id:`mana-purchase:${s.id}`,createdAt:s.createdAt,sale:s}));return[...r,...n,...a,...u].sort((s,x)=>x.createdAt-s.createdAt||(s.id<x.id?-1:1))}function $t(t,i){return i==="all"?t:i==="sales"?t.filter(r=>r.kind==="sale"):t.filter(r=>r.kind==="purchase"||r.kind==="credit"||r.kind==="mana-purchase")}const J=t=>t.trim().toLowerCase();function Pt(t){const i=new Map;for(const r of t??[]){const n=J(r.txHash??"");if(!n)continue;const a=i.get(n);a?a.push(r):i.set(n,[r])}return i}function Nt(t,i,r=Date.now()){const n=i.txHash?t.get(J(i.txHash)):void 0;if(!n||n.length===0)return{kind:"direct"};const a=n.length===1?Lt(n[0].netCents):null,c=n.filter(s=>!s.available&&s.availableAt>r);if(c.length===0)return{kind:"credited",credits:a};const u=c.reduce((s,x)=>Math.max(s,x.availableAt),0);return{kind:"pending",credits:a,availableAt:u}}function Lt(t){return Math.floor(t/10)}const Et="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/credits-product-vs4Q6u6l.svg",T=lt`
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+`,Tt=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;
+`,Ct=l.div`
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 20px;
+`,St=l.h1`
+  font-family: ${o.font.sans};
+  margin: 0;
+`;l.span`
+  color: ${o.colors.muted};
+  font-size: 14px;
+`;const Ft=l.div`
+  display: flex;
+  gap: 8px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+`,Mt=l.button`
+  appearance: none;
+  border: 1px solid ${o.colors.line};
+  background: ${o.colors.white};
+  color: ${o.colors.text};
+  font-family: ${o.font.sans};
+  font-size: 14px;
+  font-weight: 600;
+  padding: 8px 16px;
+  min-height: 40px;
+  border-radius: ${o.radius.pill};
+  cursor: pointer;
+  transition:
+    background 0.15s,
+    border-color 0.15s,
+    color 0.15s;
+
+  &:hover {
+    background: ${o.colors.media};
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.colors.accent};
+    outline-offset: 2px;
+  }
+  &[data-active='true'] {
+    background: ${o.colors.accent};
+    border-color: ${o.colors.accent};
+    color: ${o.colors.white};
+  }
+`,K=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`,k=l.div`
+  background: ${o.colors.white};
+  border: 1px solid ${o.colors.line};
+  border-radius: 16px;
+  overflow: hidden;
+`,w=l.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 18px;
+  background: ${o.colors.softWhite};
+  border-bottom: 1px solid ${o.colors.line};
+
+  ${o.media.down("mobile")} {
+    flex-wrap: wrap;
+  }
+`,I=l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+`,A=l.span`
+  font-weight: 700;
+  color: ${o.colors.text};
+`,$=l.span`
+  font-size: 13px;
+  color: ${o.colors.muted};
+`,P=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;
+`,Dt=l.div`
+  flex: 0 0 auto;
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${o.colors.media};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  img {
+    width: 30px;
+    height: 30px;
+    display: block;
+  }
+`,N=l.span`
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 4px 10px;
+  border-radius: ${o.radius.pill};
+  white-space: nowrap;
+
+  &[data-status='SETTLED'] {
+    background: rgba(30, 166, 114, 0.14);
+    color: ${o.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: ${o.colors.accent};
+  }
+`,p=l.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-weight: 800;
+  color: ${o.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: ${o.colors.okStrong};
+  }
+`,Z=l.img`
+  width: 16px;
+  height: 16px;
+  vertical-align: -0.15em;
+`,Ht=l.span`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+`,zt=l.span`
+  position: fixed;
+  transform: translateX(-50%);
+  padding: 6px 8px;
+  border-radius: 6px;
+  background: #16141a;
+  color: #fff;
+  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;
+`,C=l.div`
+  display: flex;
+  flex-direction: column;
+`,L=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 ${o.colors.line};
+  }
+
+  &[data-link='true'] {
+    transition: background 0.15s;
+  }
+  &[data-link='true']:hover {
+    background: ${o.colors.media};
+  }
+  &[data-link='true']:focus-visible {
+    outline: 2px solid ${o.colors.accent};
+    outline-offset: -2px;
+  }
+`,S=l.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${o.colors.media};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${o.colors.muted2};
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,F=l.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: linear-gradient(100deg, ${o.colors.media} 30%, ${o.colors.panel} 50%, ${o.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${T} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,M=l.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,D=l.span`
+  font-weight: 700;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,H=l.span`
+  display: inline-block;
+  width: 140px;
+  max-width: 60%;
+  height: 12px;
+  border-radius: 6px;
+  background: linear-gradient(100deg, ${o.colors.media} 30%, ${o.colors.panel} 50%, ${o.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${T} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,z=l.span`
+  font-size: 13px;
+  color: ${o.colors.muted};
+`,qt=l.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-weight: 700;
+  color: ${o.colors.text};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 14px;
+    height: 14px;
+  }
+`,U=l.div`
+  height: 132px;
+  border-radius: 16px;
+  border: 1px solid transparent;
+  background: linear-gradient(100deg, ${o.colors.media} 30%, ${o.colors.panel} 50%, ${o.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${T} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,V=l.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  text-align: center;
+  padding: 90px 20px;
+  min-height: 50vh;
+`,Y=l.p`
+  font-size: 22px;
+  font-weight: 700;
+  margin: 6px 0 0;
+`,Ot=l(ht)`
+  margin-top: 12px;
+`,q=L.withComponent(_),y=24,Rt=["all","purchases","sales"];function m(t){try{return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function tt(t){return t.length>10?`${t.slice(0,6)}…${t.slice(-4)}`:t}function et(t){const i=Number(t)/1e18;return Number.isFinite(i)?i.toLocaleString("en",{maximumFractionDigits:2}):"0"}function it({children:t}){const i=j.useRef(null),[r,n]=j.useState(null),a=()=>{var u;const c=(u=i.current)==null?void 0:u.getBoundingClientRect();c&&n({top:c.bottom+8,left:c.left+c.width/2})};return e.jsxs(Ht,{ref:i,tabIndex:0,onMouseEnter:a,onMouseLeave:()=>n(null),onFocus:a,onBlur:()=>n(null),children:[t,r?dt.createPortal(e.jsx(zt,{style:{top:r.top,left:r.left},role:"tooltip",children:d("activity.polygonMana")}),document.body):null]})}function Wt({item:t}){const{data:i,isLoading:r}=b({queryKey:["trade-display",t.tradeId],queryFn:()=>gt(t.tradeId),enabled:!!t.tradeId,staleTime:3e5}),n=!!t.tradeId&&r,a=(i==null?void 0:i.name)??d("activity.itemFallback"),c=(i==null?void 0:i.thumbnail)??"",u=E({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,s=e.jsxs(e.Fragment,{children:[n?e.jsx(F,{}):e.jsx(S,{children:c?e.jsx("img",{src:c,alt:a}):e.jsx(g,{name:"cart",size:20})}),e.jsxs(M,{children:[n?e.jsx(H,{}):e.jsx(D,{title:a,children:a}),t.quantity>1?e.jsx(z,{children:d("activity.quantity",{count:t.quantity})}):null]}),e.jsxs(qt,{children:[e.jsx(v,{className:"ccy-mark"})," ",t.credits]})]});return u?e.jsx(q,{to:u,"data-link":"true",children:s}):e.jsx(L,{children:s})}function Gt({order:t}){const i=wt(t.lines),r=i.reduce((n,a)=>n+a.quantity,0);return e.jsxs(k,{"data-testid":"purchase-order",children:[e.jsxs(w,{children:[e.jsxs(I,{children:[e.jsx(A,{children:m(t.createdAt)}),e.jsxs($,{children:[d("activity.purchaseLabel")," · ",d("activity.itemCount",{count:r})]})]}),e.jsxs(P,{children:[e.jsx(N,{"data-status":t.status,children:t.status==="PENDING"?d("activity.processing"):d("activity.completed")}),e.jsxs(p,{children:[e.jsx(v,{className:"ccy-mark"})," ",t.totalCredits]})]})]}),e.jsx(C,{children:i.map(n=>e.jsx(Wt,{item:n},n.key))})]})}function Bt({sale:t}){const{data:i,isLoading:r}=b({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>Q(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),n=(i==null?void 0:i.name)??d("activity.itemFallback"),a=(i==null?void 0:i.thumbnail)??"",c=E({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,u=e.jsxs(e.Fragment,{children:[r?e.jsx(F,{}):e.jsx(S,{children:a?e.jsx("img",{src:a,alt:n}):e.jsx(g,{name:"offer",size:20})}),e.jsxs(M,{children:[r?e.jsx(H,{}):e.jsx(D,{title:n,children:n}),e.jsx(z,{children:d("activity.boughtFrom",{account:tt(t.seller)})})]})]});return e.jsxs(k,{"data-testid":"activity-mana-purchase",children:[e.jsxs(w,{children:[e.jsxs(I,{children:[e.jsx(A,{children:m(t.createdAt)}),e.jsx($,{children:d("activity.paidWithMana")})]}),e.jsxs(P,{children:[e.jsx(N,{"data-status":"SETTLED",children:d("activity.completed")}),e.jsxs(p,{children:[et(t.manaWei)," ",e.jsx(it,{children:e.jsx(Z,{src:X,alt:"MANA"})})]})]})]}),e.jsx(C,{children:c?e.jsx(q,{to:c,"data-link":"true",children:u}):e.jsx(L,{children:u})})]})}function Kt({sale:t,payout:i}){const{data:r,isLoading:n}=b({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>Q(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),a=(r==null?void 0:r.name)??d("activity.itemFallback"),c=(r==null?void 0:r.thumbnail)??"",u=E({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,s=e.jsxs(e.Fragment,{children:[n?e.jsx(F,{}):e.jsx(S,{children:c?e.jsx("img",{src:c,alt:a}):e.jsx(g,{name:"offer",size:20})}),e.jsxs(M,{children:[n?e.jsx(H,{}):e.jsx(D,{title:a,children:a}),e.jsxs(z,{children:[d("activity.soldTo",{account:tt(t.counterparty)}),i.kind==="pending"?` · ${d("activity.payoutPendingOn",{date:m(i.availableAt)})}`:""]})]})]});return e.jsxs(k,{"data-testid":"activity-sale",children:[e.jsxs(w,{children:[e.jsxs(I,{children:[e.jsx(A,{children:m(t.createdAt)}),e.jsx($,{children:d("activity.saleLabel")})]}),e.jsxs(P,{children:[e.jsx(N,{"data-status":i.kind==="pending"?"PENDING":"SOLD",children:i.kind==="pending"?d("activity.payoutPending"):d("activity.sold")}),i.kind==="direct"?e.jsxs(p,{"data-kind":"income",children:["+",et(t.manaWei)," ",e.jsx(it,{children:e.jsx(Z,{src:X,alt:"MANA"})})]}):i.credits!==null?e.jsxs(p,{"data-kind":"income",children:[e.jsx(v,{className:"ccy-mark"})," +",mt(i.credits)]}):e.jsx(p,{"data-kind":"income",children:d("activity.payoutCredited")})]})]}),e.jsx(C,{children:u?e.jsx(q,{to:u,"data-link":"true",children:s}):e.jsx(L,{children:s})})]})}function Ut({order:t}){const i=`$${(t.usdCents/100).toFixed(2)}`;return e.jsx(k,{"data-testid":"credit-order",children:e.jsxs(w,{children:[e.jsx(Dt,{children:e.jsx("img",{src:Et,alt:"","aria-hidden":!0})}),e.jsxs(I,{children:[e.jsx(A,{children:m(t.createdAt)}),e.jsxs($,{children:[d("activity.creditPurchaseLabel")," · ",d("activity.creditPaid",{usd:i})]})]}),e.jsxs(P,{children:[e.jsx(N,{"data-status":t.status,children:t.status==="PENDING"?d("activity.processing"):d("activity.completed")}),e.jsxs(p,{"data-kind":"income",children:["+",e.jsx(v,{className:"ccy-mark"})," ",t.credits]})]})]})})}function _t({filter:t}){const i={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(V,{children:[e.jsx(g,{name:i.icon,size:40,color:"var(--muted-2)"}),e.jsx(Y,{children:i.title}),e.jsx("p",{className:"muted",children:i.body}),t!=="sales"?e.jsx(Ot,{as:_,to:"/assets",variant:"purple",children:d("notFound.cta")}):null]})}function ae(){ut({title:d("nav.activity"),noindex:!0});const{session:t}=xt(),[i,r]=j.useState("all"),n=!!t&&i!=="sales",a=!!t&&i!=="purchases",c=f(["purchases",t==null?void 0:t.address],h=>pt(t.address,t.identity,{first:y,skip:h}),{enabled:n}),u=f(["sales",t==null?void 0:t.address],h=>G(t.address,{role:"seller",first:y,skip:h}),{enabled:a}),s=f(["credit-orders",t==null?void 0:t.address],h=>B(t.address,t.identity,{first:y,skip:h}),{enabled:n}),x=f(["mana-purchases",t==null?void 0:t.address],h=>G(t.address,{role:"buyer",first:y,skip:h}),{enabled:n}),{data:O}=b({queryKey:["sale-payouts",t==null?void 0:t.address],queryFn:()=>B(t.address,t.identity,{first:200}).then(h=>h.payouts),enabled:a,staleTime:6e4}),nt=j.useMemo(()=>Pt(O),[O]),{data:at}=yt(a);if(!t)return e.jsxs(V,{children:[e.jsx(g,{name:"clock",size:40,color:"var(--muted-2)"}),e.jsx(Y,{children:d("activity.signInTitle")}),e.jsx("p",{className:"muted",children:d("activity.signInBody")})]});const R=$t(At({purchases:n?c.items:[],sales:a?u.items:[],creditOrders:n?s.items:[],manaPurchases:n?x.items:[],rate:at}),i),st=n&&(c.isLoading||s.isLoading||x.isLoading)||a&&u.isLoading,W=n&&(c.isFetchingNextPage||s.isFetchingNextPage||x.isFetchingNextPage)||a&&u.isFetchingNextPage,rt=n&&(c.hasNextPage||s.hasNextPage||x.hasNextPage)||a&&u.hasNextPage;function ot(){n&&c.hasNextPage&&c.fetchNextPage(),n&&s.hasNextPage&&s.fetchNextPage(),n&&x.hasNextPage&&x.fetchNextPage(),a&&u.hasNextPage&&u.fetchNextPage()}return e.jsxs(Tt,{children:[e.jsx(Ct,{children:e.jsx(St,{children:d("nav.activity")})}),e.jsx(Ft,{role:"tablist","aria-label":d("nav.activity"),children:Rt.map(h=>e.jsx(Mt,{type:"button",role:"tab","aria-selected":i===h,"data-active":i===h,"data-testid":`activity-filter-${h}`,onClick:()=>r(h),children:d(`activity.filter.${h}`)},h))}),st?e.jsx(K,{children:Array.from({length:5}).map((h,ct)=>e.jsx(U,{},ct))}):R.length===0?e.jsx(_t,{filter:i}):e.jsxs(e.Fragment,{children:[e.jsxs(K,{children:[R.map(h=>h.kind==="purchase"?e.jsx(Gt,{order:h.order},h.id):h.kind==="credit"?e.jsx(Ut,{order:h.order},h.id):h.kind==="mana-purchase"?e.jsx(Bt,{sale:h.sale},h.id):e.jsx(Kt,{sale:h.sale,payout:Nt(nt,h.sale)},h.id)),W?e.jsx(U,{}):null]}),e.jsx(jt,{hasNextPage:rt,isFetching:W,onLoadMore:ot})]})]})}export{ae as Activity};

package/assets/{AnimatedBackground-xHNygKQ8.js → AnimatedBackground-DO49gSw8.js}

@@ -1,4 +1,4 @@
-import{r as l,j as v}from"./react-BW1xvPTF.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-30275838080.commit-dc84870/assets/DCL_LogoPattern-BryBPc3d.png",U=`
+import{r as l,j as v}from"./react-BW1xvPTF.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/DCL_LogoPattern-BryBPc3d.png",U=`
 attribute vec2 a_position;
 varying vec2 v_uv;
 void main() {