@dcl/shop 0.8.0 → 0.8.1-31010487922.commit-7e8c168

package/_assets/Assets-CH4B54Xy.js

@@ -1,801 +0,0 @@
-import{d as Le,r as u,j as e,e as nt}from"./react-DehiWSvs.js";import{c as U,r as st,bh as rt,bi as ot,av as it,a as at,s,t,k as Ue,b7 as lt,x as ct,aA as be,b as n,v as dt,I as R,w as M,bU as se,b6 as pt,R as ee,bm as ht,bl as xt,q as He,ai as Oe,m as Ge,l as ft,af as mt,ak as Ie,al as V,aC as ut,bF as gt}from"./index-DbCMsBDL.js";import{g as bt,h as yt,i as wt,j as jt,k as vt,C as $t,l as Ct,o as kt,m as St,n as Et,M as Rt,u as _t,E as Tt,v as zt,p as It,q as At,r as Nt,s as Pt,t as Mt}from"./Assets.styles-DuSEfvzx.js";import{S as Ae,R as Wt,F as Bt,d as Ft}from"./categories-BbYXk3ti.js";import{L as Lt}from"./LoadMore-DcIHY8Kf.js";import{u as Ut}from"./useInfiniteGrid-D9jUBgv1.js";import{E as Ht}from"./ErrorNotice-BXWX_0E4.js";import{d as Ot}from"./dcl-schemas-CmtP3U6y.js";import{s as Gt,G as Dt,w as qt,S as Vt}from"./buy-gasless-DIfZSqYX.js";import{s as Zt,k as Kt}from"./buy-DIVuBMot.js";import{f as Jt}from"./errors-BAqCaL6O.js";import{J as Qt,C as Xt,B as ye}from"./ethers-DejfrZ8i.js";import{n as Yt}from"./Tooltip-Dh6dtNV3.js";import{G as en}from"./grid.styles-DoBUqqdT.js";import"./sentry-973sfbO9.js";import"./intl-CBcMB1D2.js";import"./authorizations-w-yCHVpU.js";import"./sendMetaTransaction-B6HBQ8NH.js";function Z(r){const i=r.source??"item",h=r.tradeId||`${r.contractAddress}-${r.tokenId??r.itemId??""}`;return`${i}:${h}`}const H="100000000000000000000",De=2,te=15,tn=/^[a-zA-Z0-9]+$/;function Ne(r){const i=r.trim();return i.length===0?{ok:!1,reason:"empty"}:tn.test(i)?i.length<De?{ok:!1,reason:"too-short"}:i.length>te?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function nn(r){return r.replace(/[^a-zA-Z0-9]/g,"").slice(0,te)}const sn=["function available(string _subdomain) view returns (bool)"],Pe={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function rn(){return U.chainId===Number(Ot.ChainId.MATIC_MAINNET)?Pe.mainnet:Pe.sepolia}async function on(r,i={}){var l;const{rpc:h,address:c}=rn(),d=new Qt(h),a=new Xt(c,sn,d);console.info(`[names] availability check → DCLRegistrar(${c}).available("${r}") on ${h}`);const f=await a.available(r);if((l=i.signal)!=null&&l.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${r}" available=${f}`),f?"available":"taken"}const an="https://app.across.to/api";class we extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}function ln(r){return it(H,r)}async function cn(r,i,h={}){var l;const c=h.chainId??U.chainId,d=h.provider??"across",a=`${U.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(i)}&chainId=${c}&provider=${d}`,f=await at(a,{method:"GET",identity:r,metadata:{}});if(!f.ok){let p;try{p=(l=await f.json())==null?void 0:l.code}catch{}throw p==="ROUTE_COST_TOO_HIGH"?new we:new Error(`fetchNameCreditRoute ${f.status}`)}return f.json()}function dn(r,i){const h=ye.from(r.availableAmount),d=ye.from(H).sub(h);return{credits:[{value:r.amount,expiresAt:Number(r.expiresAt),salt:Kt(r.id)}],creditsSignatures:[r.signature],externalCall:{target:i.externalCall.target,selector:i.externalCall.selector,data:i.externalCall.data,expiresAt:i.externalCall.expiresAt,salt:i.externalCall.salt},customExternalCallSignature:i.customExternalCallSignature,maxUncreditedValue:d.isNegative()?"0":d.toString(),maxCreditedValue:H}}async function pn(r,i={}){const h=an,c=i.intervalMs??1e4,d=i.maxAttempts??60;let a={status:"pending",destinationTxHash:null,actionsSucceeded:!1};for(let f=0;f<d;f++){try{const l=await fetch(`${h}/deposit/status?originChainId=137&depositTxHash=${r}`);if(l.ok){const p=await l.json(),x=(p.status??"pending").toLowerCase(),y=p.fillTx??p.fillTxnRef??null,m=p.actionsSucceeded!==!1;if(x==="filled")return{status:"filled",destinationTxHash:y,actionsSucceeded:m};if(x==="refunded"||x==="expired")return{status:x,destinationTxHash:null,actionsSucceeded:!1};a={status:"pending",destinationTxHash:y,actionsSucceeded:m}}}catch{}f<d-1&&await new Promise(l=>setTimeout(l,c))}return a}async function hn(r){const{name:i,identity:h,signer:c}=r,d=r.chainId??U.chainId,a=r.provider??"across",f=(r.beneficiary??await c.getAddress()).toLowerCase();let l=null,p=!1;console.info("[names] register start",{name:i,buyer:f,chainId:d,provider:a});try{const x=await st(d),y=ln(x);console.info("[names] step 1/6 sized reservation",{usdCents:y,manaRate:x});const m=await cn(h,i,{chainId:d,provider:a});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 rt(h,y);if(l=C.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:C.credit.id,maxCreditedValue:C.maxCreditedValue}),ye.from(C.maxCreditedValue).lt(H))throw new Error("Credit under-sized for the name price");const k=dn(C.credit,m);let g;try{g=await Gt({chainId:d,buyer:f,signer:c,args:k})}catch(b){if(!(b instanceof Dt))throw b;g=await Zt(d,k,c)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:g}),await qt(g),p=!0,console.info("[names] step 5/6 origin tx confirmed",{originTxHash:g}),a==="across"){const b=await pn(g,r.acrossPoll);if(console.info("[names] step 6/6 across status",b),b.status==="pending")return{status:"pending",originTxHash:g};if(b.status!=="filled"||!b.actionsSucceeded)throw new Error("The name could not be registered on Ethereum; your funds were recovered.");return{status:"registered",originTxHash:g,destinationTxHash:b.destinationTxHash}}return{status:"pending",originTxHash:g}}catch(x){if(console.error("[names] register failed — raw error:",x,{name:i,buyer:f,originConfirmed:p}),x instanceof Vt)return{status:"pending",originTxHash:x.txHash};if(l&&!p&&await ot(h,[l]).catch(()=>{}),x instanceof we)throw x;const y=new Error(Jt(x,"Couldn't register the name. Please try again.",{sale:!0}));throw y.cause=x,y}}const xn=s.div`
-  position: fixed;
-  inset: 0;
-  z-index: 10000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,fn=s.div`
-  width: 560px;
-  max-width: 100%;
-  max-height: 92vh;
-  overflow-y: auto;
-  background: ${t.colors.white};
-  border-radius: 16px;
-  padding: 20px 24px 24px;
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-
-  ${t.media.maxWidth("mobile")} {
-    padding: 16px;
-  }
-`,re=s.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-`,oe=s.h2`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 22px;
-  line-height: 1.2;
-  color: ${t.colors.text};
-`,ie=s.button`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 28px;
-  height: 28px;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: ${t.colors.text};
-
-  .ico {
-    width: 18px;
-    height: 18px;
-  }
-  &:disabled {
-    opacity: 0.4;
-    cursor: default;
-  }
-  &:focus-visible {
-    outline: 2px solid ${t.colors.accent};
-    outline-offset: 2px;
-  }
-`,ae=s.div`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-top: 4px;
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  color: ${t.colors.text2};
-
-  .ico {
-    width: 16px;
-    height: 16px;
-    color: ${t.colors.brandViolet};
-  }
-`,le=s.hr`
-  border: 0;
-  border-top: 1px solid ${t.colors.line};
-  margin: 16px 0;
-`,ce=s.div`
-  display: flex;
-  align-items: center;
-  gap: 16px;
-`,de=s.div`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 56px;
-  height: 56px;
-  border-radius: 10px;
-  background: ${t.gradients.amethyst};
-  color: ${t.colors.white};
-
-  .ico {
-    width: 30px;
-    height: 30px;
-  }
-`,pe=s.div`
-  flex: 1;
-  min-width: 0;
-`,he=s.div`
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 1.3;
-  color: ${t.colors.text};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  span {
-    font-weight: 400;
-    color: ${t.colors.muted2};
-  }
-`,xe=s.div`
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  color: ${t.colors.muted2};
-`,fe=s.div`
-  flex: none;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-family: ${t.font.sans};
-  font-weight: 600;
-  font-size: 24px;
-  color: ${t.colors.text};
-
-  .ico {
-    width: 22px;
-    height: 22px;
-    color: ${t.colors.brandViolet};
-  }
-`,mn=s.div`
-  margin-top: 16px;
-  padding: 16px;
-  border-radius: 12px;
-  background: #f2e7fc;
-`,un=s.div`
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 16px;
-  color: ${t.colors.text};
-`,gn=s.p`
-  margin: 8px 0 16px;
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  line-height: 1.5;
-  color: ${t.colors.text2};
-
-  b {
-    font-weight: 700;
-    color: ${t.colors.brandViolet};
-  }
-`,bn=s.label`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 14px;
-  background: ${t.colors.white};
-  border: 1px solid ${t.colors.text};
-  border-radius: 10px;
-  cursor: text;
-
-  &:focus-within {
-    border-color: ${t.colors.magenta};
-  }
-`,yn=s.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 18px;
-  color: ${t.colors.muted2};
-`,wn=s.input`
-  flex: 0 1 auto;
-  min-width: 0;
-  border: 0;
-  outline: none;
-  background: transparent;
-  font-family: ${t.font.sans};
-  font-size: 16px;
-  font-weight: 600;
-  color: ${t.colors.text};
-
-  &::placeholder {
-    color: ${t.colors.muted2};
-    font-weight: 400;
-  }
-`,jn=s.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 16px;
-  color: ${t.colors.muted2};
-`,Me=s.button`
-  margin-top: 16px;
-  width: 100%;
-  height: 52px;
-  border: 0;
-  border-radius: 12px;
-  cursor: pointer;
-  background: ${t.gradients.amethyst};
-  color: ${t.colors.softWhite};
-  font-family: ${t.font.sans};
-  font-weight: 600;
-  font-size: 15px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover:not(:disabled) {
-    filter: brightness(1.06);
-  }
-  &:focus-visible {
-    outline: 2px solid ${t.colors.accent};
-    outline-offset: 2px;
-  }
-  &:disabled {
-    cursor: not-allowed;
-    background: #ddc7ec;
-    color: #f4ecfa;
-  }
-`,vn=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 20px;
-  padding: 32px 0 8px;
-`,$n=s.img`
-  align-self: center;
-  width: 56px;
-  height: 56px;
-`,Cn=s.div`
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 18px;
-  color: ${t.colors.text};
-`,kn=s.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-`,Sn=s.div`
-  flex: 1;
-  height: 8px;
-  border-radius: 999px;
-  background: ${t.colors.chip};
-  overflow: hidden;
-
-  span {
-    display: block;
-    height: 100%;
-    width: 40%;
-    border-radius: 999px;
-    background: ${t.gradients.amethyst};
-    animation: nameProgress 1.1s ease-in-out infinite;
-  }
-
-  @keyframes nameProgress {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(320%);
-    }
-  }
-`,En=s.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  color: ${t.colors.muted};
-`,Rn=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  padding: 24px;
-  border-radius: 12px;
-  background: #e2f5ea;
-  text-align: center;
-`,_n=s.div`
-  display: grid;
-  place-items: center;
-  width: 56px;
-  height: 56px;
-  border-radius: 50%;
-  background: ${t.colors.ok};
-  color: ${t.colors.white};
-
-  .ico {
-    width: 30px;
-    height: 30px;
-  }
-`,Tn=s.p`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-size: 16px;
-  line-height: 1.4;
-  color: ${t.colors.text};
-
-  b {
-    font-weight: 700;
-  }
-`,We=s.div`
-  display: flex;
-  gap: 16px;
-  margin-top: 20px;
-
-  ${t.media.maxWidth("mobile")} {
-    flex-direction: column;
-  }
-`,Be=s.button`
-  flex: 1;
-  height: 48px;
-  border: 1px solid ${t.colors.accent};
-  border-radius: 8px;
-  background: ${t.colors.white};
-  color: ${t.colors.accent};
-  cursor: pointer;
-  font-family: ${t.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover {
-    background: rgba(105, 31, 169, 0.06);
-  }
-  &:focus-visible {
-    outline: 2px solid ${t.colors.accent};
-    outline-offset: 2px;
-  }
-`,zn=s.a`
-  flex: 1;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 48px;
-  border-radius: 8px;
-  background: ${t.colors.dclRed};
-  color: ${t.colors.softWhite};
-  cursor: pointer;
-  text-decoration: none;
-  font-family: ${t.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover {
-    filter: brightness(1.05);
-  }
-  &:focus-visible {
-    outline: 2px solid ${t.colors.accent};
-    outline-offset: 2px;
-  }
-`,me=s.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 16px;
-  margin-top: 8px;
-  border-radius: 12px;
-  background: rgba(255, 45, 85, 0.1);
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  line-height: 1.5;
-  color: ${t.colors.text};
-
-  .ico {
-    width: 22px;
-    height: 22px;
-    flex: none;
-    color: ${t.colors.dclRed};
-  }
-
-  /**
-   * Informational, not a failure. Used for "your payment went through, the NAME is on its way" and for the
-   * reason a purchase is not available yet (no price, not enough credits) — none of which is an error, and
-   * all of which would contradict themselves rendered in the red error treatment.
-   */
-  &[data-tone='info'] {
-    background: ${t.colors.panel};
-
-    .ico {
-      color: ${t.colors.accent};
-    }
-  }
-`;function In({name:r,priceCredits:i,onClose:h}){const{session:c}=Ue(),{data:d,isError:a}=lt(c),f=ct(),l=Le(),[p,x]=u.useState("confirm"),[y,m]=u.useState(""),[C,k]=u.useState(null),g=u.useRef(!1),b=y.trim().toLowerCase()===r.toLowerCase(),S=p==="completing",v=i!=null?be(i):"—",_=i==null,E=d==null?void 0:d.credits,W=i!=null&&E!=null?i-E:0,$=W>0,T=_?n("names.priceUnavailable"):$?n("names.insufficientCredits",{credits:be(W)}):null;u.useEffect(()=>{const w=G=>{G.key==="Escape"&&!S&&h()};document.addEventListener("keydown",w);const O=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",w),document.body.style.overflow=O}},[S,h]);async function I(){if(!(!c||!b||_||$||g.current)){g.current=!0,x("completing"),k(null);try{const w=await hn({name:r,identity:c.identity,signer:c.signer});ee("Shop Completed Purchase",{purchase_type:"name",is_primary:!0,payment_type:"credits",value_credits:i??null,settlement:w.status}),f.invalidateQueries({queryKey:["usd-balance"]}),f.invalidateQueries({queryKey:["my-assets"]}),x(w.status==="registered"?"success":"pending")}catch(w){ee(xt(w)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:ht(w),purchase_type:"name"}),k(w instanceof we?n("names.errorRouteCost"):(w==null?void 0:w.message)||n("names.errorGeneric")),x("error")}finally{g.current=!1}}}const A=p!=="success"&&p!=="pending",N=dt(c==null?void 0:c.providerType);return e.jsx(xn,{onClick:S?void 0:h,role:"presentation",children:e.jsxs(fn,{role:"dialog","aria-modal":"true","aria-label":n("names.buyTitle"),onClick:w=>w.stopPropagation(),children:[A&&e.jsxs(e.Fragment,{children:[e.jsxs(re,{children:[e.jsx(oe,{children:p==="error"?n("names.errorTitle"):n("names.buyTitle")}),e.jsx(ie,{onClick:h,disabled:S,"aria-label":n("buyModal.close"),children:e.jsx(R,{name:"close"})})]}),e.jsxs(ae,{children:[n("names.myCreditsBalance")," ",e.jsx(M,{})," ",se(d,a)]}),e.jsx(le,{})]}),(p==="confirm"||p==="error")&&e.jsxs(e.Fragment,{children:[e.jsxs(ce,{children:[e.jsx(de,{"aria-hidden":!0,children:"@"}),e.jsxs(pe,{children:[e.jsxs(he,{children:[r,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(xe,{children:n("names.subtitle")})]}),e.jsxs(fe,{children:[e.jsx(M,{}),v]})]}),p==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(me,{children:[e.jsx(R,{name:"info","aria-hidden":!0}),e.jsx("span",{children:C})]}),e.jsx(Me,{onClick:()=>x("confirm"),children:n("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(mn,{children:[e.jsx(un,{children:n("names.confirmTitle")}),e.jsx(gn,{dangerouslySetInnerHTML:{__html:n("names.confirmBody",{name:`<b>@${An(r)}</b>`})}}),e.jsxs(bn,{children:[e.jsx(yn,{"aria-hidden":!0,children:"@"}),e.jsx(wn,{value:y,onChange:w=>m(w.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":n("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(y.length,8)}ch`}}),e.jsx(jn,{children:".dcl.eth"})]})]}),T?e.jsxs(me,{"data-tone":"info","data-testid":"name-blocked-reason",children:[e.jsx(R,{name:"info","aria-hidden":!0}),e.jsx("span",{children:T})]}):null,e.jsx(Me,{onClick:()=>void I(),disabled:!b||!c||_||$,children:n("names.buyCta")})]})]}),p==="completing"&&e.jsxs(vn,{children:[e.jsx($n,{src:pt,alt:"",width:56,height:56}),e.jsx(Cn,{children:N?n("names.confirming"):n("names.completing")}),e.jsxs(kn,{children:[e.jsx(Sn,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx(En,{children:"1/1"})]})]}),p==="pending"&&e.jsxs(e.Fragment,{children:[e.jsxs(re,{children:[e.jsx(oe,{children:n("names.pendingHeaderTitle")}),e.jsx(ie,{onClick:h,"aria-label":n("buyModal.close"),children:e.jsx(R,{name:"close"})})]}),e.jsxs(ae,{children:[n("names.myCreditsBalance")," ",e.jsx(M,{})," ",se(d,a)]}),e.jsx(le,{}),e.jsxs(me,{"data-tone":"info",children:[e.jsx(R,{name:"info","aria-hidden":!0}),e.jsxs("span",{children:[e.jsx("b",{children:n("names.pendingBannerBold")})," ",n("names.pendingBannerRest")]})]}),e.jsxs(ce,{style:{marginTop:20},children:[e.jsx(de,{"aria-hidden":!0,children:"@"}),e.jsxs(pe,{children:[e.jsxs(he,{children:[r,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(xe,{children:n("names.subtitle")})]}),e.jsxs(fe,{children:[e.jsx(M,{}),v]})]}),e.jsx(We,{children:e.jsx(Be,{onClick:()=>{h(),l("/my-items")},children:n("names.myItems")})})]}),p==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs(re,{children:[e.jsx(oe,{children:n("names.successHeaderTitle")}),e.jsx(ie,{onClick:h,"aria-label":n("buyModal.close"),children:e.jsx(R,{name:"close"})})]}),e.jsxs(ae,{children:[n("names.myCreditsBalance")," ",e.jsx(M,{})," ",se(d,a)]}),e.jsx(le,{}),e.jsxs(Rn,{children:[e.jsx(_n,{"aria-hidden":!0,children:e.jsx(R,{name:"check"})}),e.jsxs(Tn,{children:[e.jsx("b",{children:n("names.successBannerBold")})," ",n("names.successBannerRest")]})]}),e.jsxs(ce,{style:{marginTop:20},children:[e.jsx(de,{"aria-hidden":!0,children:"@"}),e.jsxs(pe,{children:[e.jsxs(he,{children:[r,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(xe,{children:n("names.subtitle")})]}),e.jsxs(fe,{children:[e.jsx(M,{}),v]})]}),e.jsxs(We,{children:[e.jsx(Be,{onClick:()=>{h(),l("/my-items")},children:n("names.myItems")}),e.jsx(zn,{href:U.profileUrl,target:"_blank",rel:"noopener noreferrer",children:n("names.assignToAvatar")})]})]})]})})}function An(r){return r.replace(/[&<>"']/g,i=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[i])}const Nn="https://cdn.decentraland.org/@dcl/shop/0.8.0/_assets/identity-B4DXDuJP.webp",Pn="https://cdn.decentraland.org/@dcl/shop/0.8.0/_assets/world-B-9aPlxu.webp",Mn="https://cdn.decentraland.org/@dcl/shop/0.8.0/_assets/invite-BfwIhP2C.webp",Wn="https://cdn.decentraland.org/@dcl/shop/0.8.0/_assets/governance-DnazlIjy.webp",Bn=s.div`
-  width: 100%;
-  min-width: 0;
-`,Fn=s.nav`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin: 4px 0 16px;
-  font-family: ${t.font.sans};
-  font-size: 12px;
-  line-height: 1;
-  color: ${t.colors.muted};
-`,Ln=s.button`
-  border: 0;
-  background: none;
-  padding: 0;
-  cursor: pointer;
-  font: inherit;
-  color: ${t.colors.muted};
-
-  &:hover {
-    text-decoration: underline;
-  }
-  &:focus-visible {
-    outline: 2px solid ${t.colors.accent};
-    outline-offset: 2px;
-  }
-`,Un=s.span`
-  font-weight: 700;
-  color: ${t.colors.muted};
-`,Hn=s.div`
-  display: flex;
-  flex-direction: column;
-  gap: 48px;
-  padding-bottom: 48px;
-  background: #ecdbfd;
-  border-radius: ${t.radius.banner};
-  overflow: hidden;
-
-  ${t.media.maxWidth("mobile")} {
-    gap: 32px;
-    padding-bottom: 32px;
-  }
-`,On=s.div`
-  position: relative;
-  border-radius: ${t.radius.banner};
-  overflow: hidden;
-  padding: 88px 48px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 48px;
-  text-align: center;
-  background: radial-gradient(120% 95% at 50% 118%, #d13bd6 0%, #a026b0 28%, #6a1b9c 58%, #4a1173 100%);
-
-  ${t.media.maxWidth("mobile")} {
-    padding: 40px 20px;
-    gap: 28px;
-  }
-`,Gn=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-`,Dn=s.h1`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-weight: 600;
-  font-size: 40px;
-  line-height: 1.167;
-  color: ${t.colors.white};
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 26px;
-  }
-`,qn=s.p`
-  margin: 0;
-  max-width: 760px;
-  font-family: ${t.font.sans};
-  font-weight: 500;
-  font-size: 24px;
-  line-height: 1.334;
-  color: #ecebed;
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,Vn=s.div`
-  width: min(785px, 100%);
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Zn=s.div`
-  position: relative;
-`,Kn=s("div",Yt("invalid"))`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 8px 8px 16px;
-  background: ${t.colors.softWhite};
-  border: 1.5px solid ${({invalid:r})=>r?t.colors.dclRed:t.colors.line};
-  border-radius: 20px;
-
-  &:focus-within {
-    border-color: ${({invalid:r})=>r?t.colors.dclRed:t.colors.magenta};
-  }
-
-  ${t.media.maxWidth("mobile")} {
-    border-radius: 16px;
-  }
-`,Jn=s.span`
-  position: absolute;
-  left: -9999px;
-  top: 0;
-  visibility: hidden;
-  pointer-events: none;
-  white-space: pre;
-  font-family: ${t.font.sans};
-  font-size: 20px;
-  font-weight: 600;
-  line-height: 1.6;
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,Qn=s.div`
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  right: 0;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  border-radius: 8px;
-  background: #ffcdd4;
-  color: #ec303a;
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 1.2;
-  text-align: left;
-
-  ${t.media.maxWidth("mobile")} {
-    position: static;
-    margin-top: 8px;
-    align-items: flex-start;
-    flex-wrap: wrap;
-  }
-`,Xn=s.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  margin-left: auto;
-  color: #ec303a;
-  font-weight: 600;
-  text-decoration: underline;
-  text-transform: uppercase;
-  white-space: nowrap;
-
-  ${t.media.maxWidth("mobile")} {
-    margin-left: 0;
-  }
-`,Yn=s.label`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 0;
-  cursor: text;
-  overflow: hidden;
-`,es=s.span`
-  flex: none;
-  margin-right: 8px;
-  font-family: ${t.font.sans};
-  font-size: 26px;
-  font-weight: 500;
-  line-height: 1;
-  color: ${t.colors.muted2};
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 20px;
-  }
-`,ts=s.input`
-  flex: 0 1 auto;
-  min-width: 0;
-  max-width: 100%;
-  border: 0;
-  outline: none;
-  background: transparent;
-  font-family: ${t.font.sans};
-  font-size: 20px;
-  font-weight: 600;
-  line-height: 1.6;
-  color: ${t.colors.text};
-  padding: 0;
-
-  &::placeholder {
-    color: ${t.colors.muted1};
-    font-weight: 400;
-  }
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,ns=s.span`
-  flex: none;
-  margin-left: 2px;
-  font-family: ${t.font.sans};
-  font-size: 20px;
-  font-weight: 400;
-  line-height: 1.6;
-  color: ${t.colors.muted1};
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,ss=s.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 13px;
-  color: ${t.colors.muted2};
-  white-space: nowrap;
-`,qe=s.button`
-  flex: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 52px;
-  padding: 0 24px;
-  border: 0;
-  border-radius: 12px;
-  cursor: pointer;
-  background: ${t.gradients.cerise};
-  color: ${t.colors.softWhite};
-  font-family: ${t.font.sans};
-  font-weight: 600;
-  font-size: 15px;
-  letter-spacing: 0.46px;
-  line-height: 24px;
-  text-transform: uppercase;
-
-  &:hover:not(:disabled) {
-    filter: brightness(1.05);
-  }
-  &:focus-visible {
-    outline: 2px solid ${t.colors.white};
-    outline-offset: 2px;
-  }
-  &:disabled {
-    cursor: not-allowed;
-    background: #e7c8e9;
-    color: #fbe9fb;
-  }
-
-  ${t.media.maxWidth("mobile")} {
-    display: none;
-  }
-`,rs=s(qe)`
-  display: none;
-
-  ${t.media.maxWidth("mobile")} {
-    display: inline-flex;
-    width: 100%;
-    height: 48px;
-    border-radius: 12px;
-  }
-`,os=s.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-weight: 600;
-
-  .ico {
-    width: 16px;
-    height: 16px;
-  }
-`,ue=s.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 14px;
-  border-radius: 8px;
-  font-family: ${t.font.sans};
-  font-size: 13px;
-  font-weight: 500;
-  text-align: left;
-
-  background: ${({tone:r})=>r==="error"?"rgba(255, 45, 85, 0.12)":r==="ok"?"rgba(30, 166, 114, 0.14)":"rgba(255,255,255,0.14)"};
-  color: ${({tone:r})=>r==="error"?t.colors.dclRed:r==="ok"?"#0f7a4f":"#ecebed"};
-
-  .ico {
-    width: 16px;
-    height: 16px;
-    flex: none;
-  }
-`,is=s.section`
-  display: flex;
-  flex-direction: column;
-  gap: 48px;
-  padding: 0 48px;
-
-  ${t.media.maxWidth("mobile")} {
-    gap: 32px;
-    padding: 0 20px;
-  }
-`,as=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 24px;
-`,ls=s.h2`
-  margin: 0;
-  text-align: center;
-  font-family: ${t.font.sans};
-  font-weight: 600;
-  font-size: 32px;
-  line-height: 1.167;
-  color: ${t.colors.text2};
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 22px;
-  }
-`,cs=s.p`
-  margin: 0;
-  max-width: 907px;
-  text-align: center;
-  font-family: ${t.font.sans};
-  font-weight: 400;
-  font-size: 20px;
-  line-height: 1.57;
-  color: ${t.colors.text};
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,ds=s.div`
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 24px;
-  align-items: stretch;
-
-  ${t.media.maxWidth("lg")} {
-    grid-template-columns: repeat(2, 1fr);
-  }
-  ${t.media.maxWidth("mobile")} {
-    grid-template-columns: 1fr;
-  }
-`,K=s.article`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  background: ${t.colors.white};
-  border: 0.25px solid ${t.colors.muted2};
-  border-radius: ${t.radius.card};
-  overflow: hidden;
-`,J=s.img`
-  display: block;
-  width: calc(100% + 0.5px);
-  margin: -0.25px -0.25px 0;
-  aspect-ratio: 388 / 235;
-  object-fit: cover;
-`,Q=s.div`
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 12px 16px;
-`,X=s.h3`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 1.57;
-  text-transform: uppercase;
-  color: ${t.colors.text};
-`,Y=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`
-  font-weight: 600;
-  color: ${t.colors.accent};
-`,Fe=s.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  margin-top: auto;
-  font-family: ${t.font.sans};
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 30px;
-  color: ${t.colors.accent};
-  text-decoration: underline;
-
-  &:focus-visible {
-    outline: 2px solid ${t.colors.accent};
-    outline-offset: 2px;
-  }
-
-  .ico {
-    width: 13px;
-    height: 13px;
-  }
-`,hs=s.span`
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-`,xs="https://docs.decentraland.org/creator/worlds/about/",fs="https://governance.decentraland.org";function ms(r){const i=typeof window<"u"?window.location.hostname:"";return`${i.endsWith("decentraland.org")?"https://decentraland.org":i.endsWith("decentraland.today")?"https://decentraland.today":"https://decentraland.zone"}/marketplace/names/browse?search=${encodeURIComponent(r)}`}function us({onBack:r}){He({title:n("seo.names.title"),description:n("seo.names.description")});const{session:i,signIn:h}=Ue(),{data:c}=Oe(),d=c?Ge(H,c):null,[a,f]=u.useState(""),[l,p]=u.useState("idle"),[x,y]=u.useState(!1),m=u.useRef(null),[C,k]=u.useState(void 0);u.useLayoutEffect(()=>{m.current&&k(m.current.offsetWidth)},[a]),u.useEffect(()=>{if(!Ne(a).ok){p(a.length===0?"idle":"invalid");return}p("checking");const E=new AbortController,W=setTimeout(()=>{(async()=>{try{const $=await on(a,{signal:E.signal});p($)}catch($){if(($==null?void 0:$.name)==="AbortError")return;p("error")}})()},400);return()=>{clearTimeout(W),E.abort()}},[a]);const g=Ne(a),b=g.ok&&(l==="available"||l==="error");function S(){if(b){if(!i){h();return}y(!0)}}const v=e.jsxs(e.Fragment,{children:[n("names.claim"),d!=null?e.jsxs(os,{children:[e.jsx(M,{}),be(d)]}):null]});return e.jsxs(Bn,{"data-testid":"names-page",children:[e.jsxs(Fn,{"aria-label":n("names.breadcrumbAria"),children:[e.jsx(Ln,{onClick:r,children:n("names.breadcrumbCollectibles")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(Un,{children:n("names.breadcrumbCurrent")})]}),e.jsxs(Hn,{children:[e.jsxs(On,{children:[e.jsxs(Gn,{children:[e.jsx(Dn,{children:n("names.heroTitle")}),e.jsx(qn,{children:n("names.heroSubtitle")})]}),e.jsxs(Vn,{children:[e.jsxs(Zn,{children:[e.jsxs(Kn,{invalid:l==="taken",children:[e.jsxs(Yn,{children:[e.jsx(es,{"aria-hidden":!0,children:"@"}),e.jsx(ts,{value:a,onChange:_=>f(nn(_.target.value)),placeholder:n("names.inputPlaceholder"),"aria-label":n("names.inputAria"),autoComplete:"off",spellCheck:!1,maxLength:te,style:{width:C!=null?`${C}px`:void 0}}),e.jsx(Jn,{ref:m,"aria-hidden":!0,children:a||n("names.inputPlaceholder")}),e.jsx(ns,{children:n("names.suffix")})]}),a.length>0?e.jsxs(ss,{"aria-hidden":!0,children:[a.length,"/",te]}):null,e.jsx(qe,{onClick:S,disabled:!b,"data-testid":"names-claim",children:v})]}),l==="taken"?e.jsxs(Qn,{role:"status","data-testid":"names-taken",children:[e.jsx(R,{name:"info",size:16,"aria-hidden":!0}),e.jsx("span",{children:n("names.taken")}),e.jsxs(Xn,{href:ms(a),target:"_blank",rel:"noopener noreferrer",children:[n("names.takenMakeOffer"),e.jsx(R,{name:"external-link",size:13,"aria-hidden":!0})]})]}):null]}),e.jsx(rs,{onClick:S,disabled:!b,children:v}),l==="checking"?e.jsx(ue,{tone:"muted",role:"status","data-testid":"names-checking",children:n("names.checking")}):l==="error"?e.jsx(ue,{tone:"muted",role:"status",children:n("names.checkError")}):l==="invalid"&&!g.ok&&g.reason==="too-short"?e.jsx(ue,{tone:"muted",role:"status",children:n("names.tooShort",{min:De})}):null,e.jsx(hs,{role:"status","aria-live":"polite",children:l==="available"?n("names.available",{name:a}):""})]})]}),e.jsxs(is,{children:[e.jsxs(as,{children:[e.jsx(ls,{children:n("names.whyTitle")}),e.jsx(cs,{children:n("names.whyIntro")})]}),e.jsxs(ds,{children:[e.jsxs(K,{children:[e.jsx(J,{src:Nn,alt:""}),e.jsxs(Q,{children:[e.jsx(X,{children:n("names.why1Title")}),e.jsx(Y,{children:n("names.why1")})]})]}),e.jsxs(K,{children:[e.jsx(J,{src:Pn,alt:""}),e.jsxs(Q,{children:[e.jsx(X,{children:n("names.why2Title")}),e.jsxs(Y,{children:[n("names.why2")," ",e.jsx(ps,{children:n("names.why2Address")})]}),e.jsxs(Fe,{href:xs,target:"_blank",rel:"noopener noreferrer",children:[n("names.learnMore"),e.jsx(R,{name:"external-link","aria-hidden":!0})]})]})]}),e.jsxs(K,{children:[e.jsx(J,{src:Mn,alt:""}),e.jsxs(Q,{children:[e.jsx(X,{children:n("names.why3Title")}),e.jsx(Y,{children:n("names.why3")})]})]}),e.jsxs(K,{children:[e.jsx(J,{src:Wn,alt:""}),e.jsxs(Q,{children:[e.jsx(X,{children:n("names.why4Title")}),e.jsx(Y,{children:n("names.why4")}),e.jsxs(Fe,{href:fs,target:"_blank",rel:"noopener noreferrer",children:[n("names.learnMore"),e.jsx(R,{name:"external-link","aria-hidden":!0})]})]})]})]})]})]}),x?e.jsx(In,{name:a,priceCredits:d,onClose:()=>y(!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",ge=48,bs=["all","on_sale","not_for_sale"];function Ws(){const[r,i]=nt(),h=Le(),c=(r.get("q")??"").trim().toLowerCase(),d=(r.get("q")??"").trim();He({title:d?n("seo.collectibles.searchTitle",{query:d}):n("seo.collectibles.title"),description:n("seo.collectibles.description")});const a=r.get("category")??(c?"all":"wearable"),f=r.get("status"),l=f&&bs.includes(f)?f:"on_sale",p=(o,j)=>i(z=>{const ne=new URLSearchParams(z);return j==null?ne.delete(o):ne.set(o,j),ne},{replace:!0}),[x,y]=u.useState(null),[m,C]=u.useState([]),[k,g]=u.useState(""),[b,S]=u.useState(""),[v,_]=u.useState(!1),[E,W]=u.useState("newest"),[$,T]=u.useState(!1);u.useEffect(()=>{if(!$)return;const o=z=>{z.key==="Escape"&&T(!1)};document.addEventListener("keydown",o);const j=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",o),document.body.style.overflow=j}},[$]);const I=l==="on_sale",A=k&&!Number.isNaN(Number(k))?Number(k):void 0,N=b&&!Number.isNaN(Number(b))?Number(b):void 0,w=ft(),O=x?Ft[x]:void 0,G=(Ae.find(o=>o.key===E)??Ae[0]).server,je={category:a,rarities:m.length?m:void 0,wearableCategories:O,minPriceCredits:A,maxPriceCredits:N,search:c||void 0,sortBy:G,isSmart:v||void 0,onSale:!0,listingType:w?void 0:"primary"},ve={category:a,rarities:m.length?m:void 0,wearableCategories:O,search:c||void 0,sortBy:G,isWearableSmart:v||void 0,isOnSale:l==="not_for_sale"?!1:void 0},{items:F,total:$e,isLoading:P,isPlaceholderData:B,error:Ce,hasNextPage:Ve,isFetchingNextPage:ke,isFetchNextPageError:Ze,fetchNextPage:Ke}=Ut(I?["shop-items",je]:["catalog-items",ve],o=>I?ut({...je,first:ge,skip:o}):gt({...ve,first:ge,skip:o}),{enabled:a!=="names"}),D=$e,{data:Se,isError:Je,isPending:Qe}=Oe(),Xe=o=>Se&&o.manaWei?Ge(o.manaWei,Se):null,Ye=I&&Qe&&F.some(o=>o.source==="legacy"),Ee=P||B||Ye,et=P?15:Math.min(Math.max(F.length,1),ge),Re=u.useRef(null);u.useEffect(()=>{P||B||!c||Re.current===c||(Re.current=c,ee("Shop Searched",{query:c,result_count:D}))},[c,P,B,D]);const q=u.useRef("__init__");u.useEffect(()=>{if(P||B)return;const o=JSON.stringify({category:a,subCategory:x,rarities:m,min:A,max:N,sort:E,status:l,smart:v});if(q.current==="__init__"||q.current===o){q.current=o;return}q.current=o,ee("Shop Applied Filter",{filters:{category:a,sub_category:x,rarities:m,min_price_credits:A??null,max_price_credits:N??null,status:l,smart:v,sort:E},result_count:D})},[a,x,m,A,N,E,l,v,P,B,D]);function _e(o){p("category",o),y(null)}function Te(o){p("status",o==="on_sale"?null:o)}function ze(o){C(j=>j.includes(o)?j.filter(z=>z!==o):[...j,o])}function tt(){i(o=>{const j=new URLSearchParams(o);return j.delete("category"),j.delete("status"),j},{replace:!0}),y(null),C([]),g(""),S(""),_(!1)}const L=[];(A!=null||N!=null)&&L.push({key:"price",label:n("filter.price"),onRemove:()=>{g(""),S("")}});for(const o of Wt)m.includes(o)&&L.push({key:`rarity-${o}`,label:mt(o),onRemove:()=>ze(o)});return v&&L.push({key:"smart",label:n("filter.smart"),onRemove:()=>_(!1)}),l!=="on_sale"&&L.push({key:"status",label:l==="all"?n("filter.statusAll"):n("filter.notForSale"),onRemove:()=>Te("on_sale")}),e.jsxs(bt,{"data-testid":"browse",children:[a!=="names"&&e.jsxs(e.Fragment,{children:[$?e.jsx(yt,{onClick:()=>T(!1),"aria-hidden":!0}):null,e.jsxs(wt,{"data-open":$||void 0,"data-testid":"browse-sidebar",children:[e.jsxs(jt,{children:[e.jsx(vt,{children:n("assets.filters")}),e.jsx($t,{onClick:()=>T(!1),"aria-label":n("assets.closeFilters"),children:"✕"})]}),e.jsx(Ct,{children:e.jsx(kt,{category:a,subCategory:x,onCategory:_e,onSub:y,priceMin:k,priceMax:b,onPriceMin:g,onPriceMax:S,rarities:m,onToggleRarity:ze,status:l,onStatus:Te,smart:v,onSmart:_})}),e.jsx(St,{children:e.jsx(Et,{type:"button",onClick:()=>T(!1),children:n("assets.showItems")})})]})]}),e.jsx(Rt,{children:a==="names"?e.jsx(us,{onBack:()=>_e("wearable")}):e.jsxs(e.Fragment,{children:[e.jsx(Bt,{sort:E,onSort:W,total:$e,loading:P||B,query:c,onOpenFilters:()=>T(!0),chips:L,onClearChips:tt}),Je&&I&&F.some(o=>o.source==="legacy")?e.jsx(_t,{"data-variant":"warn",children:n("assets.marketUnavailable")}):null,Ce?e.jsx(Ht,{message:n("assets.loadError"),testId:"browse-error"}):null,!Ee&&F.length===0&&!Ce?e.jsxs(Tt,{"data-testid":"browse-empty",children:[e.jsx(zt,{src:gs,alt:""}),e.jsxs(It,{children:[e.jsx(At,{children:n("assets.empty.title")}),e.jsx(Nt,{children:d?e.jsxs(e.Fragment,{children:[n("assets.empty.searchBefore"),e.jsx("b",{children:d}),n("assets.empty.searchAfter")]}):n("assets.empty.filters")})]}),e.jsx(Pt,{children:e.jsx(Mt,{type:"button",onClick:()=>h("/overview"),children:n("assets.empty.cta")})})]}):e.jsxs(e.Fragment,{children:[e.jsx(en,{"data-testid":"grid",children:Ee?e.jsx(Ie,{count:et}):e.jsxs(e.Fragment,{children:[F.map(o=>{if(!I)return e.jsx(V,{item:o,mode:"view"},Z(o));const j=o;if(j.source!=="legacy")return e.jsx(V,{item:o},Z(o));const z=Xe(j);return z==null?e.jsx(V,{item:o,mode:"view"},Z(o)):e.jsx(V,{item:{...j,priceCredits:z}},Z(o))}),ke?e.jsx(Ie,{count:6}):null]})}),e.jsx(Lt,{hasNextPage:Ve,isFetching:ke,isError:Ze,onLoadMore:()=>void Ke()})]})]})})]})}export{Ws as Assets};