@dcl/shop 0.1.0-30043940031.commit-1a0b88f → 0.1.0-30098548645.commit-d41f1c2

package/assets/Activity-BqXTjVty.js

@@ -0,0 +1,244 @@
+import{r as V,j as e,L as $}from"./react-BXazHbBy.js";import{s as o,G as a,N as X,B as Z,m as J,t as c,u as Y,I as x,ai as tt,aj as et,C as h,o as I,ak as w,al as it,am as st}from"./index-N282EqWL.js";import{a as nt}from"./mana-rate-B5qogWAy.js";import{u as at}from"./useManaRate-CtZMBb6a.js";import{L as rt}from"./LoadMore-Co82ACWq.js";import{u as b}from"./useInfiniteGrid-BokrX5YA.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-CLqlZ0dX.js";import"./ethers-BJDbBwOP.js";import"./intl-CBcMB1D2.js";import"./index-HN6Rk25C.js";const ot=15e3;function ct(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)<=ot}function dt(t){const i=[...t].sort((s,n)=>n.createdAt-s.createdAt),d=[];for(const s of i){const n=d[d.length-1];n&&ct(n[n.length-1],s)?n.push(s):d.push([s])}return d.map(s=>{var n;return{id:((n=s.find(r=>r.txHash))==null?void 0:n.txHash)??s[s.length-1].id,createdAt:Math.max(...s.map(r=>r.createdAt)),status:s.some(r=>r.status==="PENDING")?"PENDING":"SETTLED",totalCredits:s.reduce((r,u)=>r+u.credits,0),lines:s}})}function lt(t){const i=[],d=new Map;for(const s of t)if(s.tradeId){const n=d.get(s.tradeId);if(n){n.quantity+=1,n.credits+=s.credits;continue}const r={key:s.tradeId,tradeId:s.tradeId,quantity:1,credits:s.credits};d.set(s.tradeId,r),i.push(r)}else i.push({key:s.id,tradeId:null,quantity:1,credits:s.credits});return i}function ut(t,i){return{id:t.id,contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId,counterparty:t.buyer,credits:i?nt(t.manaWei,i):null,createdAt:t.createdAt}}function pt(t){const d=dt(t.purchases.filter(n=>n.status!=="EXPIRED")).map(n=>({kind:"purchase",id:`purchase:${n.id}`,createdAt:n.createdAt,order:n})),s=t.sales.map(n=>{const r=ut(n,t.rate);return{kind:"sale",id:`sale:${r.id}`,createdAt:r.createdAt,sale:r}});return[...d,...s].sort((n,r)=>r.createdAt-n.createdAt||(n.id<r.id?-1:1))}function xt(t,i){if(i==="all")return t;const d=i==="purchases"?"purchase":"sale";return t.filter(s=>s.kind===d)}const m=X`
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+`,ht=o.section`
+  width: 100%;
+  min-width: 0;
+  min-height: 60vh;
+`,mt=o.div`
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 20px;
+`,gt=o.h1`
+  font-family: ${a.font.sans};
+  margin: 0;
+`;o.span`
+  color: ${a.colors.muted};
+  font-size: 14px;
+`;const ft=o.div`
+  display: flex;
+  gap: 8px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+`,yt=o.button`
+  appearance: none;
+  border: 1px solid ${a.colors.line};
+  background: ${a.colors.white};
+  color: ${a.colors.text};
+  font-family: ${a.font.sans};
+  font-size: 14px;
+  font-weight: 600;
+  padding: 8px 16px;
+  min-height: 40px;
+  border-radius: ${a.radius.pill};
+  cursor: pointer;
+  transition:
+    background 0.15s,
+    border-color 0.15s,
+    color 0.15s;
+
+  &:hover {
+    background: ${a.colors.media};
+  }
+  &:focus-visible {
+    outline: 2px solid ${a.colors.accent};
+    outline-offset: 2px;
+  }
+  &[data-active='true'] {
+    background: ${a.colors.accent};
+    border-color: ${a.colors.accent};
+    color: ${a.colors.white};
+  }
+`,j=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  max-width: 760px;
+`,A=o.div`
+  background: ${a.colors.white};
+  border: 1px solid ${a.colors.line};
+  border-radius: 16px;
+  overflow: hidden;
+`,L=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 18px;
+  background: ${a.colors.softWhite};
+  border-bottom: 1px solid ${a.colors.line};
+
+  ${a.media.down("mobile")} {
+    flex-wrap: wrap;
+  }
+`,N=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+`,P=o.span`
+  font-weight: 700;
+  color: ${a.colors.text};
+`,E=o.span`
+  font-size: 13px;
+  color: ${a.colors.muted};
+`,T=o.div`
+  display: flex;
+  align-items: center;
+  gap: 14px;
+`,S=o.span`
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 4px 10px;
+  border-radius: ${a.radius.pill};
+  white-space: nowrap;
+
+  &[data-status='SETTLED'] {
+    background: rgba(30, 166, 114, 0.14);
+    color: ${a.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: ${a.colors.accent};
+  }
+`,C=o.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-weight: 800;
+  color: ${a.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: ${a.colors.okStrong};
+  }
+`,D=o.div`
+  display: flex;
+  flex-direction: column;
+`,g=o.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 ${a.colors.line};
+  }
+
+  &[data-link='true'] {
+    transition: background 0.15s;
+  }
+  &[data-link='true']:hover {
+    background: ${a.colors.media};
+  }
+  &[data-link='true']:focus-visible {
+    outline: 2px solid ${a.colors.accent};
+    outline-offset: -2px;
+  }
+`,F=o.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${a.colors.media};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${a.colors.muted2};
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,z=o.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: linear-gradient(100deg, ${a.colors.media} 30%, ${a.colors.panel} 50%, ${a.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${m} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,H=o.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,q=o.span`
+  font-weight: 700;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,M=o.span`
+  display: inline-block;
+  width: 140px;
+  max-width: 60%;
+  height: 12px;
+  border-radius: 6px;
+  background: linear-gradient(100deg, ${a.colors.media} 30%, ${a.colors.panel} 50%, ${a.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${m} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,G=o.span`
+  font-size: 13px;
+  color: ${a.colors.muted};
+`,bt=o.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-weight: 700;
+  color: ${a.colors.text};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 14px;
+    height: 14px;
+  }
+`,v=o.div`
+  height: 132px;
+  border-radius: 16px;
+  border: 1px solid transparent;
+  background: linear-gradient(100deg, ${a.colors.media} 30%, ${a.colors.panel} 50%, ${a.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${m} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,O=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  text-align: center;
+  padding: 90px 20px;
+  min-height: 50vh;
+`,R=o.p`
+  font-size: 22px;
+  font-weight: 700;
+  margin: 6px 0 0;
+`,jt=o(Z)`
+  margin-top: 12px;
+`,B=g.withComponent($),k=24,vt=["all","purchases","sales"];function W(t){try{return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function kt(t){return t.length>10?`${t.slice(0,6)}…${t.slice(-4)}`:t}function $t({item:t}){const{data:i,isLoading:d}=I({queryKey:["trade-display",t.tradeId],queryFn:()=>it(t.tradeId),enabled:!!t.tradeId,staleTime:3e5}),s=!!t.tradeId&&d,n=(i==null?void 0:i.name)??c("activity.itemFallback"),r=(i==null?void 0:i.thumbnail)??"",u=w({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,p=e.jsxs(e.Fragment,{children:[s?e.jsx(z,{}):e.jsx(F,{children:r?e.jsx("img",{src:r,alt:n}):e.jsx(x,{name:"cart",size:20})}),e.jsxs(H,{children:[s?e.jsx(M,{}):e.jsx(q,{title:n,children:n}),t.quantity>1?e.jsx(G,{children:c("activity.quantity",{count:t.quantity})}):null]}),e.jsxs(bt,{children:[e.jsx(h,{className:"ccy-mark"})," ",t.credits]})]});return u?e.jsx(B,{to:u,"data-link":"true",children:p}):e.jsx(g,{children:p})}function It({order:t}){const i=lt(t.lines),d=i.reduce((s,n)=>s+n.quantity,0);return e.jsxs(A,{"data-testid":"purchase-order",children:[e.jsxs(L,{children:[e.jsxs(N,{children:[e.jsx(P,{children:W(t.createdAt)}),e.jsxs(E,{children:[c("activity.purchaseLabel")," · ",c("activity.itemCount",{count:d})]})]}),e.jsxs(T,{children:[e.jsx(S,{"data-status":t.status,children:t.status==="PENDING"?c("activity.processing"):c("activity.completed")}),e.jsxs(C,{children:[e.jsx(h,{className:"ccy-mark"})," ",t.totalCredits]})]})]}),e.jsx(D,{children:i.map(s=>e.jsx($t,{item:s},s.key))})]})}function wt({sale:t}){const{data:i,isLoading:d}=I({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>st(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),s=(i==null?void 0:i.name)??c("activity.itemFallback"),n=(i==null?void 0:i.thumbnail)??"",r=w({contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId})??void 0,u=e.jsxs(e.Fragment,{children:[d?e.jsx(z,{}):e.jsx(F,{children:n?e.jsx("img",{src:n,alt:s}):e.jsx(x,{name:"offer",size:20})}),e.jsxs(H,{children:[d?e.jsx(M,{}):e.jsx(q,{title:s,children:s}),e.jsx(G,{children:c("activity.soldTo",{account:kt(t.counterparty)})})]})]});return e.jsxs(A,{"data-testid":"activity-sale",children:[e.jsxs(L,{children:[e.jsxs(N,{children:[e.jsx(P,{children:W(t.createdAt)}),e.jsx(E,{children:c("activity.saleLabel")})]}),e.jsxs(T,{children:[e.jsx(S,{"data-status":"SOLD",children:c("activity.sold")}),t.credits!=null?e.jsxs(C,{"data-kind":"income",title:c("activity.approxValue"),children:["+",e.jsx(h,{className:"ccy-mark"})," ",t.credits]}):null]})]}),e.jsx(D,{children:r?e.jsx(B,{to:r,"data-link":"true",children:u}):e.jsx(g,{children:u})})]})}function At({filter:t}){const i={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")}}[t];return e.jsxs(O,{children:[e.jsx(x,{name:i.icon,size:40,color:"var(--muted-2)"}),e.jsx(R,{children:i.title}),e.jsx("p",{className:"muted",children:i.body}),t!=="sales"?e.jsx(jt,{as:$,to:"/assets",variant:"purple",children:c("notFound.cta")}):null]})}function qt(){J({title:c("nav.activity"),noindex:!0});const{session:t}=Y(),[i,d]=V.useState("all"),s=!!t&&i!=="sales",n=!!t&&i!=="purchases",r=b(["purchases",t==null?void 0:t.address],l=>et(t.address,t.identity,{first:k,skip:l}),{enabled:s}),u=b(["sales",t==null?void 0:t.address],l=>tt(t.address,{role:"seller",first:k,skip:l}),{enabled:n}),{data:p}=at(n);if(!t)return e.jsxs(O,{children:[e.jsx(x,{name:"clock",size:40,color:"var(--muted-2)"}),e.jsx(R,{children:c("activity.signInTitle")}),e.jsx("p",{className:"muted",children:c("activity.signInBody")})]});const f=xt(pt({purchases:s?r.items:[],sales:n?u.items:[],rate:p}),i),_=s&&r.isLoading||n&&u.isLoading,y=s&&r.isFetchingNextPage||n&&u.isFetchingNextPage,U=s&&r.hasNextPage||n&&u.hasNextPage;function K(){s&&r.hasNextPage&&r.fetchNextPage(),n&&u.hasNextPage&&u.fetchNextPage()}return e.jsxs(ht,{children:[e.jsx(mt,{children:e.jsx(gt,{children:c("nav.activity")})}),e.jsx(ft,{role:"tablist","aria-label":c("nav.activity"),children:vt.map(l=>e.jsx(yt,{type:"button",role:"tab","aria-selected":i===l,"data-active":i===l,"data-testid":`activity-filter-${l}`,onClick:()=>d(l),children:c(`activity.filter.${l}`)},l))}),_?e.jsx(j,{children:Array.from({length:5}).map((l,Q)=>e.jsx(v,{},Q))}):f.length===0?e.jsx(At,{filter:i}):e.jsxs(e.Fragment,{children:[e.jsxs(j,{children:[f.map(l=>l.kind==="purchase"?e.jsx(It,{order:l.order},l.id):e.jsx(wt,{sale:l.sale},l.id)),y?e.jsx(v,{}):null]}),e.jsx(rt,{hasNextPage:U,isFetching:y,onLoadMore:K})]})]})}export{qt as Activity};

package/assets/{AnimatedBackground-DKAviRVb.js → AnimatedBackground-B1wSbdZF.js}

@@ -1,11 +1,11 @@
-import{r as l,j as v}from"./react-C51i12iP.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-30043940031.commit-1a0b88f/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-30043940031.commit-1a0b88f/assets/DCL_LogoPattern-BryBPc3d.png",b=`
+import{r as l,j as v}from"./react-BXazHbBy.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-30098548645.commit-d41f1c2/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-30098548645.commit-d41f1c2/assets/DCL_LogoPattern-BryBPc3d.png",U=`
 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);
 }
-`,U=`
+`,b=`
 precision highp float;
 
 uniform float u_time;
@@ -77,4 +77,4 @@ void main() {
 
   gl_FragColor = result;
 }
-`;function g(t,a,r){const e=t.createShader(a);return e?(t.shaderSource(e,r),t.compileShader(e),t.getShaderParameter(e,t.COMPILE_STATUS)?e:(console.error("Shader compile error:",t.getShaderInfoLog(e)),t.deleteShader(e),null)):null}function P(t,a,r){const e=t.createProgram();return e?(t.attachShader(e,a),t.attachShader(e,r),t.linkProgram(e),t.getProgramParameter(e,t.LINK_STATUS)?e:(console.error("Program link error:",t.getProgramInfoLog(e)),t.deleteProgram(e),null)):null}function D(t,a,r){const e=t.createTexture();if(!e)return null;t.bindTexture(t.TEXTURE_2D,e),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array([128,128,128,255]));const o=new Image;return o.crossOrigin="anonymous",o.onload=()=>{r!=null&&r()||(t.bindTexture(t.TEXTURE_2D,e),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,!0),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,o),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR_MIPMAP_LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.generateMipmap(t.TEXTURE_2D))},o.src=a,e}function L(){const t=l.useRef(null),a=l.useRef(0);return l.useEffect(()=>{var h;const r=t.current;if(!r||(h=window.matchMedia)!=null&&h.call(window,"(prefers-reduced-motion: reduce)").matches)return;const e=r.getContext("webgl",{alpha:!1,antialias:!1});if(!e)return;const o=g(e,e.VERTEX_SHADER,b),c=g(e,e.FRAGMENT_SHADER,U);if(!o||!c){o&&e.deleteShader(o),c&&e.deleteShader(c);return}const n=P(e,o,c);if(!n){e.deleteShader(o),e.deleteShader(c);return}const u=e.getAttribLocation(n,"a_position"),_=e.getUniformLocation(n,"u_time"),R=e.getUniformLocation(n,"u_resolution"),y=e.getUniformLocation(n,"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 m=!1;const d=D(e,S,()=>m),A=()=>{const i=window.devicePixelRatio||1,x=r.clientWidth*i,E=r.clientHeight*i;(r.width!==x||r.height!==E)&&(r.width=x,r.height=E)},p=performance.now()/1e3,f=()=>{A(),e.viewport(0,0,r.width,r.height),e.useProgram(n),e.uniform1f(_,performance.now()/1e3-p),e.uniform2f(R,r.width,r.height),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,d),e.uniform1i(y,0),e.enableVertexAttribArray(u),e.bindBuffer(e.ARRAY_BUFFER,s),e.vertexAttribPointer(u,2,e.FLOAT,!1,0,0),e.drawArrays(e.TRIANGLES,0,6),a.current=requestAnimationFrame(f)},T=i=>{i.preventDefault(),cancelAnimationFrame(a.current),r.style.opacity="0"};return r.addEventListener("webglcontextlost",T,!1),a.current=requestAnimationFrame(f),()=>{m=!0,cancelAnimationFrame(a.current),r.removeEventListener("webglcontextlost",T),e.deleteProgram(n),e.deleteShader(o),e.deleteShader(c),e.deleteBuffer(s),e.deleteTexture(d)}},[]),v.jsxs("div",{className:"AnimatedBackground","aria-hidden":!0,children:[v.jsx("div",{className:"AnimatedBackground__fallback",style:{backgroundImage:`url(${w})`}}),v.jsx("canvas",{ref:t,className:"AnimatedBackground__canvas"})]})}export{L as default};
+`;function g(t,a,r){const e=t.createShader(a);return e?(t.shaderSource(e,r),t.compileShader(e),t.getShaderParameter(e,t.COMPILE_STATUS)?e:(console.error("Shader compile error:",t.getShaderInfoLog(e)),t.deleteShader(e),null)):null}function P(t,a,r){const e=t.createProgram();return e?(t.attachShader(e,a),t.attachShader(e,r),t.linkProgram(e),t.getProgramParameter(e,t.LINK_STATUS)?e:(console.error("Program link error:",t.getProgramInfoLog(e)),t.deleteProgram(e),null)):null}function D(t,a,r){const e=t.createTexture();if(!e)return null;t.bindTexture(t.TEXTURE_2D,e),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array([128,128,128,255]));const o=new Image;return o.crossOrigin="anonymous",o.onload=()=>{r!=null&&r()||(t.bindTexture(t.TEXTURE_2D,e),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,!0),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,o),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR_MIPMAP_LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.generateMipmap(t.TEXTURE_2D))},o.src=a,e}function L(){const t=l.useRef(null),a=l.useRef(0);return l.useEffect(()=>{var h;const r=t.current;if(!r||(h=window.matchMedia)!=null&&h.call(window,"(prefers-reduced-motion: reduce)").matches)return;const e=r.getContext("webgl",{alpha:!1,antialias:!1});if(!e)return;const o=g(e,e.VERTEX_SHADER,U),c=g(e,e.FRAGMENT_SHADER,b);if(!o||!c){o&&e.deleteShader(o),c&&e.deleteShader(c);return}const n=P(e,o,c);if(!n){e.deleteShader(o),e.deleteShader(c);return}const u=e.getAttribLocation(n,"a_position"),_=e.getUniformLocation(n,"u_time"),R=e.getUniformLocation(n,"u_resolution"),y=e.getUniformLocation(n,"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 m=!1;const d=D(e,S,()=>m),A=()=>{const i=window.devicePixelRatio||1,x=r.clientWidth*i,E=r.clientHeight*i;(r.width!==x||r.height!==E)&&(r.width=x,r.height=E)},p=performance.now()/1e3,f=()=>{A(),e.viewport(0,0,r.width,r.height),e.useProgram(n),e.uniform1f(_,performance.now()/1e3-p),e.uniform2f(R,r.width,r.height),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,d),e.uniform1i(y,0),e.enableVertexAttribArray(u),e.bindBuffer(e.ARRAY_BUFFER,s),e.vertexAttribPointer(u,2,e.FLOAT,!1,0,0),e.drawArrays(e.TRIANGLES,0,6),a.current=requestAnimationFrame(f)},T=i=>{i.preventDefault(),cancelAnimationFrame(a.current),r.style.opacity="0"};return r.addEventListener("webglcontextlost",T,!1),a.current=requestAnimationFrame(f),()=>{m=!0,cancelAnimationFrame(a.current),r.removeEventListener("webglcontextlost",T),e.deleteProgram(n),e.deleteShader(o),e.deleteShader(c),e.deleteBuffer(s),e.deleteTexture(d)}},[]),v.jsxs("div",{className:"AnimatedBackground","aria-hidden":!0,children:[v.jsx("div",{className:"AnimatedBackground__fallback",style:{backgroundImage:`url(${w})`}}),v.jsx("canvas",{ref:t,className:"AnimatedBackground__canvas"})]})}export{L as default};

package/assets/{Assets-CbIX010b.js → Assets-uNZ9-jka.js}

@@ -1,4 +1,4 @@
-import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h as Xe,c as Ye,M as et,s,F as t,u as oe,a as tt,b as Ne,x as Ae,v as nt,t as o,I as N,C as F,d as he,j as D,k as st,l as ot,m as _e,G as rt,A as Q,az as it,aA as at}from"./index-k1Bog_tr.js";import{r as lt,m as ct,a as Pe}from"./mana-rate-Ez6IlT0x.js";import{u as Me}from"./useManaRate-BO1b19Qr.js";import{g as dt,h as ft,i as pt,j as ut,k as xt,C as ht,l as mt,o as gt,m as bt,n as yt,M as wt}from"./Assets.styles-C5zpZCUK.js";import{d as me,R as vt,F as jt,S as ge,b as $t}from"./categories-DDZgtl6y.js";import{L as Ct}from"./LoadMore-CHlPzPXC.js";import{M as kt}from"./MarketCheckout-dyTQT0v3.js";import{u as St}from"./useInfiniteGrid-H1sfBdhy.js";import{E as Rt}from"./ErrorNotice-C7soUjRV.js";import{d as It}from"./dcl-schemas-BICTSpB5.js";import{u as Et,G as Tt,w as zt,S as Nt}from"./buy-gasless-C7VsNrLp.js";import{s as At}from"./buy-B_TXfJF4.js";import{h as _t}from"./trade-encoding-Bq9nPTSy.js";import{f as Pt}from"./errors-D2EYBG38.js";import{J as Mt,C as Lt,B as se}from"./ethers-w5dOkonM.js";import{l as Bt}from"./loader-logo-BzY9EKdC.js";import{n as Ft}from"./emotion-CSxEP8yM.js";import"./sentry-DKBoGDXH.js";import"./intl-CBcMB1D2.js";import"./index-HN6Rk25C.js";import"./Tooltip-BjVKL7Fw.js";import"./authorizations-BdVBiEr7.js";import"./sendMetaTransaction-CiO3jI6F.js";function Z(n){const r=n.source??"item",f=n.tradeId||`${n.contractAddress}-${n.tokenId??n.itemId??""}`;return`${r}:${f}`}const H="100000000000000000000",Le=2,V=15,Wt=/^[a-zA-Z0-9]+$/;function be(n){const r=n.trim();return r.length===0?{ok:!1,reason:"empty"}:Wt.test(r)?r.length<Le?{ok:!1,reason:"too-short"}:r.length>V?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function Ht(n){return n.replace(/[^a-zA-Z0-9]/g,"").slice(0,V)}const Ot=["function available(string _subdomain) view returns (bool)"],ye={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function Ut(){return W.chainId===It.ChainId.MATIC_MAINNET?ye.mainnet:ye.sepolia}async function Gt(n,r={}){var d;const{rpc:f,address:u}=Ut(),h=new Mt(f),l=new Lt(u,Ot,h);console.info(`[names] availability check → DCLRegistrar(${u}).available("${n}") on ${f}`);const c=await l.available(n);if((d=r.signal)!=null&&d.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${n}" available=${c}`),c?"available":"taken"}const qt="https://app.across.to/api";class Be extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}function Dt(n){return ct(H,n)}async function Vt(n,r,f={}){var d;const u=f.chainId??W.chainId,h=f.provider??"across",l=`${W.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(r)}&chainId=${u}&provider=${h}`,c=await et(l,{method:"GET",identity:n,metadata:{}});if(!c.ok){let a;try{a=(d=await c.json())==null?void 0:d.code}catch{}throw a==="ROUTE_COST_TOO_HIGH"?new Be:new Error(`fetchNameCreditRoute ${c.status}`)}return c.json()}function Kt(n,r){const f=se.from(n.availableAmount),h=se.from(H).sub(f);return{credits:[{value:n.amount,expiresAt:Number(n.expiresAt),salt:_t(n.id)}],creditsSignatures:[n.signature],externalCall:{target:r.externalCall.target,selector:r.externalCall.selector,data:r.externalCall.data,expiresAt:r.externalCall.expiresAt,salt:r.externalCall.salt},customExternalCallSignature:r.customExternalCallSignature,maxUncreditedValue:h.isNegative()?"0":h.toString(),maxCreditedValue:H}}async function Qt(n,r={}){const f=qt,u=r.intervalMs??1e4,h=r.maxAttempts??60;let l={status:"pending",destinationTxHash:null,actionsSucceeded:!1};for(let c=0;c<h;c++){try{const d=await fetch(`${f}/deposit/status?originChainId=137&depositTxHash=${n}`);if(d.ok){const a=await d.json(),x=(a.status??"pending").toLowerCase(),m=a.fillTx??a.fillTxnRef??null,w=a.actionsSucceeded!==!1;if(x==="filled")return{status:"filled",destinationTxHash:m,actionsSucceeded:w};if(x==="refunded"||x==="expired")return{status:x,destinationTxHash:null,actionsSucceeded:!1};l={status:"pending",destinationTxHash:m,actionsSucceeded:w}}}catch{}c<h-1&&await new Promise(d=>setTimeout(d,u))}return l}async function Zt(n){const{name:r,identity:f,signer:u}=n,h=n.chainId??W.chainId,l=n.provider??"across",c=(n.beneficiary??await u.getAddress()).toLowerCase();let d=null,a=!1;console.info("[names] register start",{name:r,buyer:c,chainId:h,provider:l});try{const x=await lt(h),m=Dt(x);console.info("[names] step 1/6 sized reservation",{usdCents:m,manaRate:x});const w=await Vt(f,r,{chainId:h,provider:l});console.info("[names] step 2/6 route fetched",{target:w.externalCall.target,selector:w.externalCall.selector,provider:w.provider,quoteId:w.quoteId});const j=await Xe(f,m);if(d=j.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:j.credit.id,maxCreditedValue:j.maxCreditedValue}),se.from(j.maxCreditedValue).lt(H))throw new Error("Credit under-sized for the name price");const k=Kt(j.credit,w);let g;try{g=await Et({chainId:h,buyer:c,signer:u,args:k})}catch(y){if(!(y instanceof Tt))throw y;g=await At(h,k,u)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:g}),await zt(g),a=!0,console.info("[names] step 5/6 origin tx confirmed",{originTxHash:g}),l==="across"){const y=await Qt(g,n.acrossPoll);if(console.info("[names] step 6/6 across status",y),y.status==="pending")return{status:"pending",originTxHash:g};if(y.status!=="filled"||!y.actionsSucceeded)throw new Error("The name could not be registered on Ethereum; your funds were recovered.");return{status:"registered",originTxHash:g,destinationTxHash:y.destinationTxHash}}return{status:"pending",originTxHash:g}}catch(x){if(console.error("[names] register failed — raw error:",x,{name:r,buyer:c,originConfirmed:a}),x instanceof Nt)return{status:"pending",originTxHash:x.txHash};throw d&&!a&&await Ye(f,[d]).catch(()=>{}),x instanceof Be?x:new Error(Pt(x,"Couldn't register the name. Please try again.",{sale:!0}))}}const Jt=s.div`
+import{u as Ze,r as p,j as e,b as Je}from"./react-BXazHbBy.js";import{p as H,h as Xe,c as Ye,r as et,s,G as t,u as oe,a as tt,b as Ne,y as _e,w as nt,t as o,I as N,C as F,d as he,j as D,k as st,l as ot,m as Ae,H as rt,A as Q,aD as it,aE as at}from"./index-N282EqWL.js";import{r as lt,m as ct,a as Pe}from"./mana-rate-B5qogWAy.js";import{u as Me}from"./useManaRate-CtZMBb6a.js";import{g as dt,h as ft,i as pt,j as ut,k as xt,C as ht,l as mt,o as gt,m as bt,n as yt,M as wt}from"./Assets.styles-C-xsD5dl.js";import{d as me,R as vt,F as jt,S as ge,b as $t}from"./categories-q4cmLb4w.js";import{L as Ct}from"./LoadMore-Co82ACWq.js";import{M as kt}from"./MarketCheckout-CXF5RWuK.js";import{u as St}from"./useInfiniteGrid-BokrX5YA.js";import{E as Rt}from"./ErrorNotice-Cmr8aXJs.js";import{d as Et}from"./dcl-schemas-BICTSpB5.js";import{u as It,G as Tt,w as zt,S as Nt}from"./buy-gasless-DITQks7J.js";import{s as _t}from"./buy-DnDBBIJp.js";import{h as At}from"./trade-encoding-6_dO5FYh.js";import{f as Pt}from"./errors-BHedmHUe.js";import{J as Mt,C as Lt,B as se}from"./ethers-BJDbBwOP.js";import{l as Bt}from"./loader-logo-BzY9EKdC.js";import{n as Ft}from"./emotion-CSxEP8yM.js";import"./sentry-CLqlZ0dX.js";import"./intl-CBcMB1D2.js";import"./index-HN6Rk25C.js";import"./Tooltip-CMiyDsYT.js";import"./authorizations-xecfPSH8.js";import"./sendMetaTransaction-CiO3jI6F.js";function Z(n){const r=n.source??"item",f=n.tradeId||`${n.contractAddress}-${n.tokenId??n.itemId??""}`;return`${r}:${f}`}const W="100000000000000000000",Le=2,V=15,Ht=/^[a-zA-Z0-9]+$/;function be(n){const r=n.trim();return r.length===0?{ok:!1,reason:"empty"}:Ht.test(r)?r.length<Le?{ok:!1,reason:"too-short"}:r.length>V?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function Wt(n){return n.replace(/[^a-zA-Z0-9]/g,"").slice(0,V)}const Ot=["function available(string _subdomain) view returns (bool)"],ye={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function Ut(){return H.chainId===Et.ChainId.MATIC_MAINNET?ye.mainnet:ye.sepolia}async function Gt(n,r={}){var d;const{rpc:f,address:u}=Ut(),h=new Mt(f),l=new Lt(u,Ot,h);console.info(`[names] availability check → DCLRegistrar(${u}).available("${n}") on ${f}`);const c=await l.available(n);if((d=r.signal)!=null&&d.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${n}" available=${c}`),c?"available":"taken"}const qt="https://app.across.to/api";class Be extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}function Dt(n){return ct(W,n)}async function Vt(n,r,f={}){var d;const u=f.chainId??H.chainId,h=f.provider??"across",l=`${H.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(r)}&chainId=${u}&provider=${h}`,c=await et(l,{method:"GET",identity:n,metadata:{}});if(!c.ok){let a;try{a=(d=await c.json())==null?void 0:d.code}catch{}throw a==="ROUTE_COST_TOO_HIGH"?new Be:new Error(`fetchNameCreditRoute ${c.status}`)}return c.json()}function Kt(n,r){const f=se.from(n.availableAmount),h=se.from(W).sub(f);return{credits:[{value:n.amount,expiresAt:Number(n.expiresAt),salt:At(n.id)}],creditsSignatures:[n.signature],externalCall:{target:r.externalCall.target,selector:r.externalCall.selector,data:r.externalCall.data,expiresAt:r.externalCall.expiresAt,salt:r.externalCall.salt},customExternalCallSignature:r.customExternalCallSignature,maxUncreditedValue:h.isNegative()?"0":h.toString(),maxCreditedValue:W}}async function Qt(n,r={}){const f=qt,u=r.intervalMs??1e4,h=r.maxAttempts??60;let l={status:"pending",destinationTxHash:null,actionsSucceeded:!1};for(let c=0;c<h;c++){try{const d=await fetch(`${f}/deposit/status?originChainId=137&depositTxHash=${n}`);if(d.ok){const a=await d.json(),x=(a.status??"pending").toLowerCase(),m=a.fillTx??a.fillTxnRef??null,w=a.actionsSucceeded!==!1;if(x==="filled")return{status:"filled",destinationTxHash:m,actionsSucceeded:w};if(x==="refunded"||x==="expired")return{status:x,destinationTxHash:null,actionsSucceeded:!1};l={status:"pending",destinationTxHash:m,actionsSucceeded:w}}}catch{}c<h-1&&await new Promise(d=>setTimeout(d,u))}return l}async function Zt(n){const{name:r,identity:f,signer:u}=n,h=n.chainId??H.chainId,l=n.provider??"across",c=(n.beneficiary??await u.getAddress()).toLowerCase();let d=null,a=!1;console.info("[names] register start",{name:r,buyer:c,chainId:h,provider:l});try{const x=await lt(h),m=Dt(x);console.info("[names] step 1/6 sized reservation",{usdCents:m,manaRate:x});const w=await Vt(f,r,{chainId:h,provider:l});console.info("[names] step 2/6 route fetched",{target:w.externalCall.target,selector:w.externalCall.selector,provider:w.provider,quoteId:w.quoteId});const j=await Xe(f,m);if(d=j.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:j.credit.id,maxCreditedValue:j.maxCreditedValue}),se.from(j.maxCreditedValue).lt(W))throw new Error("Credit under-sized for the name price");const k=Kt(j.credit,w);let g;try{g=await It({chainId:h,buyer:c,signer:u,args:k})}catch(y){if(!(y instanceof Tt))throw y;g=await _t(h,k,u)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:g}),await zt(g),a=!0,console.info("[names] step 5/6 origin tx confirmed",{originTxHash:g}),l==="across"){const y=await Qt(g,n.acrossPoll);if(console.info("[names] step 6/6 across status",y),y.status==="pending")return{status:"pending",originTxHash:g};if(y.status!=="filled"||!y.actionsSucceeded)throw new Error("The name could not be registered on Ethereum; your funds were recovered.");return{status:"registered",originTxHash:g,destinationTxHash:y.destinationTxHash}}return{status:"pending",originTxHash:g}}catch(x){if(console.error("[names] register failed — raw error:",x,{name:r,buyer:c,originConfirmed:a}),x instanceof Nt)return{status:"pending",originTxHash:x.txHash};throw d&&!a&&await Ye(f,[d]).catch(()=>{}),x instanceof Be?x:new Error(Pt(x,"Couldn't register the name. Please try again.",{sale:!0}))}}const Jt=s.div`
   position: fixed;
   inset: 0;
   z-index: 10000;
@@ -94,7 +94,7 @@ import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h a
 `,Re=s.div`
   flex: 1;
   min-width: 0;
-`,Ie=s.div`
+`,Ee=s.div`
   font-family: ${t.font.sans};
   font-weight: 700;
   font-size: 20px;
@@ -108,7 +108,7 @@ import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h a
     font-weight: 400;
     color: ${t.colors.muted2};
   }
-`,Ee=s.div`
+`,Ie=s.div`
   font-family: ${t.font.sans};
   font-size: 14px;
   color: ${t.colors.muted2};
@@ -366,7 +366,7 @@ import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h a
     flex: none;
     color: ${t.colors.dclRed};
   }
-`;function wn({name:n,priceCredits:r,onClose:f}){const{session:u}=oe(),{data:h,isError:l}=tt(u),c=Ne(),d=Ze(),[a,x]=p.useState("confirm"),[m,w]=p.useState(""),[j,k]=p.useState(null),g=p.useRef(!1),y=m.trim().toLowerCase()===n.toLowerCase(),v=a==="completing",S=r!=null?Ae(r):"—";p.useEffect(()=>{const b=T=>{T.key==="Escape"&&!v&&f()};document.addEventListener("keydown",b);const A=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",b),document.body.style.overflow=A}},[v,f]);async function C(){if(!(!u||!y||g.current)){g.current=!0,x("completing"),k(null);try{await Zt({name:n,identity:u.identity,signer:u.signer}),D("Shop Completed Purchase",{purchase_type:"name",is_primary:!0,payment_type:"credits",value_credits:r??null}),c.invalidateQueries({queryKey:["usd-balance"]}),c.invalidateQueries({queryKey:["my-assets"]}),x("success")}catch(b){D(ot(b)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:st(b),purchase_type:"name"}),k((b==null?void 0:b.message)||o("names.errorGeneric")),x("error")}finally{g.current=!1}}}const I=a!=="success",R=nt(u==null?void 0:u.providerType);return e.jsx(Jt,{onClick:v?void 0:f,role:"presentation",children:e.jsxs(Xt,{role:"dialog","aria-modal":"true","aria-label":o("names.buyTitle"),onClick:b=>b.stopPropagation(),children:[I&&e.jsxs(e.Fragment,{children:[e.jsxs(we,{children:[e.jsx(ve,{children:a==="error"?o("names.errorTitle"):o("names.buyTitle")}),e.jsx(je,{onClick:f,disabled:v,"aria-label":o("buyModal.close"),children:e.jsx(N,{name:"close"})})]}),e.jsxs($e,{children:[o("names.myCreditsBalance")," ",e.jsx(F,{})," ",he(h,l)]}),e.jsx(Ce,{})]}),(a==="confirm"||a==="error")&&e.jsxs(e.Fragment,{children:[e.jsxs(ke,{children:[e.jsx(Se,{"aria-hidden":!0,children:"@"}),e.jsxs(Re,{children:[e.jsxs(Ie,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ee,{children:o("names.subtitle")})]}),e.jsxs(Te,{children:[e.jsx(F,{}),S]})]}),a==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(yn,{children:[e.jsx(N,{name:"info","aria-hidden":!0}),e.jsx("span",{children:j})]}),e.jsx(ze,{onClick:()=>x("confirm"),children:o("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(Yt,{children:[e.jsx(en,{children:o("names.confirmTitle")}),e.jsx(tn,{dangerouslySetInnerHTML:{__html:o("names.confirmBody",{name:`<b>@${vn(n)}</b>`})}}),e.jsxs(nn,{children:[e.jsx(sn,{"aria-hidden":!0,children:"@"}),e.jsx(on,{value:m,onChange:b=>w(b.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":o("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(m.length,8)}ch`}}),e.jsx(rn,{children:".dcl.eth"})]})]}),e.jsx(ze,{onClick:()=>void C(),disabled:!y||!u,children:o("names.buyCta")})]})]}),a==="completing"&&e.jsxs(an,{children:[e.jsx(ln,{src:Bt,alt:"",width:56,height:56}),e.jsx(cn,{children:R?o("names.confirming"):o("names.completing")}),e.jsxs(dn,{children:[e.jsx(fn,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx(pn,{children:"1/1"})]})]}),a==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs(we,{children:[e.jsx(ve,{children:o("names.successHeaderTitle")}),e.jsx(je,{onClick:f,"aria-label":o("buyModal.close"),children:e.jsx(N,{name:"close"})})]}),e.jsxs($e,{children:[o("names.myCreditsBalance")," ",e.jsx(F,{})," ",he(h,l)]}),e.jsx(Ce,{}),e.jsxs(un,{children:[e.jsx(xn,{"aria-hidden":!0,children:e.jsx(N,{name:"check"})}),e.jsxs(hn,{children:[e.jsx("b",{children:o("names.successBannerBold")})," ",o("names.successBannerRest")]})]}),e.jsxs(ke,{style:{marginTop:20},children:[e.jsx(Se,{"aria-hidden":!0,children:"@"}),e.jsxs(Re,{children:[e.jsxs(Ie,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ee,{children:o("names.subtitle")})]}),e.jsxs(Te,{children:[e.jsx(F,{}),S]})]}),e.jsxs(mn,{children:[e.jsx(gn,{onClick:()=>{f(),d("/my-assets")},children:o("names.myItems")}),e.jsx(bn,{href:W.profileUrl,target:"_blank",rel:"noopener noreferrer",children:o("names.assignToAvatar")})]})]})]})})}function vn(n){return n.replace(/[&<>"']/g,r=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[r])}const jn=s.div`
+`;function wn({name:n,priceCredits:r,onClose:f}){const{session:u}=oe(),{data:h,isError:l}=tt(u),c=Ne(),d=Ze(),[a,x]=p.useState("confirm"),[m,w]=p.useState(""),[j,k]=p.useState(null),g=p.useRef(!1),y=m.trim().toLowerCase()===n.toLowerCase(),v=a==="completing",S=r!=null?_e(r):"—";p.useEffect(()=>{const b=T=>{T.key==="Escape"&&!v&&f()};document.addEventListener("keydown",b);const _=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",b),document.body.style.overflow=_}},[v,f]);async function C(){if(!(!u||!y||g.current)){g.current=!0,x("completing"),k(null);try{await Zt({name:n,identity:u.identity,signer:u.signer}),D("Shop Completed Purchase",{purchase_type:"name",is_primary:!0,payment_type:"credits",value_credits:r??null}),c.invalidateQueries({queryKey:["usd-balance"]}),c.invalidateQueries({queryKey:["my-assets"]}),x("success")}catch(b){D(ot(b)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:st(b),purchase_type:"name"}),k((b==null?void 0:b.message)||o("names.errorGeneric")),x("error")}finally{g.current=!1}}}const E=a!=="success",R=nt(u==null?void 0:u.providerType);return e.jsx(Jt,{onClick:v?void 0:f,role:"presentation",children:e.jsxs(Xt,{role:"dialog","aria-modal":"true","aria-label":o("names.buyTitle"),onClick:b=>b.stopPropagation(),children:[E&&e.jsxs(e.Fragment,{children:[e.jsxs(we,{children:[e.jsx(ve,{children:a==="error"?o("names.errorTitle"):o("names.buyTitle")}),e.jsx(je,{onClick:f,disabled:v,"aria-label":o("buyModal.close"),children:e.jsx(N,{name:"close"})})]}),e.jsxs($e,{children:[o("names.myCreditsBalance")," ",e.jsx(F,{})," ",he(h,l)]}),e.jsx(Ce,{})]}),(a==="confirm"||a==="error")&&e.jsxs(e.Fragment,{children:[e.jsxs(ke,{children:[e.jsx(Se,{"aria-hidden":!0,children:"@"}),e.jsxs(Re,{children:[e.jsxs(Ee,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ie,{children:o("names.subtitle")})]}),e.jsxs(Te,{children:[e.jsx(F,{}),S]})]}),a==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(yn,{children:[e.jsx(N,{name:"info","aria-hidden":!0}),e.jsx("span",{children:j})]}),e.jsx(ze,{onClick:()=>x("confirm"),children:o("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(Yt,{children:[e.jsx(en,{children:o("names.confirmTitle")}),e.jsx(tn,{dangerouslySetInnerHTML:{__html:o("names.confirmBody",{name:`<b>@${vn(n)}</b>`})}}),e.jsxs(nn,{children:[e.jsx(sn,{"aria-hidden":!0,children:"@"}),e.jsx(on,{value:m,onChange:b=>w(b.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":o("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(m.length,8)}ch`}}),e.jsx(rn,{children:".dcl.eth"})]})]}),e.jsx(ze,{onClick:()=>void C(),disabled:!y||!u,children:o("names.buyCta")})]})]}),a==="completing"&&e.jsxs(an,{children:[e.jsx(ln,{src:Bt,alt:"",width:56,height:56}),e.jsx(cn,{children:R?o("names.confirming"):o("names.completing")}),e.jsxs(dn,{children:[e.jsx(fn,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx(pn,{children:"1/1"})]})]}),a==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs(we,{children:[e.jsx(ve,{children:o("names.successHeaderTitle")}),e.jsx(je,{onClick:f,"aria-label":o("buyModal.close"),children:e.jsx(N,{name:"close"})})]}),e.jsxs($e,{children:[o("names.myCreditsBalance")," ",e.jsx(F,{})," ",he(h,l)]}),e.jsx(Ce,{}),e.jsxs(un,{children:[e.jsx(xn,{"aria-hidden":!0,children:e.jsx(N,{name:"check"})}),e.jsxs(hn,{children:[e.jsx("b",{children:o("names.successBannerBold")})," ",o("names.successBannerRest")]})]}),e.jsxs(ke,{style:{marginTop:20},children:[e.jsx(Se,{"aria-hidden":!0,children:"@"}),e.jsxs(Re,{children:[e.jsxs(Ee,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ie,{children:o("names.subtitle")})]}),e.jsxs(Te,{children:[e.jsx(F,{}),S]})]}),e.jsxs(mn,{children:[e.jsx(gn,{onClick:()=>{f(),d("/my-assets")},children:o("names.myItems")}),e.jsx(bn,{href:H.profileUrl,target:"_blank",rel:"noopener noreferrer",children:o("names.assignToAvatar")})]})]})]})})}function vn(n){return n.replace(/[&<>"']/g,r=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[r])}const jn=s.div`
   width: 100%;
   min-width: 0;
 `,$n=s.nav`
@@ -425,12 +425,12 @@ import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h a
     padding: 40px 20px;
     gap: 28px;
   }
-`,In=s.div`
+`,En=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
-`,En=s.h1`
+`,In=s.h1`
   margin: 0;
   font-family: ${t.font.sans};
   font-weight: 600;
@@ -460,7 +460,7 @@ import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h a
   gap: 12px;
 `,Nn=s.div`
   position: relative;
-`,An=s("div",Ft("invalid"))`
+`,_n=s("div",Ft("invalid"))`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -476,7 +476,7 @@ import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h a
   ${t.media.down("mobile")} {
     border-radius: 16px;
   }
-`,_n=s.span`
+`,An=s.span`
   position: absolute;
   left: -9999px;
   top: 0;
@@ -572,7 +572,7 @@ import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h a
   ${t.media.down("mobile")} {
     font-size: 16px;
   }
-`,Wn=s.span`
+`,Hn=s.span`
   flex: none;
   margin-left: 2px;
   font-family: ${t.font.sans};
@@ -584,7 +584,7 @@ import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h a
   ${t.media.down("mobile")} {
     font-size: 16px;
   }
-`,Hn=s.span`
+`,Wn=s.span`
   flex: none;
   font-family: ${t.font.sans};
   font-size: 13px;
@@ -755,4 +755,4 @@ import{u as Ze,r as p,j as e,b as Je}from"./react-C51i12iP.js";import{p as W,h a
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
-`,Zn="https://docs.decentraland.org/creator/worlds/about/";function Jn(n){const r=typeof window<"u"?window.location.hostname:"";return`${r.endsWith("decentraland.org")?"https://decentraland.org":r.endsWith("decentraland.today")?"https://decentraland.today":"https://decentraland.zone"}/marketplace/names/browse?search=${encodeURIComponent(n)}`}function Xn({onBack:n}){_e({title:o("seo.names.title"),description:o("seo.names.description")});const{session:r,signIn:f}=oe(),{data:u}=Me(),h=u?Pe(H,u):null,[l,c]=p.useState(""),[d,a]=p.useState("idle"),[x,m]=p.useState(!1),w=p.useRef(null),[j,k]=p.useState(void 0);p.useLayoutEffect(()=>{w.current&&k(w.current.offsetWidth)},[l]),p.useEffect(()=>{if(!be(l).ok){a(l.length===0?"idle":"invalid");return}a("checking");const I=new AbortController,R=setTimeout(()=>{(async()=>{try{const b=await Gt(l,{signal:I.signal});a(b)}catch(b){if((b==null?void 0:b.name)==="AbortError")return;a("error")}})()},400);return()=>{clearTimeout(R),I.abort()}},[l]);const g=be(l),y=g.ok&&(d==="available"||d==="error");function v(){if(y){if(!r){f();return}m(!0)}}const S=e.jsxs(e.Fragment,{children:[o("names.claim"),h!=null?e.jsxs(Un,{children:[e.jsx(F,{}),Ae(h)]}):null]});return e.jsxs(jn,{"data-testid":"names-page",children:[e.jsxs($n,{"aria-label":o("names.breadcrumbAria"),children:[e.jsx(Cn,{onClick:n,children:o("names.breadcrumbCollectibles")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(kn,{children:o("names.breadcrumbCurrent")})]}),e.jsxs(Sn,{children:[e.jsxs(Rn,{children:[e.jsxs(In,{children:[e.jsx(En,{children:o("names.heroTitle")}),e.jsx(Tn,{children:o("names.heroSubtitle")})]}),e.jsxs(zn,{children:[e.jsxs(Nn,{children:[e.jsxs(An,{invalid:d==="taken",children:[e.jsxs(Ln,{children:[e.jsx(Bn,{"aria-hidden":!0,children:"@"}),e.jsx(Fn,{value:l,onChange:C=>c(Ht(C.target.value)),placeholder:o("names.inputPlaceholder"),"aria-label":o("names.inputAria"),autoComplete:"off",spellCheck:!1,maxLength:V,style:{width:j!=null?`${j}px`:void 0}}),e.jsx(_n,{ref:w,"aria-hidden":!0,children:l||o("names.inputPlaceholder")}),e.jsx(Wn,{children:o("names.suffix")})]}),l.length>0?e.jsxs(Hn,{"aria-hidden":!0,children:[l.length,"/",V]}):null,e.jsx(Fe,{onClick:v,disabled:!y,"data-testid":"names-claim",children:S})]}),d==="taken"?e.jsxs(Pn,{role:"status","data-testid":"names-taken",children:[e.jsx(N,{name:"info",size:16,"aria-hidden":!0}),e.jsx("span",{children:o("names.taken")}),e.jsxs(Mn,{href:Jn(l),target:"_blank",rel:"noopener noreferrer",children:[o("names.takenMakeOffer"),e.jsx(N,{name:"external-link",size:13,"aria-hidden":!0})]})]}):null]}),e.jsx(On,{onClick:v,disabled:!y,children:S}),d==="checking"?e.jsx(J,{tone:"muted",role:"status","data-testid":"names-checking",children:o("names.checking")}):d==="error"?e.jsx(J,{tone:"muted",role:"status",children:o("names.checkError")}):d==="invalid"&&!g.ok&&g.reason==="too-short"?e.jsx(J,{tone:"muted",role:"status",children:o("names.tooShort",{min:Le})}):null,e.jsx(Qn,{role:"status","aria-live":"polite",children:d==="available"?o("names.available",{name:l}):""})]})]}),e.jsxs(Gn,{children:[e.jsx(qn,{children:o("names.whyTitle")}),e.jsxs(Dn,{children:[e.jsxs(X,{children:[e.jsx(Y,{"aria-hidden":!0}),e.jsx(ee,{children:e.jsx(te,{children:o("names.why1")})})]}),e.jsxs(X,{children:[e.jsx(Y,{"aria-hidden":!0}),e.jsxs(ee,{children:[e.jsx(te,{children:o("names.why2")}),e.jsxs(Vn,{href:Zn,target:"_blank",rel:"noopener noreferrer",children:[o("names.why2Link"),e.jsx(N,{name:"external-link","aria-hidden":!0})]})]})]}),e.jsxs(X,{children:[e.jsx(Y,{"aria-hidden":!0}),e.jsxs(ee,{children:[e.jsx(te,{children:o("names.why3")}),e.jsx(Kn,{children:o("names.why3Link")})]})]})]})]})]}),x?e.jsx(wn,{name:l,priceCredits:h,onClose:()=>m(!1)}):null]})}const ne=48;function Yn(n){return{tradeId:n.tradeId??n.id,listingType:"primary",contractAddress:n.contractAddress,itemId:n.itemId??"",name:n.name,thumbnail:n.thumbnail,rarity:n.rarity,category:n.category,wearableCategory:n.wearableCategory??null,creator:n.creator,manaWei:n.manaWei??"0",available:1,network:n.network,chainId:n.chainId,createdAt:0}}function Cs(){const[n]=Je(),r=(n.get("q")??"").trim().toLowerCase(),f=Ne(),{session:u,signIn:h}=oe(),l=(n.get("q")??"").trim();_e({title:l?o("seo.collectibles.searchTitle",{query:l}):o("seo.collectibles.title"),description:o("seo.collectibles.description")});const[c,d]=p.useState("wearable"),[a,x]=p.useState(null),[m,w]=p.useState([]),[j,k]=p.useState(""),[g,y]=p.useState(""),[v,S]=p.useState("on_sale"),[C,I]=p.useState(!1),[R,b]=p.useState("newest"),[A,T]=p.useState(!1),[re,K]=p.useState(null);p.useEffect(()=>{if(!A)return;const i=B=>{B.key==="Escape"&&T(!1)};document.addEventListener("keydown",i);const $=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",i),document.body.style.overflow=$}},[A]);const O=v==="on_sale",_=j&&!Number.isNaN(Number(j))?Number(j):void 0,P=g&&!Number.isNaN(Number(g))?Number(g):void 0,ie=a?$t[a]:void 0,ae=(me.find(i=>i.key===R)??me[0]).server,le={category:c,rarities:m.length?m:void 0,wearableCategories:ie,minPriceCredits:_,maxPriceCredits:P,search:r||void 0,sortBy:ae,isSmart:C||void 0,onSale:!0},ce={category:c,rarities:m.length?m:void 0,wearableCategories:ie,search:r||void 0,sortBy:ae,isWearableSmart:C||void 0,isOnSale:v==="not_for_sale"?!1:void 0},{items:M,total:de,isLoading:E,isPlaceholderData:z,error:We,hasNextPage:He,isFetchingNextPage:fe,fetchNextPage:Oe}=St(O?["shop-items",le]:["catalog-items",ce],i=>O?it({...le,first:ne,skip:i}):at({...ce,first:ne,skip:i}),{enabled:c!=="names"}),U=de,Ue=E||z,Ge=E?15:Math.min(Math.max(M.length,1),ne),{data:G,isError:qe}=Me(),De=i=>G&&i.manaWei?Pe(i.manaWei,G):null,pe=p.useRef(null);p.useEffect(()=>{E||z||!r||pe.current===r||(pe.current=r,D("Shop Searched",{query:r,result_count:U}))},[r,E,z,U]);const q=p.useRef("__init__");p.useEffect(()=>{if(E||z)return;const i=JSON.stringify({category:c,subCategory:a,rarities:m,min:_,max:P,sort:R,status:v,smart:C});if(q.current==="__init__"||q.current===i){q.current=i;return}q.current=i,D("Shop Applied Filter",{filters:{category:c,sub_category:a,rarities:m,min_price_credits:_??null,max_price_credits:P??null,status:v,smart:C,sort:R},result_count:U})},[c,a,m,_,P,R,v,C,E,z,U]);function ue(i){d(i),x(null)}function xe(i){w($=>$.includes(i)?$.filter(B=>B!==i):[...$,i])}function Ve(){d("wearable"),x(null),w([]),k(""),y(""),S("on_sale"),I(!1)}function Ke(i){const $=M.find(B=>B.id===i.id);if(!(!$||$.source!=="legacy"||!$.manaWei)){if(!u){h();return}K(Yn($))}}function Qe(){f.invalidateQueries({queryKey:["shop-items"]})}const L=[];(_!=null||P!=null)&&L.push({key:"price",label:o("filter.price"),onRemove:()=>{k(""),y("")}});for(const i of vt)m.includes(i)&&L.push({key:`rarity-${i}`,label:rt(i),onRemove:()=>xe(i)});return C&&L.push({key:"smart",label:o("filter.smart"),onRemove:()=>I(!1)}),v!=="on_sale"&&L.push({key:"status",label:v==="all"?o("filter.statusAll"):o("filter.notForSale"),onRemove:()=>S("on_sale")}),e.jsxs(dt,{"data-testid":"browse",children:[c!=="names"&&e.jsxs(e.Fragment,{children:[A?e.jsx(ft,{onClick:()=>T(!1),"aria-hidden":!0}):null,e.jsxs(pt,{className:A?"is-open":"","data-testid":"browse-sidebar",children:[e.jsxs(ut,{children:[e.jsx(xt,{children:o("assets.filters")}),e.jsx(ht,{onClick:()=>T(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),e.jsx(mt,{children:e.jsx(gt,{category:c,subCategory:a,onCategory:ue,onSub:x,priceMin:j,priceMax:g,onPriceMin:k,onPriceMax:y,rarities:m,onToggleRarity:xe,status:v,onStatus:S,smart:C,onSmart:I})}),e.jsx(bt,{children:e.jsx(yt,{type:"button",onClick:()=>T(!1),children:o("assets.showItems")})})]})]}),e.jsx(wt,{children:c==="names"?e.jsx(Xn,{onBack:()=>ue("wearable")}):e.jsxs(e.Fragment,{children:[e.jsx(jt,{sort:R,onSort:b,total:de,loading:E||z,query:r,onOpenFilters:()=>T(!0),chips:L,onClearChips:Ve}),qe&&O&&M.some(i=>i.source==="legacy")?e.jsx("p",{className:"market-banner market-banner--warn",children:o("assets.marketUnavailable")}):null,We?e.jsx(Rt,{message:o("assets.loadError"),testId:"browse-error"}):null,e.jsx("div",{className:"grid","data-testid":"grid",children:Ue?e.jsx(ge,{count:Ge}):e.jsxs(e.Fragment,{children:[M.map(i=>{if(!O)return e.jsx(Q,{item:i,mode:"view"},Z(i));const $=i;return $.source==="legacy"?e.jsx(Q,{item:$,mode:"market",marketPriceCredits:De($),onBuyNow:Ke},Z(i)):e.jsx(Q,{item:i},Z(i))}),fe?e.jsx(ge,{count:6}):null]})}),e.jsx(Ct,{hasNextPage:He,isFetching:fe,onLoadMore:()=>void Oe()}),!E&&!z&&M.length===0?e.jsx("p",{className:"muted",children:o("assets.noItems")}):null]})}),re&&G?e.jsx(kt,{listing:re,rate:G,onClose:()=>K(null),onSold:()=>{K(null),Qe()}}):null]})}export{Cs as Assets};
+`,Zn="https://docs.decentraland.org/creator/worlds/about/";function Jn(n){const r=typeof window<"u"?window.location.hostname:"";return`${r.endsWith("decentraland.org")?"https://decentraland.org":r.endsWith("decentraland.today")?"https://decentraland.today":"https://decentraland.zone"}/marketplace/names/browse?search=${encodeURIComponent(n)}`}function Xn({onBack:n}){Ae({title:o("seo.names.title"),description:o("seo.names.description")});const{session:r,signIn:f}=oe(),{data:u}=Me(),h=u?Pe(W,u):null,[l,c]=p.useState(""),[d,a]=p.useState("idle"),[x,m]=p.useState(!1),w=p.useRef(null),[j,k]=p.useState(void 0);p.useLayoutEffect(()=>{w.current&&k(w.current.offsetWidth)},[l]),p.useEffect(()=>{if(!be(l).ok){a(l.length===0?"idle":"invalid");return}a("checking");const E=new AbortController,R=setTimeout(()=>{(async()=>{try{const b=await Gt(l,{signal:E.signal});a(b)}catch(b){if((b==null?void 0:b.name)==="AbortError")return;a("error")}})()},400);return()=>{clearTimeout(R),E.abort()}},[l]);const g=be(l),y=g.ok&&(d==="available"||d==="error");function v(){if(y){if(!r){f();return}m(!0)}}const S=e.jsxs(e.Fragment,{children:[o("names.claim"),h!=null?e.jsxs(Un,{children:[e.jsx(F,{}),_e(h)]}):null]});return e.jsxs(jn,{"data-testid":"names-page",children:[e.jsxs($n,{"aria-label":o("names.breadcrumbAria"),children:[e.jsx(Cn,{onClick:n,children:o("names.breadcrumbCollectibles")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(kn,{children:o("names.breadcrumbCurrent")})]}),e.jsxs(Sn,{children:[e.jsxs(Rn,{children:[e.jsxs(En,{children:[e.jsx(In,{children:o("names.heroTitle")}),e.jsx(Tn,{children:o("names.heroSubtitle")})]}),e.jsxs(zn,{children:[e.jsxs(Nn,{children:[e.jsxs(_n,{invalid:d==="taken",children:[e.jsxs(Ln,{children:[e.jsx(Bn,{"aria-hidden":!0,children:"@"}),e.jsx(Fn,{value:l,onChange:C=>c(Wt(C.target.value)),placeholder:o("names.inputPlaceholder"),"aria-label":o("names.inputAria"),autoComplete:"off",spellCheck:!1,maxLength:V,style:{width:j!=null?`${j}px`:void 0}}),e.jsx(An,{ref:w,"aria-hidden":!0,children:l||o("names.inputPlaceholder")}),e.jsx(Hn,{children:o("names.suffix")})]}),l.length>0?e.jsxs(Wn,{"aria-hidden":!0,children:[l.length,"/",V]}):null,e.jsx(Fe,{onClick:v,disabled:!y,"data-testid":"names-claim",children:S})]}),d==="taken"?e.jsxs(Pn,{role:"status","data-testid":"names-taken",children:[e.jsx(N,{name:"info",size:16,"aria-hidden":!0}),e.jsx("span",{children:o("names.taken")}),e.jsxs(Mn,{href:Jn(l),target:"_blank",rel:"noopener noreferrer",children:[o("names.takenMakeOffer"),e.jsx(N,{name:"external-link",size:13,"aria-hidden":!0})]})]}):null]}),e.jsx(On,{onClick:v,disabled:!y,children:S}),d==="checking"?e.jsx(J,{tone:"muted",role:"status","data-testid":"names-checking",children:o("names.checking")}):d==="error"?e.jsx(J,{tone:"muted",role:"status",children:o("names.checkError")}):d==="invalid"&&!g.ok&&g.reason==="too-short"?e.jsx(J,{tone:"muted",role:"status",children:o("names.tooShort",{min:Le})}):null,e.jsx(Qn,{role:"status","aria-live":"polite",children:d==="available"?o("names.available",{name:l}):""})]})]}),e.jsxs(Gn,{children:[e.jsx(qn,{children:o("names.whyTitle")}),e.jsxs(Dn,{children:[e.jsxs(X,{children:[e.jsx(Y,{"aria-hidden":!0}),e.jsx(ee,{children:e.jsx(te,{children:o("names.why1")})})]}),e.jsxs(X,{children:[e.jsx(Y,{"aria-hidden":!0}),e.jsxs(ee,{children:[e.jsx(te,{children:o("names.why2")}),e.jsxs(Vn,{href:Zn,target:"_blank",rel:"noopener noreferrer",children:[o("names.why2Link"),e.jsx(N,{name:"external-link","aria-hidden":!0})]})]})]}),e.jsxs(X,{children:[e.jsx(Y,{"aria-hidden":!0}),e.jsxs(ee,{children:[e.jsx(te,{children:o("names.why3")}),e.jsx(Kn,{children:o("names.why3Link")})]})]})]})]})]}),x?e.jsx(wn,{name:l,priceCredits:h,onClose:()=>m(!1)}):null]})}const ne=48;function Yn(n){return{tradeId:n.tradeId??n.id,listingType:"primary",contractAddress:n.contractAddress,itemId:n.itemId??"",name:n.name,thumbnail:n.thumbnail,rarity:n.rarity,category:n.category,wearableCategory:n.wearableCategory??null,creator:n.creator,manaWei:n.manaWei??"0",available:1,network:n.network,chainId:n.chainId,createdAt:0}}function Cs(){const[n]=Je(),r=(n.get("q")??"").trim().toLowerCase(),f=Ne(),{session:u,signIn:h}=oe(),l=(n.get("q")??"").trim();Ae({title:l?o("seo.collectibles.searchTitle",{query:l}):o("seo.collectibles.title"),description:o("seo.collectibles.description")});const[c,d]=p.useState("wearable"),[a,x]=p.useState(null),[m,w]=p.useState([]),[j,k]=p.useState(""),[g,y]=p.useState(""),[v,S]=p.useState("on_sale"),[C,E]=p.useState(!1),[R,b]=p.useState("newest"),[_,T]=p.useState(!1),[re,K]=p.useState(null);p.useEffect(()=>{if(!_)return;const i=B=>{B.key==="Escape"&&T(!1)};document.addEventListener("keydown",i);const $=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",i),document.body.style.overflow=$}},[_]);const O=v==="on_sale",A=j&&!Number.isNaN(Number(j))?Number(j):void 0,P=g&&!Number.isNaN(Number(g))?Number(g):void 0,ie=a?$t[a]:void 0,ae=(me.find(i=>i.key===R)??me[0]).server,le={category:c,rarities:m.length?m:void 0,wearableCategories:ie,minPriceCredits:A,maxPriceCredits:P,search:r||void 0,sortBy:ae,isSmart:C||void 0,onSale:!0},ce={category:c,rarities:m.length?m:void 0,wearableCategories:ie,search:r||void 0,sortBy:ae,isWearableSmart:C||void 0,isOnSale:v==="not_for_sale"?!1:void 0},{items:M,total:de,isLoading:I,isPlaceholderData:z,error:He,hasNextPage:We,isFetchingNextPage:fe,fetchNextPage:Oe}=St(O?["shop-items",le]:["catalog-items",ce],i=>O?it({...le,first:ne,skip:i}):at({...ce,first:ne,skip:i}),{enabled:c!=="names"}),U=de,Ue=I||z,Ge=I?15:Math.min(Math.max(M.length,1),ne),{data:G,isError:qe}=Me(),De=i=>G&&i.manaWei?Pe(i.manaWei,G):null,pe=p.useRef(null);p.useEffect(()=>{I||z||!r||pe.current===r||(pe.current=r,D("Shop Searched",{query:r,result_count:U}))},[r,I,z,U]);const q=p.useRef("__init__");p.useEffect(()=>{if(I||z)return;const i=JSON.stringify({category:c,subCategory:a,rarities:m,min:A,max:P,sort:R,status:v,smart:C});if(q.current==="__init__"||q.current===i){q.current=i;return}q.current=i,D("Shop Applied Filter",{filters:{category:c,sub_category:a,rarities:m,min_price_credits:A??null,max_price_credits:P??null,status:v,smart:C,sort:R},result_count:U})},[c,a,m,A,P,R,v,C,I,z,U]);function ue(i){d(i),x(null)}function xe(i){w($=>$.includes(i)?$.filter(B=>B!==i):[...$,i])}function Ve(){d("wearable"),x(null),w([]),k(""),y(""),S("on_sale"),E(!1)}function Ke(i){const $=M.find(B=>B.id===i.id);if(!(!$||$.source!=="legacy"||!$.manaWei)){if(!u){h();return}K(Yn($))}}function Qe(){f.invalidateQueries({queryKey:["shop-items"]})}const L=[];(A!=null||P!=null)&&L.push({key:"price",label:o("filter.price"),onRemove:()=>{k(""),y("")}});for(const i of vt)m.includes(i)&&L.push({key:`rarity-${i}`,label:rt(i),onRemove:()=>xe(i)});return C&&L.push({key:"smart",label:o("filter.smart"),onRemove:()=>E(!1)}),v!=="on_sale"&&L.push({key:"status",label:v==="all"?o("filter.statusAll"):o("filter.notForSale"),onRemove:()=>S("on_sale")}),e.jsxs(dt,{"data-testid":"browse",children:[c!=="names"&&e.jsxs(e.Fragment,{children:[_?e.jsx(ft,{onClick:()=>T(!1),"aria-hidden":!0}):null,e.jsxs(pt,{className:_?"is-open":"","data-testid":"browse-sidebar",children:[e.jsxs(ut,{children:[e.jsx(xt,{children:o("assets.filters")}),e.jsx(ht,{onClick:()=>T(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),e.jsx(mt,{children:e.jsx(gt,{category:c,subCategory:a,onCategory:ue,onSub:x,priceMin:j,priceMax:g,onPriceMin:k,onPriceMax:y,rarities:m,onToggleRarity:xe,status:v,onStatus:S,smart:C,onSmart:E})}),e.jsx(bt,{children:e.jsx(yt,{type:"button",onClick:()=>T(!1),children:o("assets.showItems")})})]})]}),e.jsx(wt,{children:c==="names"?e.jsx(Xn,{onBack:()=>ue("wearable")}):e.jsxs(e.Fragment,{children:[e.jsx(jt,{sort:R,onSort:b,total:de,loading:I||z,query:r,onOpenFilters:()=>T(!0),chips:L,onClearChips:Ve}),qe&&O&&M.some(i=>i.source==="legacy")?e.jsx("p",{className:"market-banner market-banner--warn",children:o("assets.marketUnavailable")}):null,He?e.jsx(Rt,{message:o("assets.loadError"),testId:"browse-error"}):null,e.jsx("div",{className:"grid","data-testid":"grid",children:Ue?e.jsx(ge,{count:Ge}):e.jsxs(e.Fragment,{children:[M.map(i=>{if(!O)return e.jsx(Q,{item:i,mode:"view"},Z(i));const $=i;return $.source==="legacy"?e.jsx(Q,{item:$,mode:"market",marketPriceCredits:De($),onBuyNow:Ke},Z(i)):e.jsx(Q,{item:i},Z(i))}),fe?e.jsx(ge,{count:6}):null]})}),e.jsx(Ct,{hasNextPage:We,isFetching:fe,onLoadMore:()=>void Oe()}),!I&&!z&&M.length===0?e.jsx("p",{className:"muted",children:o("assets.noItems")}):null]})}),re&&G?e.jsx(kt,{listing:re,rate:G,onClose:()=>K(null),onSold:()=>{K(null),Qe()}}):null]})}export{Cs as Assets};

package/assets/{Assets.styles-C5zpZCUK.js → Assets.styles-C-xsD5dl.js}

@@ -1,4 +1,4 @@
-import{r as y,j as t}from"./react-C51i12iP.js";import{R as z,a as oe,C as ie,c as ne}from"./categories-DDZgtl6y.js";import{T as se}from"./Tooltip-BjVKL7Fw.js";import{F as e,s as o,I as m,t as s,G as re,e as v}from"./index-k1Bog_tr.js";import{n as c}from"./emotion-CSxEP8yM.js";const ae=o.div`
+import{r as y,j as t}from"./react-BXazHbBy.js";import{R as z,a as oe,C as ie,c as ne}from"./categories-q4cmLb4w.js";import{T as se}from"./Tooltip-CMiyDsYT.js";import{G as e,s as o,I as m,t as s,H as re,e as v}from"./index-N282EqWL.js";import{n as c}from"./emotion-CSxEP8yM.js";const ae=o.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -100,7 +100,7 @@ import{r as y,j as t}from"./react-C51i12iP.js";import{R as z,a as oe,C as ie,c a
   font-weight: 400;
   font-size: 12px;
   color: ${e.colors.muted};
-`,F=o.span`
+`,P=o.span`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -113,7 +113,7 @@ import{r as y,j as t}from"./react-C51i12iP.js";import{R as z,a as oe,C as ie,c a
   &:focus-within {
     border-color: ${e.rarities.epic};
   }
-`,P=o(m)`
+`,F=o(m)`
   width: 16px;
   height: 16px;
   color: ${e.colors.rarity};
@@ -300,7 +300,7 @@ import{r as y,j as t}from"./react-C51i12iP.js";import{R as z,a as oe,C as ie,c a
   display: flex;
   align-items: center;
   gap: 6px;
-`,Fe=o(m)`
+`,Pe=o(m)`
   width: 14px;
   height: 14px;
   color: ${e.colors.text};
@@ -309,7 +309,7 @@ import{r as y,j as t}from"./react-C51i12iP.js";import{R as z,a as oe,C as ie,c a
     width: 16px;
     height: 16px;
   }
-`,Pe=o.span`
+`,Fe=o.span`
   font-family: ${e.font.sans};
   font-weight: 600;
   font-size: 14px;
@@ -367,7 +367,7 @@ import{r as y,j as t}from"./react-C51i12iP.js";import{R as z,a as oe,C as ie,c a
     height: 18px;
     left: ${({on:i})=>i?"calc(100% - 18px)":"2px"};
   }
-`,d=1e5;function De(i){var l;for(const x of ie){const p=(l=x.subs)==null?void 0:l.find(r=>r.key===i);if(p)return s(p.labelKey)}return i}function j({title:i,open:l,onToggle:x,summary:p,desktopStatic:r,headerTestId:h,headerAria:u,children:f}){const g=t.jsx(ne,{up:l,size:24,color:"var(--text)"});return t.jsxs(le,{children:[t.jsxs(ce,{type:"button",desktopStatic:r,onClick:x,"aria-expanded":l,"aria-label":u,"data-testid":h,children:[t.jsx(de,{children:i}),r?t.jsx(pe,{children:g}):g]}),!l&&p?t.jsx(he,{desktopHidden:r,children:p}):null,t.jsx(xe,{open:l,desktopStatic:r,children:t.jsx(ge,{children:f})})]})}function Me({category:i,subCategory:l,onCategory:x,onSub:p,priceMin:r,priceMax:h,onPriceMin:u,onPriceMax:f,rarities:g,onToggleRarity:E,status:S,onStatus:L,smart:b,onSmart:O}){const[_,Y]=y.useState(!0),[M,B]=y.useState(!0),[G,K]=y.useState(!1),[U,W]=y.useState(!0),R=r&&!Number.isNaN(Number(r))?Number(r):void 0,C=h&&!Number.isNaN(Number(h))?Number(h):void 0,w=R!=null?Math.min(R,d):0,$=C!=null?Math.min(C,d):d,V=w/d*100,X=$/d*100;function q(n){const a=Math.min(n,$);u(a<=0?"":String(a))}function J(n){const a=Math.max(n,w);f(a>=d?"":String(a))}const Q=l?De(l):i!=="wearable"?s(`categories.${i==="emote"?"emotes":i==="all"?"shopAll":i}`):"",Z=R!=null||C!=null?`${r||"0"}-${h||"∞"}`:"",ee=z.filter(n=>g.includes(n)).map(re).join(", "),te=S==="on_sale"?s("filter.onSale"):S==="not_for_sale"?s("filter.notForSale"):"";return t.jsxs(ae,{children:[t.jsx(j,{title:s("assets.category"),open:_,onToggle:()=>Y(n=>!n),summary:Q,desktopStatic:!0,children:t.jsx(oe,{category:i,subCategory:l,onCategory:x,onSub:p})}),t.jsx(k,{}),t.jsxs(j,{title:s("filter.price"),open:M,onToggle:()=>B(n=>!n),summary:Z,desktopStatic:!0,children:[t.jsxs(me,{children:[t.jsxs(T,{children:[t.jsx(N,{children:s("assets.min")}),t.jsxs(F,{children:[t.jsx(P,{name:v.iconName,"aria-hidden":!0}),t.jsx(I,{type:"number",min:"0","aria-label":s("assets.minPriceAria"),placeholder:"0",value:r,onChange:n=>u(n.target.value)})]})]}),t.jsx(ue,{children:s("assets.priceTo")}),t.jsxs(T,{children:[t.jsx(N,{children:s("assets.max")}),t.jsxs(F,{children:[t.jsx(P,{name:v.iconName,"aria-hidden":!0}),t.jsx(I,{type:"number",min:"0","aria-label":s("assets.maxPriceAria"),placeholder:"0",value:h,onChange:n=>f(n.target.value)})]})]})]}),t.jsxs(fe,{children:[t.jsx(be,{"aria-hidden":!0}),t.jsx(we,{minPct:V,maxPct:X,"aria-hidden":!0}),t.jsx(A,{type:"range",min:0,max:d,value:w,"aria-label":s("assets.minPriceSliderAria"),onChange:n=>q(Number(n.target.value))}),t.jsx(A,{type:"range",min:0,max:d,value:$,"aria-label":s("assets.maxPriceSliderAria"),onChange:n=>J(Number(n.target.value))})]}),t.jsxs($e,{children:[t.jsxs(H,{children:[t.jsx(D,{name:v.iconName,"aria-hidden":!0}),w.toLocaleString()]}),t.jsxs(H,{children:[t.jsx(D,{name:v.iconName,"aria-hidden":!0}),$.toLocaleString()]})]})]}),t.jsx(k,{}),t.jsx(j,{title:s("assets.rarity"),open:G,onToggle:()=>K(n=>!n),summary:ee,headerTestId:"sidebar-section-toggle",children:t.jsx(ye,{"data-testid":"rarity-filter",children:z.map(n=>{const a=g.includes(n);return t.jsxs(ve,{type:"button",selected:a,"aria-pressed":a,onClick:()=>E(n),"data-testid":"rarity-filter-check",children:[t.jsx(ke,{color:e.rarities[n],children:a?t.jsx(je,{name:"check","aria-hidden":!0}):null}),t.jsx(Se,{selected:a,children:n})]},n)})})}),t.jsx(k,{}),t.jsx(j,{title:s("filter.status"),open:U,onToggle:()=>W(n=>!n),summary:te,children:[["all",s("filter.statusAll")],["on_sale",s("filter.onSale")],["not_for_sale",s("filter.notForSale")]].map(([n,a])=>t.jsxs(Re,{children:[t.jsx(Ce,{type:"radio",name:"shop-status",checked:S===n,onChange:()=>L(n)}),t.jsx(ze,{children:a})]},n))}),t.jsx(k,{}),t.jsxs(Te,{children:[t.jsxs(Ne,{children:[t.jsx(Fe,{name:"smart","aria-hidden":!0}),t.jsx(Pe,{children:s("filter.smart")}),t.jsx(se,{content:s("filter.smartHint"),placement:"bottom",children:t.jsx(Ie,{name:"info",role:"img","aria-label":s("filter.smartHint"),tabIndex:0})})]}),t.jsx(Ae,{type:"button",role:"switch",on:b,"aria-checked":b,"aria-label":s("filter.smart"),onClick:()=>O(!b),children:t.jsx(He,{on:b})})]})]})}const Be=o.div`
+`,d=1e5;function De(i){var l;for(const x of ie){const p=(l=x.subs)==null?void 0:l.find(r=>r.key===i);if(p)return s(p.labelKey)}return i}function j({title:i,open:l,onToggle:x,summary:p,desktopStatic:r,headerTestId:h,headerAria:u,children:f}){const g=t.jsx(ne,{up:l,size:24,color:"var(--text)"});return t.jsxs(le,{children:[t.jsxs(ce,{type:"button",desktopStatic:r,onClick:x,"aria-expanded":l,"aria-label":u,"data-testid":h,children:[t.jsx(de,{children:i}),r?t.jsx(pe,{children:g}):g]}),!l&&p?t.jsx(he,{desktopHidden:r,children:p}):null,t.jsx(xe,{open:l,desktopStatic:r,children:t.jsx(ge,{children:f})})]})}function Me({category:i,subCategory:l,onCategory:x,onSub:p,priceMin:r,priceMax:h,onPriceMin:u,onPriceMax:f,rarities:g,onToggleRarity:E,status:S,onStatus:L,smart:b,onSmart:O}){const[_,Y]=y.useState(!0),[M,B]=y.useState(!0),[G,K]=y.useState(!1),[U,W]=y.useState(!0),R=r&&!Number.isNaN(Number(r))?Number(r):void 0,C=h&&!Number.isNaN(Number(h))?Number(h):void 0,w=R!=null?Math.min(R,d):0,$=C!=null?Math.min(C,d):d,V=w/d*100,X=$/d*100;function q(n){const a=Math.min(n,$);u(a<=0?"":String(a))}function J(n){const a=Math.max(n,w);f(a>=d?"":String(a))}const Q=l?De(l):i!=="wearable"?s(`categories.${i==="emote"?"emotes":i==="all"?"shopAll":i}`):"",Z=R!=null||C!=null?`${r||"0"}-${h||"∞"}`:"",ee=z.filter(n=>g.includes(n)).map(re).join(", "),te=S==="on_sale"?s("filter.onSale"):S==="not_for_sale"?s("filter.notForSale"):"";return t.jsxs(ae,{children:[t.jsx(j,{title:s("assets.category"),open:_,onToggle:()=>Y(n=>!n),summary:Q,desktopStatic:!0,children:t.jsx(oe,{category:i,subCategory:l,onCategory:x,onSub:p})}),t.jsx(k,{}),t.jsxs(j,{title:s("filter.price"),open:M,onToggle:()=>B(n=>!n),summary:Z,desktopStatic:!0,children:[t.jsxs(me,{children:[t.jsxs(T,{children:[t.jsx(N,{children:s("assets.min")}),t.jsxs(P,{children:[t.jsx(F,{name:v.iconName,"aria-hidden":!0}),t.jsx(I,{type:"number",min:"0","aria-label":s("assets.minPriceAria"),placeholder:"0",value:r,onChange:n=>u(n.target.value)})]})]}),t.jsx(ue,{children:s("assets.priceTo")}),t.jsxs(T,{children:[t.jsx(N,{children:s("assets.max")}),t.jsxs(P,{children:[t.jsx(F,{name:v.iconName,"aria-hidden":!0}),t.jsx(I,{type:"number",min:"0","aria-label":s("assets.maxPriceAria"),placeholder:"0",value:h,onChange:n=>f(n.target.value)})]})]})]}),t.jsxs(fe,{children:[t.jsx(be,{"aria-hidden":!0}),t.jsx(we,{minPct:V,maxPct:X,"aria-hidden":!0}),t.jsx(A,{type:"range",min:0,max:d,value:w,"aria-label":s("assets.minPriceSliderAria"),onChange:n=>q(Number(n.target.value))}),t.jsx(A,{type:"range",min:0,max:d,value:$,"aria-label":s("assets.maxPriceSliderAria"),onChange:n=>J(Number(n.target.value))})]}),t.jsxs($e,{children:[t.jsxs(H,{children:[t.jsx(D,{name:v.iconName,"aria-hidden":!0}),w.toLocaleString()]}),t.jsxs(H,{children:[t.jsx(D,{name:v.iconName,"aria-hidden":!0}),$.toLocaleString()]})]})]}),t.jsx(k,{}),t.jsx(j,{title:s("assets.rarity"),open:G,onToggle:()=>K(n=>!n),summary:ee,headerTestId:"sidebar-section-toggle",children:t.jsx(ye,{"data-testid":"rarity-filter",children:z.map(n=>{const a=g.includes(n);return t.jsxs(ve,{type:"button",selected:a,"aria-pressed":a,onClick:()=>E(n),"data-testid":"rarity-filter-check",children:[t.jsx(ke,{color:e.rarities[n],children:a?t.jsx(je,{name:"check","aria-hidden":!0}):null}),t.jsx(Se,{selected:a,children:n})]},n)})})}),t.jsx(k,{}),t.jsx(j,{title:s("filter.status"),open:U,onToggle:()=>W(n=>!n),summary:te,children:[["all",s("filter.statusAll")],["on_sale",s("filter.onSale")],["not_for_sale",s("filter.notForSale")]].map(([n,a])=>t.jsxs(Re,{children:[t.jsx(Ce,{type:"radio",name:"shop-status",checked:S===n,onChange:()=>L(n)}),t.jsx(ze,{children:a})]},n))}),t.jsx(k,{}),t.jsxs(Te,{children:[t.jsxs(Ne,{children:[t.jsx(Pe,{name:"smart","aria-hidden":!0}),t.jsx(Fe,{children:s("filter.smart")}),t.jsx(se,{content:s("filter.smartHint"),placement:"bottom",children:t.jsx(Ie,{name:"info",role:"img","aria-label":s("filter.smartHint"),tabIndex:0})})]}),t.jsx(Ae,{type:"button",role:"switch",on:b,"aria-checked":b,"aria-label":s("filter.smart"),onClick:()=>O(!b),children:t.jsx(He,{on:b})})]})]})}const Be=o.div`
   position: relative;
   display: flex;
   gap: 32px;