@dcl/shop 0.1.0-30381444187.commit-e5b9f13 → 0.1.0-30412251367.commit-a3b4797

package/assets/{Assets-WnaUem5h.js → Assets-CH_R0j7s.js}

@@ -1,4 +1,4 @@
-import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h as nt,c as st,v as ot,s,K as t,u as ie,a as rt,b as Be,A as Fe,y as it,t as o,I as T,C as F,d as ye,j as J,k as at,l as lt,x as We,L as ct,M as te,aM as dt,aN as pt}from"./index-TmxHL85j.js";import{u as ft}from"./useSecondarySales-BRJGIRwF.js";import{r as ht,m as xt,a as He}from"./mana-rate-C8zn6Vfu.js";import{u as Ue}from"./useManaRate-C5mRxzeC.js";import{g as ut,h as mt,i as gt,j as bt,k as yt,C as wt,l as jt,o as vt,m as Ct,n as $t,M as kt,E as St,p as Et,q as Tt,r as It,s as _t,t as Rt,u as zt}from"./Assets.styles-Dmhspue_.js";import{d as we,R as At,F as Nt,S as je,b as Mt}from"./categories-BI9AXlDF.js";import{L as Pt}from"./LoadMore-DTUpuDyu.js";import{M as Lt}from"./MarketCheckout-CoUO17KO.js";import{u as Bt}from"./useInfiniteGrid-pff93KiW.js";import{E as Ft}from"./ErrorNotice-BG40E5Ff.js";import{d as Wt}from"./dcl-schemas-BICTSpB5.js";import{u as Ht,G as Ut,w as Ot,S as Dt}from"./buy-gasless-9Zn1yAMk.js";import{s as Gt}from"./buy-DnSS_Kop.js";import{i as qt}from"./trade-encoding-CcRCeIpG.js";import{f as Vt}from"./errors-CG6pp58g.js";import{J as Kt,C as Zt,B as re}from"./ethers-CtVvB8eG.js";import{l as Qt}from"./loader-logo-BzY9EKdC.js";import{n as Jt}from"./emotion-CSxEP8yM.js";import"./sentry-BV_ZSgtd.js";import"./intl-CBcMB1D2.js";import"./Tooltip-CBuz_rc2.js";import"./authorizations-Ds7LRLV0.js";import"./sendMetaTransaction-7YAoB-pL.js";function ne(n){const r=n.source??"item",l=n.tradeId||`${n.contractAddress}-${n.tokenId??n.itemId??""}`;return`${r}:${l}`}const H="100000000000000000000",Oe=2,X=15,Xt=/^[a-zA-Z0-9]+$/;function ve(n){const r=n.trim();return r.length===0?{ok:!1,reason:"empty"}:Xt.test(r)?r.length<Oe?{ok:!1,reason:"too-short"}:r.length>X?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function Yt(n){return n.replace(/[^a-zA-Z0-9]/g,"").slice(0,X)}const en=["function available(string _subdomain) view returns (bool)"],Ce={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function tn(){return W.chainId===Wt.ChainId.MATIC_MAINNET?Ce.mainnet:Ce.sepolia}async function nn(n,r={}){var a;const{rpc:l,address:h}=tn(),u=new Kt(l),c=new Zt(h,en,u);console.info(`[names] availability check → DCLRegistrar(${h}).available("${n}") on ${l}`);const x=await c.available(n);if((a=r.signal)!=null&&a.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${n}" available=${x}`),x?"available":"taken"}const sn="https://app.across.to/api";class De extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}function on(n){return xt(H,n)}async function rn(n,r,l={}){var a;const h=l.chainId??W.chainId,u=l.provider??"across",c=`${W.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(r)}&chainId=${h}&provider=${u}`,x=await ot(c,{method:"GET",identity:n,metadata:{}});if(!x.ok){let d;try{d=(a=await x.json())==null?void 0:a.code}catch{}throw d==="ROUTE_COST_TOO_HIGH"?new De:new Error(`fetchNameCreditRoute ${x.status}`)}return x.json()}function an(n,r){const l=re.from(n.availableAmount),u=re.from(H).sub(l);return{credits:[{value:n.amount,expiresAt:Number(n.expiresAt),salt:qt(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:u.isNegative()?"0":u.toString(),maxCreditedValue:H}}async function ln(n,r={}){const l=sn,h=r.intervalMs??1e4,u=r.maxAttempts??60;let c={status:"pending",destinationTxHash:null,actionsSucceeded:!1};for(let x=0;x<u;x++){try{const a=await fetch(`${l}/deposit/status?originChainId=137&depositTxHash=${n}`);if(a.ok){const d=await a.json(),p=(d.status??"pending").toLowerCase(),w=d.fillTx??d.fillTxnRef??null,m=d.actionsSucceeded!==!1;if(p==="filled")return{status:"filled",destinationTxHash:w,actionsSucceeded:m};if(p==="refunded"||p==="expired")return{status:p,destinationTxHash:null,actionsSucceeded:!1};c={status:"pending",destinationTxHash:w,actionsSucceeded:m}}}catch{}x<u-1&&await new Promise(a=>setTimeout(a,h))}return c}async function cn(n){const{name:r,identity:l,signer:h}=n,u=n.chainId??W.chainId,c=n.provider??"across",x=(n.beneficiary??await h.getAddress()).toLowerCase();let a=null,d=!1;console.info("[names] register start",{name:r,buyer:x,chainId:u,provider:c});try{const p=await ht(u),w=on(p);console.info("[names] step 1/6 sized reservation",{usdCents:w,manaRate:p});const m=await rn(l,r,{chainId:u,provider:c});console.info("[names] step 2/6 route fetched",{target:m.externalCall.target,selector:m.externalCall.selector,provider:m.provider,quoteId:m.quoteId});const C=await nt(l,w);if(a=C.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:C.credit.id,maxCreditedValue:C.maxCreditedValue}),re.from(C.maxCreditedValue).lt(H))throw new Error("Credit under-sized for the name price");const $=an(C.credit,m);let b;try{b=await Ht({chainId:u,buyer:x,signer:h,args:$})}catch(y){if(!(y instanceof Ut))throw y;b=await Gt(u,$,h)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:b}),await Ot(b),d=!0,console.info("[names] step 5/6 origin tx confirmed",{originTxHash:b}),c==="across"){const y=await ln(b,n.acrossPoll);if(console.info("[names] step 6/6 across status",y),y.status==="pending")return{status:"pending",originTxHash:b};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:b,destinationTxHash:y.destinationTxHash}}return{status:"pending",originTxHash:b}}catch(p){if(console.error("[names] register failed — raw error:",p,{name:r,buyer:x,originConfirmed:d}),p instanceof Dt)return{status:"pending",originTxHash:p.txHash};throw a&&!d&&await st(l,[a]).catch(()=>{}),p instanceof De?p:new Error(Vt(p,"Couldn't register the name. Please try again.",{sale:!0}))}}const dn=s.div`
+import{u as Pe,r as h,j as e,a as tt}from"./react-BcSuIh9F.js";import{c as L,A as nt,w as st,b as ot,s,t,o as ie,q as rt,v as Be,X as Fe,Q as it,d as o,I as T,m as F,z as ye,D as J,E as at,F as lt,J as Le,K as ct,S as we,L as te,aM as dt,aN as pt}from"./index-CKryZsyO.js";import{u as ht}from"./useSecondarySales-DYRKFz6P.js";import{r as xt,a as ft,m as He}from"./mana-rate-5WVYReay.js";import{u as Ue}from"./useManaRate-C4EXijsl.js";import{g as mt,h as ut,i as gt,j as bt,k as yt,C as wt,l as jt,o as vt,m as Ct,n as $t,M as kt,p as St,E as Et,q as Tt,r as It,s as Rt,t as _t,u as zt,v as At}from"./Assets.styles-CikNDgjl.js";import{c as je,R as Nt,F as Mt,S as Wt}from"./categories-DYeriK5r.js";import{L as Pt}from"./LoadMore-CQjFLXNq.js";import{M as Bt}from"./MarketCheckout-CKG6pjiW.js";import{u as Ft}from"./useInfiniteGrid-DZnjtepZ.js";import{E as Lt}from"./ErrorNotice-D5gYmXmi.js";import{d as Ht}from"./dcl-schemas-BICTSpB5.js";import{s as Ut,G as Ot,w as Gt,S as Dt}from"./buy-gasless-Dyp24AZP.js";import{s as qt}from"./buy-D5aQviUN.js";import{i as Vt}from"./trade-encoding-Bjf-A7RZ.js";import{f as Kt}from"./errors-BnsKc9DV.js";import{J as Qt,C as Zt,B as re}from"./ethers-BcJP3Jlu.js";import{l as Jt}from"./loader-logo-BzY9EKdC.js";import{n as Xt}from"./Tooltip-BBt5hMnk.js";import{G as Yt}from"./grid.styles-BuejQ1yn.js";import"./sentry-Cmcd0bRo.js";import"./intl-CBcMB1D2.js";import"./authorizations-D9SdrCKu.js";import"./sendMetaTransaction-B3dSruz9.js";function ne(n){const r=n.source??"item",l=n.tradeId||`${n.contractAddress}-${n.tokenId??n.itemId??""}`;return`${r}:${l}`}const H="100000000000000000000",Oe=2,X=15,en=/^[a-zA-Z0-9]+$/;function ve(n){const r=n.trim();return r.length===0?{ok:!1,reason:"empty"}:en.test(r)?r.length<Oe?{ok:!1,reason:"too-short"}:r.length>X?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function tn(n){return n.replace(/[^a-zA-Z0-9]/g,"").slice(0,X)}const nn=["function available(string _subdomain) view returns (bool)"],Ce={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function sn(){return L.chainId===Number(Ht.ChainId.MATIC_MAINNET)?Ce.mainnet:Ce.sepolia}async function on(n,r={}){var a;const{rpc:l,address:x}=sn(),m=new Qt(l),c=new Zt(x,nn,m);console.info(`[names] availability check → DCLRegistrar(${x}).available("${n}") on ${l}`);const f=await c.available(n);if((a=r.signal)!=null&&a.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${n}" available=${f}`),f?"available":"taken"}const rn="https://app.across.to/api";class Ge extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}function an(n){return ft(H,n)}async function ln(n,r,l={}){var a;const x=l.chainId??L.chainId,m=l.provider??"across",c=`${L.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(r)}&chainId=${x}&provider=${m}`,f=await ot(c,{method:"GET",identity:n,metadata:{}});if(!f.ok){let p;try{p=(a=await f.json())==null?void 0:a.code}catch{}throw p==="ROUTE_COST_TOO_HIGH"?new Ge:new Error(`fetchNameCreditRoute ${f.status}`)}return f.json()}function cn(n,r){const l=re.from(n.availableAmount),m=re.from(H).sub(l);return{credits:[{value:n.amount,expiresAt:Number(n.expiresAt),salt:Vt(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:m.isNegative()?"0":m.toString(),maxCreditedValue:H}}async function dn(n,r={}){const l=rn,x=r.intervalMs??1e4,m=r.maxAttempts??60;let c={status:"pending",destinationTxHash:null,actionsSucceeded:!1};for(let f=0;f<m;f++){try{const a=await fetch(`${l}/deposit/status?originChainId=137&depositTxHash=${n}`);if(a.ok){const p=await a.json(),d=(p.status??"pending").toLowerCase(),w=p.fillTx??p.fillTxnRef??null,u=p.actionsSucceeded!==!1;if(d==="filled")return{status:"filled",destinationTxHash:w,actionsSucceeded:u};if(d==="refunded"||d==="expired")return{status:d,destinationTxHash:null,actionsSucceeded:!1};c={status:"pending",destinationTxHash:w,actionsSucceeded:u}}}catch{}f<m-1&&await new Promise(a=>setTimeout(a,x))}return c}async function pn(n){const{name:r,identity:l,signer:x}=n,m=n.chainId??L.chainId,c=n.provider??"across",f=(n.beneficiary??await x.getAddress()).toLowerCase();let a=null,p=!1;console.info("[names] register start",{name:r,buyer:f,chainId:m,provider:c});try{const d=await xt(m),w=an(d);console.info("[names] step 1/6 sized reservation",{usdCents:w,manaRate:d});const u=await ln(l,r,{chainId:m,provider:c});console.info("[names] step 2/6 route fetched",{target:u.externalCall.target,selector:u.externalCall.selector,provider:u.provider,quoteId:u.quoteId});const C=await nt(l,w);if(a=C.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:C.credit.id,maxCreditedValue:C.maxCreditedValue}),re.from(C.maxCreditedValue).lt(H))throw new Error("Credit under-sized for the name price");const $=cn(C.credit,u);let b;try{b=await Ut({chainId:m,buyer:f,signer:x,args:$})}catch(y){if(!(y instanceof Ot))throw y;b=await qt(m,$,x)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:b}),await Gt(b),p=!0,console.info("[names] step 5/6 origin tx confirmed",{originTxHash:b}),c==="across"){const y=await dn(b,n.acrossPoll);if(console.info("[names] step 6/6 across status",y),y.status==="pending")return{status:"pending",originTxHash:b};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:b,destinationTxHash:y.destinationTxHash}}return{status:"pending",originTxHash:b}}catch(d){if(console.error("[names] register failed — raw error:",d,{name:r,buyer:f,originConfirmed:p}),d instanceof Dt)return{status:"pending",originTxHash:d.txHash};if(a&&!p&&await st(l,[a]).catch(()=>{}),d instanceof Ge)throw d;const w=new Error(Kt(d,"Couldn't register the name. Please try again.",{sale:!0}));throw w.cause=d,w}}const hn=s.div`
   position: fixed;
   inset: 0;
   z-index: 10000;
@@ -7,7 +7,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   justify-content: center;
   padding: 16px;
   background: rgba(22, 21, 24, 0.55);
-`,pn=s.div`
+`,xn=s.div`
   width: 560px;
   max-width: 100%;
   max-height: 92vh;
@@ -17,7 +17,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   padding: 20px 24px 24px;
   box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     padding: 16px;
   }
 `,$e=s.div`
@@ -77,7 +77,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   display: flex;
   align-items: center;
   gap: 16px;
-`,_e=s.div`
+`,Re=s.div`
   flex: none;
   display: grid;
   place-items: center;
@@ -91,7 +91,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
     width: 30px;
     height: 30px;
   }
-`,Re=s.div`
+`,_e=s.div`
   flex: 1;
   min-width: 0;
 `,ze=s.div`
@@ -132,12 +132,12 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   padding: 16px;
   border-radius: 12px;
   background: #f2e7fc;
-`,hn=s.div`
+`,mn=s.div`
   font-family: ${t.font.sans};
   font-weight: 700;
   font-size: 16px;
   color: ${t.colors.text};
-`,xn=s.p`
+`,un=s.p`
   margin: 8px 0 16px;
   font-family: ${t.font.sans};
   font-size: 14px;
@@ -148,7 +148,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
     font-weight: 700;
     color: ${t.colors.brandViolet};
   }
-`,un=s.label`
+`,gn=s.label`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -161,12 +161,12 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   &:focus-within {
     border-color: ${t.colors.magenta};
   }
-`,mn=s.span`
+`,bn=s.span`
   flex: none;
   font-family: ${t.font.sans};
   font-size: 18px;
   color: ${t.colors.muted2};
-`,gn=s.input`
+`,yn=s.input`
   flex: 0 1 auto;
   min-width: 0;
   border: 0;
@@ -178,10 +178,10 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   color: ${t.colors.text};
 
   &::placeholder {
-    color: #a09ba8;
+    color: ${t.colors.muted2};
     font-weight: 400;
   }
-`,bn=s.span`
+`,wn=s.span`
   flex: none;
   font-family: ${t.font.sans};
   font-size: 16px;
@@ -213,27 +213,27 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
     background: #ddc7ec;
     color: #f4ecfa;
   }
-`,yn=s.div`
+`,jn=s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 20px;
   padding: 32px 0 8px;
-`,wn=s.img`
+`,vn=s.img`
   align-self: center;
   width: 56px;
   height: 56px;
-`,jn=s.div`
+`,Cn=s.div`
   font-family: ${t.font.sans};
   font-weight: 700;
   font-size: 18px;
   color: ${t.colors.text};
-`,vn=s.div`
+`,$n=s.div`
   display: flex;
   align-items: center;
   gap: 12px;
   width: 100%;
-`,Cn=s.div`
+`,kn=s.div`
   flex: 1;
   height: 8px;
   border-radius: 999px;
@@ -257,12 +257,12 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
       transform: translateX(320%);
     }
   }
-`,$n=s.span`
+`,Sn=s.span`
   flex: none;
   font-family: ${t.font.sans};
   font-size: 14px;
   color: ${t.colors.muted};
-`,kn=s.div`
+`,En=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -271,7 +271,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   border-radius: 12px;
   background: #e2f5ea;
   text-align: center;
-`,Sn=s.div`
+`,Tn=s.div`
   display: grid;
   place-items: center;
   width: 56px;
@@ -284,7 +284,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
     width: 30px;
     height: 30px;
   }
-`,En=s.p`
+`,In=s.p`
   margin: 0;
   font-family: ${t.font.sans};
   font-size: 16px;
@@ -294,15 +294,15 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   b {
     font-weight: 700;
   }
-`,Tn=s.div`
+`,Rn=s.div`
   display: flex;
   gap: 16px;
   margin-top: 20px;
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     flex-direction: column;
   }
-`,In=s.button`
+`,_n=s.button`
   flex: 1;
   height: 48px;
   border: 1px solid ${t.colors.accent};
@@ -323,7 +323,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
     outline: 2px solid ${t.colors.accent};
     outline-offset: 2px;
   }
-`,_n=s.a`
+`,zn=s.a`
   flex: 1;
   display: inline-flex;
   align-items: center;
@@ -347,7 +347,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
     outline: 2px solid ${t.colors.accent};
     outline-offset: 2px;
   }
-`,Rn=s.div`
+`,An=s.div`
   display: flex;
   align-items: flex-start;
   gap: 12px;
@@ -366,10 +366,10 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
     flex: none;
     color: ${t.colors.dclRed};
   }
-`;function zn({name:n,priceCredits:r,onClose:l}){const{session:h}=ie(),{data:u,isError:c}=rt(h),x=Be(),a=Le(),[d,p]=f.useState("confirm"),[w,m]=f.useState(""),[C,$]=f.useState(null),b=f.useRef(!1),y=w.trim().toLowerCase()===n.toLowerCase(),S=d==="completing",j=r!=null?Fe(r):"—";f.useEffect(()=>{const g=R=>{R.key==="Escape"&&!S&&l()};document.addEventListener("keydown",g);const Y=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",g),document.body.style.overflow=Y}},[S,l]);async function E(){if(!(!h||!y||b.current)){b.current=!0,p("completing"),$(null);try{await cn({name:n,identity:h.identity,signer:h.signer}),J("Shop Completed Purchase",{purchase_type:"name",is_primary:!0,payment_type:"credits",value_credits:r??null}),x.invalidateQueries({queryKey:["usd-balance"]}),x.invalidateQueries({queryKey:["my-assets"]}),p("success")}catch(g){J(lt(g)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:at(g),purchase_type:"name"}),$((g==null?void 0:g.message)||o("names.errorGeneric")),p("error")}finally{b.current=!1}}}const k=d!=="success",I=it(h==null?void 0:h.providerType);return e.jsx(dn,{onClick:S?void 0:l,role:"presentation",children:e.jsxs(pn,{role:"dialog","aria-modal":"true","aria-label":o("names.buyTitle"),onClick:g=>g.stopPropagation(),children:[k&&e.jsxs(e.Fragment,{children:[e.jsxs($e,{children:[e.jsx(ke,{children:d==="error"?o("names.errorTitle"):o("names.buyTitle")}),e.jsx(Se,{onClick:l,disabled:S,"aria-label":o("buyModal.close"),children:e.jsx(T,{name:"close"})})]}),e.jsxs(Ee,{children:[o("names.myCreditsBalance")," ",e.jsx(F,{})," ",ye(u,c)]}),e.jsx(Te,{})]}),(d==="confirm"||d==="error")&&e.jsxs(e.Fragment,{children:[e.jsxs(Ie,{children:[e.jsx(_e,{"aria-hidden":!0,children:"@"}),e.jsxs(Re,{children:[e.jsxs(ze,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ae,{children:o("names.subtitle")})]}),e.jsxs(Ne,{children:[e.jsx(F,{}),j]})]}),d==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(Rn,{children:[e.jsx(T,{name:"info","aria-hidden":!0}),e.jsx("span",{children:C})]}),e.jsx(Me,{onClick:()=>p("confirm"),children:o("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(fn,{children:[e.jsx(hn,{children:o("names.confirmTitle")}),e.jsx(xn,{dangerouslySetInnerHTML:{__html:o("names.confirmBody",{name:`<b>@${An(n)}</b>`})}}),e.jsxs(un,{children:[e.jsx(mn,{"aria-hidden":!0,children:"@"}),e.jsx(gn,{value:w,onChange:g=>m(g.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":o("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(w.length,8)}ch`}}),e.jsx(bn,{children:".dcl.eth"})]})]}),e.jsx(Me,{onClick:()=>void E(),disabled:!y||!h,children:o("names.buyCta")})]})]}),d==="completing"&&e.jsxs(yn,{children:[e.jsx(wn,{src:Qt,alt:"",width:56,height:56}),e.jsx(jn,{children:I?o("names.confirming"):o("names.completing")}),e.jsxs(vn,{children:[e.jsx(Cn,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx($n,{children:"1/1"})]})]}),d==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs($e,{children:[e.jsx(ke,{children:o("names.successHeaderTitle")}),e.jsx(Se,{onClick:l,"aria-label":o("buyModal.close"),children:e.jsx(T,{name:"close"})})]}),e.jsxs(Ee,{children:[o("names.myCreditsBalance")," ",e.jsx(F,{})," ",ye(u,c)]}),e.jsx(Te,{}),e.jsxs(kn,{children:[e.jsx(Sn,{"aria-hidden":!0,children:e.jsx(T,{name:"check"})}),e.jsxs(En,{children:[e.jsx("b",{children:o("names.successBannerBold")})," ",o("names.successBannerRest")]})]}),e.jsxs(Ie,{style:{marginTop:20},children:[e.jsx(_e,{"aria-hidden":!0,children:"@"}),e.jsxs(Re,{children:[e.jsxs(ze,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ae,{children:o("names.subtitle")})]}),e.jsxs(Ne,{children:[e.jsx(F,{}),j]})]}),e.jsxs(Tn,{children:[e.jsx(In,{onClick:()=>{l(),a("/my-assets")},children:o("names.myItems")}),e.jsx(_n,{href:W.profileUrl,target:"_blank",rel:"noopener noreferrer",children:o("names.assignToAvatar")})]})]})]})})}function An(n){return n.replace(/[&<>"']/g,r=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[r])}const Nn="https://cdn.decentraland.org/@dcl/shop/0.1.0-30381444187.commit-e5b9f13/assets/identity-B4DXDuJP.webp",Mn="https://cdn.decentraland.org/@dcl/shop/0.1.0-30381444187.commit-e5b9f13/assets/world-B-9aPlxu.webp",Pn="https://cdn.decentraland.org/@dcl/shop/0.1.0-30381444187.commit-e5b9f13/assets/invite-BfwIhP2C.webp",Ln="https://cdn.decentraland.org/@dcl/shop/0.1.0-30381444187.commit-e5b9f13/assets/governance-DnazlIjy.webp",Bn=s.div`
+`;function Nn({name:n,priceCredits:r,onClose:l}){const{session:x}=ie(),{data:m,isError:c}=rt(x),f=Be(),a=Pe(),[p,d]=h.useState("confirm"),[w,u]=h.useState(""),[C,$]=h.useState(null),b=h.useRef(!1),y=w.trim().toLowerCase()===n.toLowerCase(),S=p==="completing",j=r!=null?Fe(r):"—";h.useEffect(()=>{const g=_=>{_.key==="Escape"&&!S&&l()};document.addEventListener("keydown",g);const Y=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",g),document.body.style.overflow=Y}},[S,l]);async function E(){if(!(!x||!y||b.current)){b.current=!0,d("completing"),$(null);try{await pn({name:n,identity:x.identity,signer:x.signer}),J("Shop Completed Purchase",{purchase_type:"name",is_primary:!0,payment_type:"credits",value_credits:r??null}),f.invalidateQueries({queryKey:["usd-balance"]}),f.invalidateQueries({queryKey:["my-assets"]}),d("success")}catch(g){J(lt(g)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:at(g),purchase_type:"name"}),$((g==null?void 0:g.message)||o("names.errorGeneric")),d("error")}finally{b.current=!1}}}const k=p!=="success",I=it(x==null?void 0:x.providerType);return e.jsx(hn,{onClick:S?void 0:l,role:"presentation",children:e.jsxs(xn,{role:"dialog","aria-modal":"true","aria-label":o("names.buyTitle"),onClick:g=>g.stopPropagation(),children:[k&&e.jsxs(e.Fragment,{children:[e.jsxs($e,{children:[e.jsx(ke,{children:p==="error"?o("names.errorTitle"):o("names.buyTitle")}),e.jsx(Se,{onClick:l,disabled:S,"aria-label":o("buyModal.close"),children:e.jsx(T,{name:"close"})})]}),e.jsxs(Ee,{children:[o("names.myCreditsBalance")," ",e.jsx(F,{})," ",ye(m,c)]}),e.jsx(Te,{})]}),(p==="confirm"||p==="error")&&e.jsxs(e.Fragment,{children:[e.jsxs(Ie,{children:[e.jsx(Re,{"aria-hidden":!0,children:"@"}),e.jsxs(_e,{children:[e.jsxs(ze,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ae,{children:o("names.subtitle")})]}),e.jsxs(Ne,{children:[e.jsx(F,{}),j]})]}),p==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(An,{children:[e.jsx(T,{name:"info","aria-hidden":!0}),e.jsx("span",{children:C})]}),e.jsx(Me,{onClick:()=>d("confirm"),children:o("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(fn,{children:[e.jsx(mn,{children:o("names.confirmTitle")}),e.jsx(un,{dangerouslySetInnerHTML:{__html:o("names.confirmBody",{name:`<b>@${Mn(n)}</b>`})}}),e.jsxs(gn,{children:[e.jsx(bn,{"aria-hidden":!0,children:"@"}),e.jsx(yn,{value:w,onChange:g=>u(g.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":o("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(w.length,8)}ch`}}),e.jsx(wn,{children:".dcl.eth"})]})]}),e.jsx(Me,{onClick:()=>void E(),disabled:!y||!x,children:o("names.buyCta")})]})]}),p==="completing"&&e.jsxs(jn,{children:[e.jsx(vn,{src:Jt,alt:"",width:56,height:56}),e.jsx(Cn,{children:I?o("names.confirming"):o("names.completing")}),e.jsxs($n,{children:[e.jsx(kn,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx(Sn,{children:"1/1"})]})]}),p==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs($e,{children:[e.jsx(ke,{children:o("names.successHeaderTitle")}),e.jsx(Se,{onClick:l,"aria-label":o("buyModal.close"),children:e.jsx(T,{name:"close"})})]}),e.jsxs(Ee,{children:[o("names.myCreditsBalance")," ",e.jsx(F,{})," ",ye(m,c)]}),e.jsx(Te,{}),e.jsxs(En,{children:[e.jsx(Tn,{"aria-hidden":!0,children:e.jsx(T,{name:"check"})}),e.jsxs(In,{children:[e.jsx("b",{children:o("names.successBannerBold")})," ",o("names.successBannerRest")]})]}),e.jsxs(Ie,{style:{marginTop:20},children:[e.jsx(Re,{"aria-hidden":!0,children:"@"}),e.jsxs(_e,{children:[e.jsxs(ze,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ae,{children:o("names.subtitle")})]}),e.jsxs(Ne,{children:[e.jsx(F,{}),j]})]}),e.jsxs(Rn,{children:[e.jsx(_n,{onClick:()=>{l(),a("/my-assets")},children:o("names.myItems")}),e.jsx(zn,{href:L.profileUrl,target:"_blank",rel:"noopener noreferrer",children:o("names.assignToAvatar")})]})]})]})})}function Mn(n){return n.replace(/[&<>"']/g,r=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[r])}const Wn="https://cdn.decentraland.org/@dcl/shop/0.1.0-30412251367.commit-a3b4797/assets/identity-B4DXDuJP.webp",Pn="https://cdn.decentraland.org/@dcl/shop/0.1.0-30412251367.commit-a3b4797/assets/world-B-9aPlxu.webp",Bn="https://cdn.decentraland.org/@dcl/shop/0.1.0-30412251367.commit-a3b4797/assets/invite-BfwIhP2C.webp",Fn="https://cdn.decentraland.org/@dcl/shop/0.1.0-30412251367.commit-a3b4797/assets/governance-DnazlIjy.webp",Ln=s.div`
   width: 100%;
   min-width: 0;
-`,Fn=s.nav`
+`,Hn=s.nav`
   display: flex;
   align-items: center;
   gap: 6px;
@@ -378,7 +378,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   font-size: 12px;
   line-height: 1;
   color: ${t.colors.muted};
-`,Wn=s.button`
+`,Un=s.button`
   border: 0;
   background: none;
   padding: 0;
@@ -393,10 +393,10 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
     outline: 2px solid ${t.colors.accent};
     outline-offset: 2px;
   }
-`,Hn=s.span`
+`,On=s.span`
   font-weight: 700;
   color: ${t.colors.muted};
-`,Un=s.div`
+`,Gn=s.div`
   display: flex;
   flex-direction: column;
   gap: 48px;
@@ -405,11 +405,11 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   border-radius: ${t.radius.banner};
   overflow: hidden;
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     gap: 32px;
     padding-bottom: 32px;
   }
-`,On=s.div`
+`,Dn=s.div`
   position: relative;
   border-radius: ${t.radius.banner};
   overflow: hidden;
@@ -421,16 +421,16 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   text-align: center;
   background: radial-gradient(120% 95% at 50% 118%, #d13bd6 0%, #a026b0 28%, #6a1b9c 58%, #4a1173 100%);
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     padding: 40px 20px;
     gap: 28px;
   }
-`,Dn=s.div`
+`,qn=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
-`,Gn=s.h1`
+`,Vn=s.h1`
   margin: 0;
   font-family: ${t.font.sans};
   font-weight: 600;
@@ -438,10 +438,10 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   line-height: 1.167;
   color: ${t.colors.white};
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     font-size: 26px;
   }
-`,qn=s.p`
+`,Kn=s.p`
   margin: 0;
   max-width: 760px;
   font-family: ${t.font.sans};
@@ -450,33 +450,33 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   line-height: 1.334;
   color: #ecebed;
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,Vn=s.div`
+`,Qn=s.div`
   width: min(785px, 100%);
   display: flex;
   flex-direction: column;
   gap: 12px;
-`,Kn=s.div`
+`,Zn=s.div`
   position: relative;
-`,Zn=s("div",Jt("invalid"))`
+`,Jn=s("div",Xt("invalid"))`
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 8px 8px 8px 16px;
   background: ${t.colors.softWhite};
-  border: 1.5px solid ${({invalid:n})=>n?"#ff2d55":t.colors.line};
+  border: 1.5px solid ${({invalid:n})=>n?t.colors.dclRed:t.colors.line};
   border-radius: 20px;
 
   &:focus-within {
-    border-color: ${({invalid:n})=>n?"#ff2d55":t.colors.magenta};
+    border-color: ${({invalid:n})=>n?t.colors.dclRed:t.colors.magenta};
   }
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     border-radius: 16px;
   }
-`,Qn=s.span`
+`,Xn=s.span`
   position: absolute;
   left: -9999px;
   top: 0;
@@ -488,10 +488,10 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   font-weight: 600;
   line-height: 1.6;
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,Jn=s.div`
+`,Yn=s.div`
   position: absolute;
   top: calc(100% + 8px);
   left: 0;
@@ -510,13 +510,13 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   line-height: 1.2;
   text-align: left;
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     position: static;
     margin-top: 8px;
     align-items: flex-start;
     flex-wrap: wrap;
   }
-`,Xn=s.a`
+`,es=s.a`
   display: inline-flex;
   align-items: center;
   gap: 2px;
@@ -527,10 +527,10 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   text-transform: uppercase;
   white-space: nowrap;
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     margin-left: 0;
   }
-`,Yn=s.label`
+`,ts=s.label`
   flex: 1;
   min-width: 0;
   display: flex;
@@ -538,19 +538,19 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   gap: 0;
   cursor: text;
   overflow: hidden;
-`,es=s.span`
+`,ns=s.span`
   flex: none;
   margin-right: 8px;
   font-family: ${t.font.sans};
   font-size: 26px;
   font-weight: 500;
   line-height: 1;
-  color: #a09ba8;
+  color: ${t.colors.muted2};
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     font-size: 20px;
   }
-`,ts=s.input`
+`,ss=s.input`
   flex: 0 1 auto;
   min-width: 0;
   max-width: 100%;
@@ -565,32 +565,32 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   padding: 0;
 
   &::placeholder {
-    color: #5e5b67;
+    color: ${t.colors.muted1};
     font-weight: 400;
   }
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,ns=s.span`
+`,os=s.span`
   flex: none;
   margin-left: 2px;
   font-family: ${t.font.sans};
   font-size: 20px;
   font-weight: 400;
   line-height: 1.6;
-  color: #5e5b67;
+  color: ${t.colors.muted1};
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,ss=s.span`
+`,rs=s.span`
   flex: none;
   font-family: ${t.font.sans};
   font-size: 13px;
-  color: #a09ba8;
+  color: ${t.colors.muted2};
   white-space: nowrap;
-`,Ge=s.button`
+`,De=s.button`
   flex: none;
   display: inline-flex;
   align-items: center;
@@ -623,19 +623,19 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
     color: #fbe9fb;
   }
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     display: none;
   }
-`,os=s(Ge)`
+`,is=s(De)`
   display: none;
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     display: inline-flex;
     width: 100%;
     height: 48px;
     border-radius: 12px;
   }
-`,rs=s.span`
+`,as=s.span`
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -657,29 +657,29 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   text-align: left;
 
   background: ${({tone:n})=>n==="error"?"rgba(255, 45, 85, 0.12)":n==="ok"?"rgba(30, 166, 114, 0.14)":"rgba(255,255,255,0.14)"};
-  color: ${({tone:n})=>n==="error"?"#ff2d55":n==="ok"?"#0f7a4f":"#ecebed"};
+  color: ${({tone:n})=>n==="error"?t.colors.dclRed:n==="ok"?"#0f7a4f":"#ecebed"};
 
   .ico {
     width: 16px;
     height: 16px;
     flex: none;
   }
-`,is=s.section`
+`,ls=s.section`
   display: flex;
   flex-direction: column;
   gap: 48px;
   padding: 0 48px;
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     gap: 32px;
     padding: 0 20px;
   }
-`,as=s.div`
+`,cs=s.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 24px;
-`,ls=s.h2`
+`,ds=s.h2`
   margin: 0;
   text-align: center;
   font-family: ${t.font.sans};
@@ -688,10 +688,10 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   line-height: 1.167;
   color: ${t.colors.text2};
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     font-size: 22px;
   }
-`,cs=s.p`
+`,ps=s.p`
   margin: 0;
   max-width: 907px;
   text-align: center;
@@ -701,19 +701,19 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   line-height: 1.57;
   color: ${t.colors.text};
 
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,ds=s.div`
+`,hs=s.div`
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 24px;
   align-items: stretch;
 
-  ${t.media.down("lg")} {
+  ${t.media.maxWidth("lg")} {
     grid-template-columns: repeat(2, 1fr);
   }
-  ${t.media.down("mobile")} {
+  ${t.media.maxWidth("mobile")} {
     grid-template-columns: 1fr;
   }
 `,q=s.article`
@@ -735,7 +735,7 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   flex-direction: column;
   gap: 6px;
   padding: 12px 16px;
-`,Z=s.h3`
+`,Q=s.h3`
   margin: 0;
   font-family: ${t.font.sans};
   font-weight: 700;
@@ -743,17 +743,17 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   line-height: 1.57;
   text-transform: uppercase;
   color: ${t.colors.text};
-`,Q=s.p`
+`,Z=s.p`
   margin: 0;
   font-family: ${t.font.sans};
   font-weight: 400;
   font-size: 14px;
   line-height: 1.57;
   color: ${t.colors.text};
-`,ps=s.span`
+`,xs=s.span`
   font-weight: 600;
   color: ${t.colors.accent};
-`,Pe=s.a`
+`,We=s.a`
   display: inline-flex;
   align-items: center;
   gap: 2px;
@@ -784,4 +784,4 @@ import{u as Le,r as f,j as e,b as tt}from"./react-BW1xvPTF.js";import{m as W,h a
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
-`,hs="https://docs.decentraland.org/creator/worlds/about/",xs="https://governance.decentraland.org";function us(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 ms({onBack:n}){We({title:o("seo.names.title"),description:o("seo.names.description")});const{session:r,signIn:l}=ie(),{data:h}=Ue(),u=h?He(H,h):null,[c,x]=f.useState(""),[a,d]=f.useState("idle"),[p,w]=f.useState(!1),m=f.useRef(null),[C,$]=f.useState(void 0);f.useLayoutEffect(()=>{m.current&&$(m.current.offsetWidth)},[c]),f.useEffect(()=>{if(!ve(c).ok){d(c.length===0?"idle":"invalid");return}d("checking");const k=new AbortController,I=setTimeout(()=>{(async()=>{try{const g=await nn(c,{signal:k.signal});d(g)}catch(g){if((g==null?void 0:g.name)==="AbortError")return;d("error")}})()},400);return()=>{clearTimeout(I),k.abort()}},[c]);const b=ve(c),y=b.ok&&(a==="available"||a==="error");function S(){if(y){if(!r){l();return}w(!0)}}const j=e.jsxs(e.Fragment,{children:[o("names.claim"),u!=null?e.jsxs(rs,{children:[e.jsx(F,{}),Fe(u)]}):null]});return e.jsxs(Bn,{"data-testid":"names-page",children:[e.jsxs(Fn,{"aria-label":o("names.breadcrumbAria"),children:[e.jsx(Wn,{onClick:n,children:o("names.breadcrumbCollectibles")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(Hn,{children:o("names.breadcrumbCurrent")})]}),e.jsxs(Un,{children:[e.jsxs(On,{children:[e.jsxs(Dn,{children:[e.jsx(Gn,{children:o("names.heroTitle")}),e.jsx(qn,{children:o("names.heroSubtitle")})]}),e.jsxs(Vn,{children:[e.jsxs(Kn,{children:[e.jsxs(Zn,{invalid:a==="taken",children:[e.jsxs(Yn,{children:[e.jsx(es,{"aria-hidden":!0,children:"@"}),e.jsx(ts,{value:c,onChange:E=>x(Yt(E.target.value)),placeholder:o("names.inputPlaceholder"),"aria-label":o("names.inputAria"),autoComplete:"off",spellCheck:!1,maxLength:X,style:{width:C!=null?`${C}px`:void 0}}),e.jsx(Qn,{ref:m,"aria-hidden":!0,children:c||o("names.inputPlaceholder")}),e.jsx(ns,{children:o("names.suffix")})]}),c.length>0?e.jsxs(ss,{"aria-hidden":!0,children:[c.length,"/",X]}):null,e.jsx(Ge,{onClick:S,disabled:!y,"data-testid":"names-claim",children:j})]}),a==="taken"?e.jsxs(Jn,{role:"status","data-testid":"names-taken",children:[e.jsx(T,{name:"info",size:16,"aria-hidden":!0}),e.jsx("span",{children:o("names.taken")}),e.jsxs(Xn,{href:us(c),target:"_blank",rel:"noopener noreferrer",children:[o("names.takenMakeOffer"),e.jsx(T,{name:"external-link",size:13,"aria-hidden":!0})]})]}):null]}),e.jsx(os,{onClick:S,disabled:!y,children:j}),a==="checking"?e.jsx(se,{tone:"muted",role:"status","data-testid":"names-checking",children:o("names.checking")}):a==="error"?e.jsx(se,{tone:"muted",role:"status",children:o("names.checkError")}):a==="invalid"&&!b.ok&&b.reason==="too-short"?e.jsx(se,{tone:"muted",role:"status",children:o("names.tooShort",{min:Oe})}):null,e.jsx(fs,{role:"status","aria-live":"polite",children:a==="available"?o("names.available",{name:c}):""})]})]}),e.jsxs(is,{children:[e.jsxs(as,{children:[e.jsx(ls,{children:o("names.whyTitle")}),e.jsx(cs,{children:o("names.whyIntro")})]}),e.jsxs(ds,{children:[e.jsxs(q,{children:[e.jsx(V,{src:Nn,alt:""}),e.jsxs(K,{children:[e.jsx(Z,{children:o("names.why1Title")}),e.jsx(Q,{children:o("names.why1")})]})]}),e.jsxs(q,{children:[e.jsx(V,{src:Mn,alt:""}),e.jsxs(K,{children:[e.jsx(Z,{children:o("names.why2Title")}),e.jsxs(Q,{children:[o("names.why2")," ",e.jsx(ps,{children:o("names.why2Address")})]}),e.jsxs(Pe,{href:hs,target:"_blank",rel:"noopener noreferrer",children:[o("names.learnMore"),e.jsx(T,{name:"external-link","aria-hidden":!0})]})]})]}),e.jsxs(q,{children:[e.jsx(V,{src:Pn,alt:""}),e.jsxs(K,{children:[e.jsx(Z,{children:o("names.why3Title")}),e.jsx(Q,{children:o("names.why3")})]})]}),e.jsxs(q,{children:[e.jsx(V,{src:Ln,alt:""}),e.jsxs(K,{children:[e.jsx(Z,{children:o("names.why4Title")}),e.jsx(Q,{children:o("names.why4")}),e.jsxs(Pe,{href:xs,target:"_blank",rel:"noopener noreferrer",children:[o("names.learnMore"),e.jsx(T,{name:"external-link","aria-hidden":!0})]})]})]})]})]})]}),p?e.jsx(zn,{name:c,priceCredits:u,onClose:()=>w(!1)}):null]})}const gs="data:image/svg+xml,%3csvg%20width='101'%20height='101'%20viewBox='0%200%20101%20101'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M42.4493%2040.9855L30.7394%2052.6954'%20stroke='%23FF5A57'%20stroke-width='3.15625'%20stroke-linecap='round'/%3e%3cpath%20d='M30.7391%2040.9855L42.449%2052.6954'%20stroke='%23FF5A57'%20stroke-width='3.15625'%20stroke-linecap='round'/%3e%3cpath%20d='M36.2621%2071.0604C29.6047%2071.0604%2023.9709%2068.7542%2019.3608%2064.1416C14.7507%2059.5291%2012.4445%2053.8953%2012.442%2047.2404C12.4396%2040.5854%2014.7459%2034.9516%2019.3608%2030.3391C23.9758%2025.7266%2029.6096%2023.4203%2036.2621%2023.4203C42.9146%2023.4203%2048.5496%2025.7266%2053.167%2030.3391C57.7844%2034.9516%2060.0895%2040.5854%2060.0822%2047.2404C60.0822%2049.9277%2059.6546%2052.4624%2058.7995%2054.8445C57.9445%2057.2265%2056.784%2059.3336%2055.3181%2061.1659L75.84%2081.6878C76.5119%2082.3597%2076.8478%2083.2148%2076.8478%2084.2531C76.8478%2085.2914%2076.5119%2086.1465%2075.84%2086.8183C75.1682%2087.4902%2074.3131%2087.8261%2073.2748%2087.8261C72.2365%2087.8261%2071.3814%2087.4902%2070.7096%2086.8183L50.1877%2066.2964C48.3554%2067.7623%2046.2482%2068.9227%2043.8662%2069.7778C41.4842%2070.6329%2038.9495%2071.0604%2036.2621%2071.0604ZM36.2621%2063.7312C40.8429%2063.7312%2044.7372%2062.1285%2047.9449%2058.9232C51.1527%2055.7179%2052.7554%2051.8236%2052.7529%2047.2404C52.7505%2042.6571%2051.1478%2038.7641%2047.9449%2035.5612C44.742%2032.3583%2040.8478%2030.7544%2036.2621%2030.7495C31.6764%2030.7447%2027.7834%2032.3485%2024.5829%2035.5612C21.3825%2038.7739%2019.7786%2042.6669%2019.7713%2047.2404C19.764%2051.8138%2021.3678%2055.7081%2024.5829%2058.9232C27.798%2062.1383%2031.6911%2063.7409%2036.2621%2063.7312Z'%20fill='url(%23paint0_linear_search_empty)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_search_empty'%20x1='10.4127'%20y1='55.6273'%20x2='124.009'%20y2='44.925'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF2D55'/%3e%3cstop%20offset='1'%20stop-color='%23FFBC5B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",oe=48;function bs(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 Os(){const[n]=tt(),r=Le(),l=(n.get("q")??"").trim().toLowerCase(),h=Be(),{session:u,signIn:c}=ie(),x=(n.get("q")??"").trim();We({title:x?o("seo.collectibles.searchTitle",{query:x}):o("seo.collectibles.title"),description:o("seo.collectibles.description")});const[a,d]=f.useState("wearable"),[p,w]=f.useState(null),[m,C]=f.useState([]),[$,b]=f.useState(""),[y,S]=f.useState(""),[j,E]=f.useState("on_sale"),[k,I]=f.useState(!1),[g,Y]=f.useState("newest"),[R,A]=f.useState(!1),[ae,ee]=f.useState(null);f.useEffect(()=>{if(!R)return;const i=B=>{B.key==="Escape"&&A(!1)};document.addEventListener("keydown",i);const v=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",i),document.body.style.overflow=v}},[R]);const U=j==="on_sale",N=$&&!Number.isNaN(Number($))?Number($):void 0,M=y&&!Number.isNaN(Number(y))?Number(y):void 0,qe=ft(),le=p?Mt[p]:void 0,ce=(we.find(i=>i.key===g)??we[0]).server,de={category:a,rarities:m.length?m:void 0,wearableCategories:le,minPriceCredits:N,maxPriceCredits:M,search:l||void 0,sortBy:ce,isSmart:k||void 0,onSale:!0,listingType:qe?void 0:"primary"},pe={category:a,rarities:m.length?m:void 0,wearableCategories:le,search:l||void 0,sortBy:ce,isWearableSmart:k||void 0,isOnSale:j==="not_for_sale"?!1:void 0},{items:P,total:fe,isLoading:_,isPlaceholderData:z,error:he,hasNextPage:Ve,isFetchingNextPage:xe,fetchNextPage:Ke}=Bt(U?["shop-items",de]:["catalog-items",pe],i=>U?dt({...de,first:oe,skip:i}):pt({...pe,first:oe,skip:i}),{enabled:a!=="names"}),O=fe,ue=_||z,Ze=_?15:Math.min(Math.max(P.length,1),oe),{data:D,isError:Qe}=Ue(),Je=i=>D&&i.manaWei?He(i.manaWei,D):null,me=f.useRef(null);f.useEffect(()=>{_||z||!l||me.current===l||(me.current=l,J("Shop Searched",{query:l,result_count:O}))},[l,_,z,O]);const G=f.useRef("__init__");f.useEffect(()=>{if(_||z)return;const i=JSON.stringify({category:a,subCategory:p,rarities:m,min:N,max:M,sort:g,status:j,smart:k});if(G.current==="__init__"||G.current===i){G.current=i;return}G.current=i,J("Shop Applied Filter",{filters:{category:a,sub_category:p,rarities:m,min_price_credits:N??null,max_price_credits:M??null,status:j,smart:k,sort:g},result_count:O})},[a,p,m,N,M,g,j,k,_,z,O]);function ge(i){d(i),w(null)}function be(i){C(v=>v.includes(i)?v.filter(B=>B!==i):[...v,i])}function Xe(){d("wearable"),w(null),C([]),b(""),S(""),E("on_sale"),I(!1)}function Ye(i){const v=P.find(B=>B.id===i.id);if(!(!v||v.source!=="legacy"||!v.manaWei)){if(!u){c();return}ee(bs(v))}}function et(){h.invalidateQueries({queryKey:["shop-items"]})}const L=[];(N!=null||M!=null)&&L.push({key:"price",label:o("filter.price"),onRemove:()=>{b(""),S("")}});for(const i of At)m.includes(i)&&L.push({key:`rarity-${i}`,label:ct(i),onRemove:()=>be(i)});return k&&L.push({key:"smart",label:o("filter.smart"),onRemove:()=>I(!1)}),j!=="on_sale"&&L.push({key:"status",label:j==="all"?o("filter.statusAll"):o("filter.notForSale"),onRemove:()=>E("on_sale")}),e.jsxs(ut,{"data-testid":"browse",children:[a!=="names"&&e.jsxs(e.Fragment,{children:[R?e.jsx(mt,{onClick:()=>A(!1),"aria-hidden":!0}):null,e.jsxs(gt,{className:R?"is-open":"","data-testid":"browse-sidebar",children:[e.jsxs(bt,{children:[e.jsx(yt,{children:o("assets.filters")}),e.jsx(wt,{onClick:()=>A(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),e.jsx(jt,{children:e.jsx(vt,{category:a,subCategory:p,onCategory:ge,onSub:w,priceMin:$,priceMax:y,onPriceMin:b,onPriceMax:S,rarities:m,onToggleRarity:be,status:j,onStatus:E,smart:k,onSmart:I})}),e.jsx(Ct,{children:e.jsx($t,{type:"button",onClick:()=>A(!1),children:o("assets.showItems")})})]})]}),e.jsx(kt,{children:a==="names"?e.jsx(ms,{onBack:()=>ge("wearable")}):e.jsxs(e.Fragment,{children:[e.jsx(Nt,{sort:g,onSort:Y,total:fe,loading:_||z,query:l,onOpenFilters:()=>A(!0),chips:L,onClearChips:Xe}),Qe&&U&&P.some(i=>i.source==="legacy")?e.jsx("p",{className:"market-banner market-banner--warn",children:o("assets.marketUnavailable")}):null,he?e.jsx(Ft,{message:o("assets.loadError"),testId:"browse-error"}):null,!ue&&P.length===0&&!he?e.jsxs(St,{"data-testid":"browse-empty",children:[e.jsx(Et,{src:gs,alt:""}),e.jsxs(Tt,{children:[e.jsx(It,{children:o("assets.empty.title")}),e.jsx(_t,{children:x?e.jsxs(e.Fragment,{children:[o("assets.empty.searchBefore"),e.jsx("b",{children:x}),o("assets.empty.searchAfter")]}):o("assets.empty.filters")})]}),e.jsx(Rt,{children:e.jsx(zt,{type:"button",onClick:()=>r("/overview"),children:o("assets.empty.cta")})})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid","data-testid":"grid",children:ue?e.jsx(je,{count:Ze}):e.jsxs(e.Fragment,{children:[P.map(i=>{if(!U)return e.jsx(te,{item:i,mode:"view"},ne(i));const v=i;return v.source==="legacy"?e.jsx(te,{item:v,mode:"market",marketPriceCredits:Je(v),onBuyNow:Ye},ne(i)):e.jsx(te,{item:i},ne(i))}),xe?e.jsx(je,{count:6}):null]})}),e.jsx(Pt,{hasNextPage:Ve,isFetching:xe,onLoadMore:()=>void Ke()})]})]})}),ae&&D?e.jsx(Lt,{listing:ae,rate:D,onClose:()=>ee(null),onSold:()=>{ee(null),et()}}):null]})}export{Os as Assets};
+`,ms="https://docs.decentraland.org/creator/worlds/about/",us="https://governance.decentraland.org";function gs(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 bs({onBack:n}){Le({title:o("seo.names.title"),description:o("seo.names.description")});const{session:r,signIn:l}=ie(),{data:x}=Ue(),m=x?He(H,x):null,[c,f]=h.useState(""),[a,p]=h.useState("idle"),[d,w]=h.useState(!1),u=h.useRef(null),[C,$]=h.useState(void 0);h.useLayoutEffect(()=>{u.current&&$(u.current.offsetWidth)},[c]),h.useEffect(()=>{if(!ve(c).ok){p(c.length===0?"idle":"invalid");return}p("checking");const k=new AbortController,I=setTimeout(()=>{(async()=>{try{const g=await on(c,{signal:k.signal});p(g)}catch(g){if((g==null?void 0:g.name)==="AbortError")return;p("error")}})()},400);return()=>{clearTimeout(I),k.abort()}},[c]);const b=ve(c),y=b.ok&&(a==="available"||a==="error");function S(){if(y){if(!r){l();return}w(!0)}}const j=e.jsxs(e.Fragment,{children:[o("names.claim"),m!=null?e.jsxs(as,{children:[e.jsx(F,{}),Fe(m)]}):null]});return e.jsxs(Ln,{"data-testid":"names-page",children:[e.jsxs(Hn,{"aria-label":o("names.breadcrumbAria"),children:[e.jsx(Un,{onClick:n,children:o("names.breadcrumbCollectibles")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(On,{children:o("names.breadcrumbCurrent")})]}),e.jsxs(Gn,{children:[e.jsxs(Dn,{children:[e.jsxs(qn,{children:[e.jsx(Vn,{children:o("names.heroTitle")}),e.jsx(Kn,{children:o("names.heroSubtitle")})]}),e.jsxs(Qn,{children:[e.jsxs(Zn,{children:[e.jsxs(Jn,{invalid:a==="taken",children:[e.jsxs(ts,{children:[e.jsx(ns,{"aria-hidden":!0,children:"@"}),e.jsx(ss,{value:c,onChange:E=>f(tn(E.target.value)),placeholder:o("names.inputPlaceholder"),"aria-label":o("names.inputAria"),autoComplete:"off",spellCheck:!1,maxLength:X,style:{width:C!=null?`${C}px`:void 0}}),e.jsx(Xn,{ref:u,"aria-hidden":!0,children:c||o("names.inputPlaceholder")}),e.jsx(os,{children:o("names.suffix")})]}),c.length>0?e.jsxs(rs,{"aria-hidden":!0,children:[c.length,"/",X]}):null,e.jsx(De,{onClick:S,disabled:!y,"data-testid":"names-claim",children:j})]}),a==="taken"?e.jsxs(Yn,{role:"status","data-testid":"names-taken",children:[e.jsx(T,{name:"info",size:16,"aria-hidden":!0}),e.jsx("span",{children:o("names.taken")}),e.jsxs(es,{href:gs(c),target:"_blank",rel:"noopener noreferrer",children:[o("names.takenMakeOffer"),e.jsx(T,{name:"external-link",size:13,"aria-hidden":!0})]})]}):null]}),e.jsx(is,{onClick:S,disabled:!y,children:j}),a==="checking"?e.jsx(se,{tone:"muted",role:"status","data-testid":"names-checking",children:o("names.checking")}):a==="error"?e.jsx(se,{tone:"muted",role:"status",children:o("names.checkError")}):a==="invalid"&&!b.ok&&b.reason==="too-short"?e.jsx(se,{tone:"muted",role:"status",children:o("names.tooShort",{min:Oe})}):null,e.jsx(fs,{role:"status","aria-live":"polite",children:a==="available"?o("names.available",{name:c}):""})]})]}),e.jsxs(ls,{children:[e.jsxs(cs,{children:[e.jsx(ds,{children:o("names.whyTitle")}),e.jsx(ps,{children:o("names.whyIntro")})]}),e.jsxs(hs,{children:[e.jsxs(q,{children:[e.jsx(V,{src:Wn,alt:""}),e.jsxs(K,{children:[e.jsx(Q,{children:o("names.why1Title")}),e.jsx(Z,{children:o("names.why1")})]})]}),e.jsxs(q,{children:[e.jsx(V,{src:Pn,alt:""}),e.jsxs(K,{children:[e.jsx(Q,{children:o("names.why2Title")}),e.jsxs(Z,{children:[o("names.why2")," ",e.jsx(xs,{children:o("names.why2Address")})]}),e.jsxs(We,{href:ms,target:"_blank",rel:"noopener noreferrer",children:[o("names.learnMore"),e.jsx(T,{name:"external-link","aria-hidden":!0})]})]})]}),e.jsxs(q,{children:[e.jsx(V,{src:Bn,alt:""}),e.jsxs(K,{children:[e.jsx(Q,{children:o("names.why3Title")}),e.jsx(Z,{children:o("names.why3")})]})]}),e.jsxs(q,{children:[e.jsx(V,{src:Fn,alt:""}),e.jsxs(K,{children:[e.jsx(Q,{children:o("names.why4Title")}),e.jsx(Z,{children:o("names.why4")}),e.jsxs(We,{href:us,target:"_blank",rel:"noopener noreferrer",children:[o("names.learnMore"),e.jsx(T,{name:"external-link","aria-hidden":!0})]})]})]})]})]})]}),d?e.jsx(Nn,{name:c,priceCredits:m,onClose:()=>w(!1)}):null]})}const ys="data:image/svg+xml,%3csvg%20width='101'%20height='101'%20viewBox='0%200%20101%20101'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M42.4493%2040.9855L30.7394%2052.6954'%20stroke='%23FF5A57'%20stroke-width='3.15625'%20stroke-linecap='round'/%3e%3cpath%20d='M30.7391%2040.9855L42.449%2052.6954'%20stroke='%23FF5A57'%20stroke-width='3.15625'%20stroke-linecap='round'/%3e%3cpath%20d='M36.2621%2071.0604C29.6047%2071.0604%2023.9709%2068.7542%2019.3608%2064.1416C14.7507%2059.5291%2012.4445%2053.8953%2012.442%2047.2404C12.4396%2040.5854%2014.7459%2034.9516%2019.3608%2030.3391C23.9758%2025.7266%2029.6096%2023.4203%2036.2621%2023.4203C42.9146%2023.4203%2048.5496%2025.7266%2053.167%2030.3391C57.7844%2034.9516%2060.0895%2040.5854%2060.0822%2047.2404C60.0822%2049.9277%2059.6546%2052.4624%2058.7995%2054.8445C57.9445%2057.2265%2056.784%2059.3336%2055.3181%2061.1659L75.84%2081.6878C76.5119%2082.3597%2076.8478%2083.2148%2076.8478%2084.2531C76.8478%2085.2914%2076.5119%2086.1465%2075.84%2086.8183C75.1682%2087.4902%2074.3131%2087.8261%2073.2748%2087.8261C72.2365%2087.8261%2071.3814%2087.4902%2070.7096%2086.8183L50.1877%2066.2964C48.3554%2067.7623%2046.2482%2068.9227%2043.8662%2069.7778C41.4842%2070.6329%2038.9495%2071.0604%2036.2621%2071.0604ZM36.2621%2063.7312C40.8429%2063.7312%2044.7372%2062.1285%2047.9449%2058.9232C51.1527%2055.7179%2052.7554%2051.8236%2052.7529%2047.2404C52.7505%2042.6571%2051.1478%2038.7641%2047.9449%2035.5612C44.742%2032.3583%2040.8478%2030.7544%2036.2621%2030.7495C31.6764%2030.7447%2027.7834%2032.3485%2024.5829%2035.5612C21.3825%2038.7739%2019.7786%2042.6669%2019.7713%2047.2404C19.764%2051.8138%2021.3678%2055.7081%2024.5829%2058.9232C27.798%2062.1383%2031.6911%2063.7409%2036.2621%2063.7312Z'%20fill='url(%23paint0_linear_search_empty)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_search_empty'%20x1='10.4127'%20y1='55.6273'%20x2='124.009'%20y2='44.925'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF2D55'/%3e%3cstop%20offset='1'%20stop-color='%23FFBC5B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",oe=48;function ws(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 Ds(){const[n]=tt(),r=Pe(),l=(n.get("q")??"").trim().toLowerCase(),x=Be(),{session:m,signIn:c}=ie(),f=(n.get("q")??"").trim();Le({title:f?o("seo.collectibles.searchTitle",{query:f}):o("seo.collectibles.title"),description:o("seo.collectibles.description")});const[a,p]=h.useState("wearable"),[d,w]=h.useState(null),[u,C]=h.useState([]),[$,b]=h.useState(""),[y,S]=h.useState(""),[j,E]=h.useState("on_sale"),[k,I]=h.useState(!1),[g,Y]=h.useState("newest"),[_,A]=h.useState(!1),[ae,ee]=h.useState(null);h.useEffect(()=>{if(!_)return;const i=B=>{B.key==="Escape"&&A(!1)};document.addEventListener("keydown",i);const v=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",i),document.body.style.overflow=v}},[_]);const U=j==="on_sale",N=$&&!Number.isNaN(Number($))?Number($):void 0,M=y&&!Number.isNaN(Number(y))?Number(y):void 0,qe=ht(),le=d?Wt[d]:void 0,ce=(je.find(i=>i.key===g)??je[0]).server,de={category:a,rarities:u.length?u:void 0,wearableCategories:le,minPriceCredits:N,maxPriceCredits:M,search:l||void 0,sortBy:ce,isSmart:k||void 0,onSale:!0,listingType:qe?void 0:"primary"},pe={category:a,rarities:u.length?u:void 0,wearableCategories:le,search:l||void 0,sortBy:ce,isWearableSmart:k||void 0,isOnSale:j==="not_for_sale"?!1:void 0},{items:W,total:he,isLoading:R,isPlaceholderData:z,error:xe,hasNextPage:Ve,isFetchingNextPage:fe,fetchNextPage:Ke}=Ft(U?["shop-items",de]:["catalog-items",pe],i=>U?dt({...de,first:oe,skip:i}):pt({...pe,first:oe,skip:i}),{enabled:a!=="names"}),O=he,me=R||z,Qe=R?15:Math.min(Math.max(W.length,1),oe),{data:G,isError:Ze}=Ue(),Je=i=>G&&i.manaWei?He(i.manaWei,G):null,ue=h.useRef(null);h.useEffect(()=>{R||z||!l||ue.current===l||(ue.current=l,J("Shop Searched",{query:l,result_count:O}))},[l,R,z,O]);const D=h.useRef("__init__");h.useEffect(()=>{if(R||z)return;const i=JSON.stringify({category:a,subCategory:d,rarities:u,min:N,max:M,sort:g,status:j,smart:k});if(D.current==="__init__"||D.current===i){D.current=i;return}D.current=i,J("Shop Applied Filter",{filters:{category:a,sub_category:d,rarities:u,min_price_credits:N??null,max_price_credits:M??null,status:j,smart:k,sort:g},result_count:O})},[a,d,u,N,M,g,j,k,R,z,O]);function ge(i){p(i),w(null)}function be(i){C(v=>v.includes(i)?v.filter(B=>B!==i):[...v,i])}function Xe(){p("wearable"),w(null),C([]),b(""),S(""),E("on_sale"),I(!1)}function Ye(i){const v=W.find(B=>B.id===i.id);if(!(!v||v.source!=="legacy"||!v.manaWei)){if(!m){c();return}ee(ws(v))}}function et(){x.invalidateQueries({queryKey:["shop-items"]})}const P=[];(N!=null||M!=null)&&P.push({key:"price",label:o("filter.price"),onRemove:()=>{b(""),S("")}});for(const i of Nt)u.includes(i)&&P.push({key:`rarity-${i}`,label:ct(i),onRemove:()=>be(i)});return k&&P.push({key:"smart",label:o("filter.smart"),onRemove:()=>I(!1)}),j!=="on_sale"&&P.push({key:"status",label:j==="all"?o("filter.statusAll"):o("filter.notForSale"),onRemove:()=>E("on_sale")}),e.jsxs(mt,{"data-testid":"browse",children:[a!=="names"&&e.jsxs(e.Fragment,{children:[_?e.jsx(ut,{onClick:()=>A(!1),"aria-hidden":!0}):null,e.jsxs(gt,{"data-open":_||void 0,"data-testid":"browse-sidebar",children:[e.jsxs(bt,{children:[e.jsx(yt,{children:o("assets.filters")}),e.jsx(wt,{onClick:()=>A(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),e.jsx(jt,{children:e.jsx(vt,{category:a,subCategory:d,onCategory:ge,onSub:w,priceMin:$,priceMax:y,onPriceMin:b,onPriceMax:S,rarities:u,onToggleRarity:be,status:j,onStatus:E,smart:k,onSmart:I})}),e.jsx(Ct,{children:e.jsx($t,{type:"button",onClick:()=>A(!1),children:o("assets.showItems")})})]})]}),e.jsx(kt,{children:a==="names"?e.jsx(bs,{onBack:()=>ge("wearable")}):e.jsxs(e.Fragment,{children:[e.jsx(Mt,{sort:g,onSort:Y,total:he,loading:R||z,query:l,onOpenFilters:()=>A(!0),chips:P,onClearChips:Xe}),Ze&&U&&W.some(i=>i.source==="legacy")?e.jsx(St,{"data-variant":"warn",children:o("assets.marketUnavailable")}):null,xe?e.jsx(Lt,{message:o("assets.loadError"),testId:"browse-error"}):null,!me&&W.length===0&&!xe?e.jsxs(Et,{"data-testid":"browse-empty",children:[e.jsx(Tt,{src:ys,alt:""}),e.jsxs(It,{children:[e.jsx(Rt,{children:o("assets.empty.title")}),e.jsx(_t,{children:f?e.jsxs(e.Fragment,{children:[o("assets.empty.searchBefore"),e.jsx("b",{children:f}),o("assets.empty.searchAfter")]}):o("assets.empty.filters")})]}),e.jsx(zt,{children:e.jsx(At,{type:"button",onClick:()=>r("/overview"),children:o("assets.empty.cta")})})]}):e.jsxs(e.Fragment,{children:[e.jsx(Yt,{"data-testid":"grid",children:me?e.jsx(we,{count:Qe}):e.jsxs(e.Fragment,{children:[W.map(i=>{if(!U)return e.jsx(te,{item:i,mode:"view"},ne(i));const v=i;return v.source==="legacy"?e.jsx(te,{item:v,mode:"market",marketPriceCredits:Je(v),onBuyNow:Ye},ne(i)):e.jsx(te,{item:i},ne(i))}),fe?e.jsx(we,{count:6}):null]})}),e.jsx(Pt,{hasNextPage:Ve,isFetching:fe,onLoadMore:()=>void Ke()})]})]})}),ae&&G?e.jsx(Bt,{listing:ae,rate:G,onClose:()=>ee(null),onSold:()=>{ee(null),et()}}):null]})}export{Ds as Assets};