@dcl/shop 0.5.1-30942080363.commit-5a008a2 → 0.5.1-30944558724.commit-19fdddf

package/_assets/Assets-IY2PmVDp.js

@@ -1,800 +0,0 @@
-import{d as We,r as m,j as e,e as Je}from"./react-DehiWSvs.js";import{c as F,bc as Xe,bd as Ye,a as et,s,t,l as Be,b3 as tt,v as nt,aq as ge,b as n,o as st,I as S,q as M,bE as ne,b2 as it,Q as Y,bg as ot,bf as rt,n as Fe,ac as at,ae as Te,af as q,as as lt,bF as ct}from"./index-UGlpWu7U.js";import{r as dt,s as pt,u as ht}from"./buy-BDTufK8m.js";import{a as xt,m as Le}from"./mana-convert-C0Bze7yJ.js";import{u as Ue}from"./useManaRate-bDKCffp4.js";import{g as ft,h as mt,i as ut,j as gt,k as bt,C as yt,l as wt,o as jt,m as vt,n as $t,M as Ct,p as kt,E as St,q as Et,r as Rt,s as Tt,t as _t,u as zt,v as It}from"./Assets.styles-DU_WP2lv.js";import{S as _e,R as At,F as Nt,e as Mt}from"./categories-3pKh51AH.js";import{L as Pt}from"./LoadMore-B2K4UDfe.js";import{u as Wt}from"./useInfiniteGrid-7hiVU_K4.js";import{E as Bt}from"./ErrorNotice-D6PKmOXM.js";import{d as Ft}from"./dcl-schemas-Dr9BTjb7.js";import{s as Lt,G as Ut,w as Ht,S as Ot}from"./buy-gasless-CXKZGuta.js";import{j as Gt}from"./trade-encoding-Dw1x271X.js";import{f as Dt}from"./errors-Cg4Fnsf8.js";import{J as qt,C as Vt,B as be}from"./ethers-CtNGBird.js";import{n as Zt}from"./Tooltip-D3wp0OFx.js";import{G as Kt}from"./grid.styles-BjSrL-3s.js";import"./sentry-973sfbO9.js";import"./intl-CBcMB1D2.js";import"./authorizations-Bx-uumVM.js";import"./sendMetaTransaction-CbxpNfVY.js";function V(i){const o=i.source??"item",a=i.tradeId||`${i.contractAddress}-${i.tokenId??i.itemId??""}`;return`${o}:${a}`}const L="100000000000000000000",He=2,ee=15,Qt=/^[a-zA-Z0-9]+$/;function ze(i){const o=i.trim();return o.length===0?{ok:!1,reason:"empty"}:Qt.test(o)?o.length<He?{ok:!1,reason:"too-short"}:o.length>ee?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function Jt(i){return i.replace(/[^a-zA-Z0-9]/g,"").slice(0,ee)}const Xt=["function available(string _subdomain) view returns (bool)"],Ie={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function Yt(){return F.chainId===Number(Ft.ChainId.MATIC_MAINNET)?Ie.mainnet:Ie.sepolia}async function en(i,o={}){var p;const{rpc:a,address:h}=Yt(),l=new qt(a),d=new Vt(h,Xt,l);console.info(`[names] availability check → DCLRegistrar(${h}).available("${i}") on ${a}`);const x=await d.available(i);if((p=o.signal)!=null&&p.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${i}" available=${x}`),x?"available":"taken"}const tn="https://app.across.to/api";class ye extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}function nn(i){return xt(L,i)}async function sn(i,o,a={}){var p;const h=a.chainId??F.chainId,l=a.provider??"across",d=`${F.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(o)}&chainId=${h}&provider=${l}`,x=await et(d,{method:"GET",identity:i,metadata:{}});if(!x.ok){let r;try{r=(p=await x.json())==null?void 0:p.code}catch{}throw r==="ROUTE_COST_TOO_HIGH"?new ye:new Error(`fetchNameCreditRoute ${x.status}`)}return x.json()}function on(i,o){const a=be.from(i.availableAmount),l=be.from(L).sub(a);return{credits:[{value:i.amount,expiresAt:Number(i.expiresAt),salt:Gt(i.id)}],creditsSignatures:[i.signature],externalCall:{target:o.externalCall.target,selector:o.externalCall.selector,data:o.externalCall.data,expiresAt:o.externalCall.expiresAt,salt:o.externalCall.salt},customExternalCallSignature:o.customExternalCallSignature,maxUncreditedValue:l.isNegative()?"0":l.toString(),maxCreditedValue:L}}async function rn(i,o={}){const a=tn,h=o.intervalMs??1e4,l=o.maxAttempts??60;let d={status:"pending",destinationTxHash:null,actionsSucceeded:!1};for(let x=0;x<l;x++){try{const p=await fetch(`${a}/deposit/status?originChainId=137&depositTxHash=${i}`);if(p.ok){const r=await p.json(),u=(r.status??"pending").toLowerCase(),g=r.fillTx??r.fillTxnRef??null,w=r.actionsSucceeded!==!1;if(u==="filled")return{status:"filled",destinationTxHash:g,actionsSucceeded:w};if(u==="refunded"||u==="expired")return{status:u,destinationTxHash:null,actionsSucceeded:!1};d={status:"pending",destinationTxHash:g,actionsSucceeded:w}}}catch{}x<l-1&&await new Promise(p=>setTimeout(p,h))}return d}async function an(i){const{name:o,identity:a,signer:h}=i,l=i.chainId??F.chainId,d=i.provider??"across",x=(i.beneficiary??await h.getAddress()).toLowerCase();let p=null,r=!1;console.info("[names] register start",{name:o,buyer:x,chainId:l,provider:d});try{const u=await dt(l),g=nn(u);console.info("[names] step 1/6 sized reservation",{usdCents:g,manaRate:u});const w=await sn(a,o,{chainId:l,provider:d});console.info("[names] step 2/6 route fetched",{target:w.externalCall.target,selector:w.externalCall.selector,provider:w.provider,quoteId:w.quoteId});const j=await Xe(a,g);if(p=j.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:j.credit.id,maxCreditedValue:j.maxCreditedValue}),be.from(j.maxCreditedValue).lt(L))throw new Error("Credit under-sized for the name price");const k=on(j.credit,w);let f;try{f=await Lt({chainId:l,buyer:x,signer:h,args:k})}catch(b){if(!(b instanceof Ut))throw b;f=await pt(l,k,h)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:f}),await Ht(f),r=!0,console.info("[names] step 5/6 origin tx confirmed",{originTxHash:f}),d==="across"){const b=await rn(f,i.acrossPoll);if(console.info("[names] step 6/6 across status",b),b.status==="pending")return{status:"pending",originTxHash:f};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:f,destinationTxHash:b.destinationTxHash}}return{status:"pending",originTxHash:f}}catch(u){if(console.error("[names] register failed — raw error:",u,{name:o,buyer:x,originConfirmed:r}),u instanceof Ot)return{status:"pending",originTxHash:u.txHash};if(p&&!r&&await Ye(a,[p]).catch(()=>{}),u instanceof ye)throw u;const g=new Error(Dt(u,"Couldn't register the name. Please try again.",{sale:!0}));throw g.cause=u,g}}const ln=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);
-`,cn=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;
-  }
-`,se=s.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-`,ie=s.h2`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 22px;
-  line-height: 1.2;
-  color: ${t.colors.text};
-`,oe=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;
-  }
-`,re=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};
-  }
-`,ae=s.hr`
-  border: 0;
-  border-top: 1px solid ${t.colors.line};
-  margin: 16px 0;
-`,le=s.div`
-  display: flex;
-  align-items: center;
-  gap: 16px;
-`,ce=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;
-  }
-`,de=s.div`
-  flex: 1;
-  min-width: 0;
-`,pe=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};
-  }
-`,he=s.div`
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  color: ${t.colors.muted2};
-`,xe=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};
-  }
-`,dn=s.div`
-  margin-top: 16px;
-  padding: 16px;
-  border-radius: 12px;
-  background: #f2e7fc;
-`,pn=s.div`
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 16px;
-  color: ${t.colors.text};
-`,hn=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};
-  }
-`,xn=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};
-  }
-`,fn=s.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 18px;
-  color: ${t.colors.muted2};
-`,mn=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;
-  }
-`,un=s.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 16px;
-  color: ${t.colors.muted2};
-`,Ae=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;
-  }
-`,gn=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 20px;
-  padding: 32px 0 8px;
-`,bn=s.img`
-  align-self: center;
-  width: 56px;
-  height: 56px;
-`,yn=s.div`
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 18px;
-  color: ${t.colors.text};
-`,wn=s.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-`,jn=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%);
-    }
-  }
-`,vn=s.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  color: ${t.colors.muted};
-`,$n=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  padding: 24px;
-  border-radius: 12px;
-  background: #e2f5ea;
-  text-align: center;
-`,Cn=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;
-  }
-`,kn=s.p`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-size: 16px;
-  line-height: 1.4;
-  color: ${t.colors.text};
-
-  b {
-    font-weight: 700;
-  }
-`,Ne=s.div`
-  display: flex;
-  gap: 16px;
-  margin-top: 20px;
-
-  ${t.media.maxWidth("mobile")} {
-    flex-direction: column;
-  }
-`,Me=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;
-  }
-`,Sn=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;
-  }
-`,fe=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 En({name:i,priceCredits:o,onClose:a}){const{session:h}=Be(),{data:l,isError:d}=tt(h),x=nt(),p=We(),[r,u]=m.useState("confirm"),[g,w]=m.useState(""),[j,k]=m.useState(null),f=m.useRef(!1),b=g.trim().toLowerCase()===i.toLowerCase(),v=r==="completing",E=o!=null?ge(o):"—",C=o==null,_=l==null?void 0:l.credits,R=o!=null&&_!=null?o-_:0,$=R>0,z=C?n("names.priceUnavailable"):$?n("names.insufficientCredits",{credits:ge(R)}):null;m.useEffect(()=>{const y=H=>{H.key==="Escape"&&!v&&a()};document.addEventListener("keydown",y);const U=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",y),document.body.style.overflow=U}},[v,a]);async function I(){if(!(!h||!b||C||$||f.current)){f.current=!0,u("completing"),k(null);try{const y=await an({name:i,identity:h.identity,signer:h.signer});Y("Shop Completed Purchase",{purchase_type:"name",is_primary:!0,payment_type:"credits",value_credits:o??null,settlement:y.status}),x.invalidateQueries({queryKey:["usd-balance"]}),x.invalidateQueries({queryKey:["my-assets"]}),u(y.status==="registered"?"success":"pending")}catch(y){Y(rt(y)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:ot(y),purchase_type:"name"}),k(y instanceof ye?n("names.errorRouteCost"):(y==null?void 0:y.message)||n("names.errorGeneric")),u("error")}finally{f.current=!1}}}const A=r!=="success"&&r!=="pending",te=st(h==null?void 0:h.providerType);return e.jsx(ln,{onClick:v?void 0:a,role:"presentation",children:e.jsxs(cn,{role:"dialog","aria-modal":"true","aria-label":n("names.buyTitle"),onClick:y=>y.stopPropagation(),children:[A&&e.jsxs(e.Fragment,{children:[e.jsxs(se,{children:[e.jsx(ie,{children:r==="error"?n("names.errorTitle"):n("names.buyTitle")}),e.jsx(oe,{onClick:a,disabled:v,"aria-label":n("buyModal.close"),children:e.jsx(S,{name:"close"})})]}),e.jsxs(re,{children:[n("names.myCreditsBalance")," ",e.jsx(M,{})," ",ne(l,d)]}),e.jsx(ae,{})]}),(r==="confirm"||r==="error")&&e.jsxs(e.Fragment,{children:[e.jsxs(le,{children:[e.jsx(ce,{"aria-hidden":!0,children:"@"}),e.jsxs(de,{children:[e.jsxs(pe,{children:[i,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(he,{children:n("names.subtitle")})]}),e.jsxs(xe,{children:[e.jsx(M,{}),E]})]}),r==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(fe,{children:[e.jsx(S,{name:"info","aria-hidden":!0}),e.jsx("span",{children:j})]}),e.jsx(Ae,{onClick:()=>u("confirm"),children:n("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(dn,{children:[e.jsx(pn,{children:n("names.confirmTitle")}),e.jsx(hn,{dangerouslySetInnerHTML:{__html:n("names.confirmBody",{name:`<b>@${Rn(i)}</b>`})}}),e.jsxs(xn,{children:[e.jsx(fn,{"aria-hidden":!0,children:"@"}),e.jsx(mn,{value:g,onChange:y=>w(y.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":n("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(g.length,8)}ch`}}),e.jsx(un,{children:".dcl.eth"})]})]}),z?e.jsxs(fe,{"data-tone":"info","data-testid":"name-blocked-reason",children:[e.jsx(S,{name:"info","aria-hidden":!0}),e.jsx("span",{children:z})]}):null,e.jsx(Ae,{onClick:()=>void I(),disabled:!b||!h||C||$,children:n("names.buyCta")})]})]}),r==="completing"&&e.jsxs(gn,{children:[e.jsx(bn,{src:it,alt:"",width:56,height:56}),e.jsx(yn,{children:te?n("names.confirming"):n("names.completing")}),e.jsxs(wn,{children:[e.jsx(jn,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx(vn,{children:"1/1"})]})]}),r==="pending"&&e.jsxs(e.Fragment,{children:[e.jsxs(se,{children:[e.jsx(ie,{children:n("names.pendingHeaderTitle")}),e.jsx(oe,{onClick:a,"aria-label":n("buyModal.close"),children:e.jsx(S,{name:"close"})})]}),e.jsxs(re,{children:[n("names.myCreditsBalance")," ",e.jsx(M,{})," ",ne(l,d)]}),e.jsx(ae,{}),e.jsxs(fe,{"data-tone":"info",children:[e.jsx(S,{name:"info","aria-hidden":!0}),e.jsxs("span",{children:[e.jsx("b",{children:n("names.pendingBannerBold")})," ",n("names.pendingBannerRest")]})]}),e.jsxs(le,{style:{marginTop:20},children:[e.jsx(ce,{"aria-hidden":!0,children:"@"}),e.jsxs(de,{children:[e.jsxs(pe,{children:[i,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(he,{children:n("names.subtitle")})]}),e.jsxs(xe,{children:[e.jsx(M,{}),E]})]}),e.jsx(Ne,{children:e.jsx(Me,{onClick:()=>{a(),p("/my-items")},children:n("names.myItems")})})]}),r==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs(se,{children:[e.jsx(ie,{children:n("names.successHeaderTitle")}),e.jsx(oe,{onClick:a,"aria-label":n("buyModal.close"),children:e.jsx(S,{name:"close"})})]}),e.jsxs(re,{children:[n("names.myCreditsBalance")," ",e.jsx(M,{})," ",ne(l,d)]}),e.jsx(ae,{}),e.jsxs($n,{children:[e.jsx(Cn,{"aria-hidden":!0,children:e.jsx(S,{name:"check"})}),e.jsxs(kn,{children:[e.jsx("b",{children:n("names.successBannerBold")})," ",n("names.successBannerRest")]})]}),e.jsxs(le,{style:{marginTop:20},children:[e.jsx(ce,{"aria-hidden":!0,children:"@"}),e.jsxs(de,{children:[e.jsxs(pe,{children:[i,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(he,{children:n("names.subtitle")})]}),e.jsxs(xe,{children:[e.jsx(M,{}),E]})]}),e.jsxs(Ne,{children:[e.jsx(Me,{onClick:()=>{a(),p("/my-items")},children:n("names.myItems")}),e.jsx(Sn,{href:F.profileUrl,target:"_blank",rel:"noopener noreferrer",children:n("names.assignToAvatar")})]})]})]})})}function Rn(i){return i.replace(/[&<>"']/g,o=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[o])}const Tn="https://cdn.decentraland.org/@dcl/shop/0.5.1-30942080363.commit-5a008a2/_assets/identity-B4DXDuJP.webp",_n="https://cdn.decentraland.org/@dcl/shop/0.5.1-30942080363.commit-5a008a2/_assets/world-B-9aPlxu.webp",zn="https://cdn.decentraland.org/@dcl/shop/0.5.1-30942080363.commit-5a008a2/_assets/invite-BfwIhP2C.webp",In="https://cdn.decentraland.org/@dcl/shop/0.5.1-30942080363.commit-5a008a2/_assets/governance-DnazlIjy.webp",An=s.div`
-  width: 100%;
-  min-width: 0;
-`,Nn=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};
-`,Mn=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;
-  }
-`,Pn=s.span`
-  font-weight: 700;
-  color: ${t.colors.muted};
-`,Wn=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;
-  }
-`,Bn=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;
-  }
-`,Fn=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-`,Ln=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;
-  }
-`,Un=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;
-  }
-`,Hn=s.div`
-  width: min(785px, 100%);
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,On=s.div`
-  position: relative;
-`,Gn=s("div",Zt("invalid"))`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 8px 8px 16px;
-  background: ${t.colors.softWhite};
-  border: 1.5px solid ${({invalid:i})=>i?t.colors.dclRed:t.colors.line};
-  border-radius: 20px;
-
-  &:focus-within {
-    border-color: ${({invalid:i})=>i?t.colors.dclRed:t.colors.magenta};
-  }
-
-  ${t.media.maxWidth("mobile")} {
-    border-radius: 16px;
-  }
-`,Dn=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;
-  }
-`,Vn=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;
-  }
-`,Zn=s.label`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 0;
-  cursor: text;
-  overflow: hidden;
-`,Kn=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;
-  }
-`,Qn=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;
-  }
-`,Jn=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;
-  }
-`,Xn=s.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 13px;
-  color: ${t.colors.muted2};
-  white-space: nowrap;
-`,Oe=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;
-  }
-`,Yn=s(Oe)`
-  display: none;
-
-  ${t.media.maxWidth("mobile")} {
-    display: inline-flex;
-    width: 100%;
-    height: 48px;
-    border-radius: 12px;
-  }
-`,es=s.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-weight: 600;
-
-  .ico {
-    width: 16px;
-    height: 16px;
-  }
-`,me=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:i})=>i==="error"?"rgba(255, 45, 85, 0.12)":i==="ok"?"rgba(30, 166, 114, 0.14)":"rgba(255,255,255,0.14)"};
-  color: ${({tone:i})=>i==="error"?t.colors.dclRed:i==="ok"?"#0f7a4f":"#ecebed"};
-
-  .ico {
-    width: 16px;
-    height: 16px;
-    flex: none;
-  }
-`,ts=s.section`
-  display: flex;
-  flex-direction: column;
-  gap: 48px;
-  padding: 0 48px;
-
-  ${t.media.maxWidth("mobile")} {
-    gap: 32px;
-    padding: 0 20px;
-  }
-`,ns=s.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 24px;
-`,ss=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;
-  }
-`,is=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;
-  }
-`,os=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;
-  }
-`,Z=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;
-`,K=s.img`
-  display: block;
-  width: 100%;
-  aspect-ratio: 388 / 235;
-  object-fit: cover;
-`,Q=s.div`
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 12px 16px;
-`,J=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};
-`,X=s.p`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 1.57;
-  color: ${t.colors.text};
-`,rs=s.span`
-  font-weight: 600;
-  color: ${t.colors.accent};
-`,Pe=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;
-  }
-`,as=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;
-`,ls="https://docs.decentraland.org/creator/worlds/about/",cs="https://governance.decentraland.org";function ds(i){const o=typeof window<"u"?window.location.hostname:"";return`${o.endsWith("decentraland.org")?"https://decentraland.org":o.endsWith("decentraland.today")?"https://decentraland.today":"https://decentraland.zone"}/marketplace/names/browse?search=${encodeURIComponent(i)}`}function ps({onBack:i}){Fe({title:n("seo.names.title"),description:n("seo.names.description")});const{session:o,signIn:a}=Be(),{data:h}=Ue(),l=h?Le(L,h):null,[d,x]=m.useState(""),[p,r]=m.useState("idle"),[u,g]=m.useState(!1),w=m.useRef(null),[j,k]=m.useState(void 0);m.useLayoutEffect(()=>{w.current&&k(w.current.offsetWidth)},[d]),m.useEffect(()=>{if(!ze(d).ok){r(d.length===0?"idle":"invalid");return}r("checking");const _=new AbortController,R=setTimeout(()=>{(async()=>{try{const $=await en(d,{signal:_.signal});r($)}catch($){if(($==null?void 0:$.name)==="AbortError")return;r("error")}})()},400);return()=>{clearTimeout(R),_.abort()}},[d]);const f=ze(d),b=f.ok&&(p==="available"||p==="error");function v(){if(b){if(!o){a();return}g(!0)}}const E=e.jsxs(e.Fragment,{children:[n("names.claim"),l!=null?e.jsxs(es,{children:[e.jsx(M,{}),ge(l)]}):null]});return e.jsxs(An,{"data-testid":"names-page",children:[e.jsxs(Nn,{"aria-label":n("names.breadcrumbAria"),children:[e.jsx(Mn,{onClick:i,children:n("names.breadcrumbCollectibles")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(Pn,{children:n("names.breadcrumbCurrent")})]}),e.jsxs(Wn,{children:[e.jsxs(Bn,{children:[e.jsxs(Fn,{children:[e.jsx(Ln,{children:n("names.heroTitle")}),e.jsx(Un,{children:n("names.heroSubtitle")})]}),e.jsxs(Hn,{children:[e.jsxs(On,{children:[e.jsxs(Gn,{invalid:p==="taken",children:[e.jsxs(Zn,{children:[e.jsx(Kn,{"aria-hidden":!0,children:"@"}),e.jsx(Qn,{value:d,onChange:C=>x(Jt(C.target.value)),placeholder:n("names.inputPlaceholder"),"aria-label":n("names.inputAria"),autoComplete:"off",spellCheck:!1,maxLength:ee,style:{width:j!=null?`${j}px`:void 0}}),e.jsx(Dn,{ref:w,"aria-hidden":!0,children:d||n("names.inputPlaceholder")}),e.jsx(Jn,{children:n("names.suffix")})]}),d.length>0?e.jsxs(Xn,{"aria-hidden":!0,children:[d.length,"/",ee]}):null,e.jsx(Oe,{onClick:v,disabled:!b,"data-testid":"names-claim",children:E})]}),p==="taken"?e.jsxs(qn,{role:"status","data-testid":"names-taken",children:[e.jsx(S,{name:"info",size:16,"aria-hidden":!0}),e.jsx("span",{children:n("names.taken")}),e.jsxs(Vn,{href:ds(d),target:"_blank",rel:"noopener noreferrer",children:[n("names.takenMakeOffer"),e.jsx(S,{name:"external-link",size:13,"aria-hidden":!0})]})]}):null]}),e.jsx(Yn,{onClick:v,disabled:!b,children:E}),p==="checking"?e.jsx(me,{tone:"muted",role:"status","data-testid":"names-checking",children:n("names.checking")}):p==="error"?e.jsx(me,{tone:"muted",role:"status",children:n("names.checkError")}):p==="invalid"&&!f.ok&&f.reason==="too-short"?e.jsx(me,{tone:"muted",role:"status",children:n("names.tooShort",{min:He})}):null,e.jsx(as,{role:"status","aria-live":"polite",children:p==="available"?n("names.available",{name:d}):""})]})]}),e.jsxs(ts,{children:[e.jsxs(ns,{children:[e.jsx(ss,{children:n("names.whyTitle")}),e.jsx(is,{children:n("names.whyIntro")})]}),e.jsxs(os,{children:[e.jsxs(Z,{children:[e.jsx(K,{src:Tn,alt:""}),e.jsxs(Q,{children:[e.jsx(J,{children:n("names.why1Title")}),e.jsx(X,{children:n("names.why1")})]})]}),e.jsxs(Z,{children:[e.jsx(K,{src:_n,alt:""}),e.jsxs(Q,{children:[e.jsx(J,{children:n("names.why2Title")}),e.jsxs(X,{children:[n("names.why2")," ",e.jsx(rs,{children:n("names.why2Address")})]}),e.jsxs(Pe,{href:ls,target:"_blank",rel:"noopener noreferrer",children:[n("names.learnMore"),e.jsx(S,{name:"external-link","aria-hidden":!0})]})]})]}),e.jsxs(Z,{children:[e.jsx(K,{src:zn,alt:""}),e.jsxs(Q,{children:[e.jsx(J,{children:n("names.why3Title")}),e.jsx(X,{children:n("names.why3")})]})]}),e.jsxs(Z,{children:[e.jsx(K,{src:In,alt:""}),e.jsxs(Q,{children:[e.jsx(J,{children:n("names.why4Title")}),e.jsx(X,{children:n("names.why4")}),e.jsxs(Pe,{href:cs,target:"_blank",rel:"noopener noreferrer",children:[n("names.learnMore"),e.jsx(S,{name:"external-link","aria-hidden":!0})]})]})]})]})]})]}),u?e.jsx(En,{name:d,priceCredits:l,onClose:()=>g(!1)}):null]})}const hs="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",ue=48;function Ns(){const[i]=Je(),o=We(),a=(i.get("q")??"").trim().toLowerCase(),h=(i.get("q")??"").trim();Fe({title:h?n("seo.collectibles.searchTitle",{query:h}):n("seo.collectibles.title"),description:n("seo.collectibles.description")});const[l,d]=m.useState("wearable"),[x,p]=m.useState(null),[r,u]=m.useState([]),[g,w]=m.useState(""),[j,k]=m.useState(""),[f,b]=m.useState("on_sale"),[v,E]=m.useState(!1),[C,_]=m.useState("newest"),[R,$]=m.useState(!1);m.useEffect(()=>{if(!R)return;const c=W=>{W.key==="Escape"&&$(!1)};document.addEventListener("keydown",c);const T=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",c),document.body.style.overflow=T}},[R]);const z=f==="on_sale",I=g&&!Number.isNaN(Number(g))?Number(g):void 0,A=j&&!Number.isNaN(Number(j))?Number(j):void 0,te=ht(),y=x?Mt[x]:void 0,U=(_e.find(c=>c.key===C)??_e[0]).server,H={category:l,rarities:r.length?r:void 0,wearableCategories:y,minPriceCredits:I,maxPriceCredits:A,search:a||void 0,sortBy:U,isSmart:v||void 0,onSale:!0,listingType:te?void 0:"primary"},we={category:l,rarities:r.length?r:void 0,wearableCategories:y,search:a||void 0,sortBy:U,isWearableSmart:v||void 0,isOnSale:f==="not_for_sale"?!1:void 0},{items:O,total:je,isLoading:N,isPlaceholderData:P,error:ve,hasNextPage:Ge,isFetchingNextPage:$e,isFetchNextPageError:De,fetchNextPage:qe}=Wt(z?["shop-items",H]:["catalog-items",we],c=>z?lt({...H,first:ue,skip:c}):ct({...we,first:ue,skip:c}),{enabled:l!=="names"}),G=je,Ce=N||P,Ve=N?15:Math.min(Math.max(O.length,1),ue),{data:ke,isError:Ze}=Ue(),Ke=c=>ke&&c.manaWei?Le(c.manaWei,ke):null,Se=m.useRef(null);m.useEffect(()=>{N||P||!a||Se.current===a||(Se.current=a,Y("Shop Searched",{query:a,result_count:G}))},[a,N,P,G]);const D=m.useRef("__init__");m.useEffect(()=>{if(N||P)return;const c=JSON.stringify({category:l,subCategory:x,rarities:r,min:I,max:A,sort:C,status:f,smart:v});if(D.current==="__init__"||D.current===c){D.current=c;return}D.current=c,Y("Shop Applied Filter",{filters:{category:l,sub_category:x,rarities:r,min_price_credits:I??null,max_price_credits:A??null,status:f,smart:v,sort:C},result_count:G})},[l,x,r,I,A,C,f,v,N,P,G]);function Ee(c){d(c),p(null)}function Re(c){u(T=>T.includes(c)?T.filter(W=>W!==c):[...T,c])}function Qe(){d("wearable"),p(null),u([]),w(""),k(""),b("on_sale"),E(!1)}const B=[];(I!=null||A!=null)&&B.push({key:"price",label:n("filter.price"),onRemove:()=>{w(""),k("")}});for(const c of At)r.includes(c)&&B.push({key:`rarity-${c}`,label:at(c),onRemove:()=>Re(c)});return v&&B.push({key:"smart",label:n("filter.smart"),onRemove:()=>E(!1)}),f!=="on_sale"&&B.push({key:"status",label:f==="all"?n("filter.statusAll"):n("filter.notForSale"),onRemove:()=>b("on_sale")}),e.jsxs(ft,{"data-testid":"browse",children:[l!=="names"&&e.jsxs(e.Fragment,{children:[R?e.jsx(mt,{onClick:()=>$(!1),"aria-hidden":!0}):null,e.jsxs(ut,{"data-open":R||void 0,"data-testid":"browse-sidebar",children:[e.jsxs(gt,{children:[e.jsx(bt,{children:n("assets.filters")}),e.jsx(yt,{onClick:()=>$(!1),"aria-label":n("assets.closeFilters"),children:"✕"})]}),e.jsx(wt,{children:e.jsx(jt,{category:l,subCategory:x,onCategory:Ee,onSub:p,priceMin:g,priceMax:j,onPriceMin:w,onPriceMax:k,rarities:r,onToggleRarity:Re,status:f,onStatus:b,smart:v,onSmart:E})}),e.jsx(vt,{children:e.jsx($t,{type:"button",onClick:()=>$(!1),children:n("assets.showItems")})})]})]}),e.jsx(Ct,{children:l==="names"?e.jsx(ps,{onBack:()=>Ee("wearable")}):e.jsxs(e.Fragment,{children:[e.jsx(Nt,{sort:C,onSort:_,total:je,loading:N||P,query:a,onOpenFilters:()=>$(!0),chips:B,onClearChips:Qe}),Ze&&z&&O.some(c=>c.source==="legacy")?e.jsx(kt,{"data-variant":"warn",children:n("assets.marketUnavailable")}):null,ve?e.jsx(Bt,{message:n("assets.loadError"),testId:"browse-error"}):null,!Ce&&O.length===0&&!ve?e.jsxs(St,{"data-testid":"browse-empty",children:[e.jsx(Et,{src:hs,alt:""}),e.jsxs(Rt,{children:[e.jsx(Tt,{children:n("assets.empty.title")}),e.jsx(_t,{children:h?e.jsxs(e.Fragment,{children:[n("assets.empty.searchBefore"),e.jsx("b",{children:h}),n("assets.empty.searchAfter")]}):n("assets.empty.filters")})]}),e.jsx(zt,{children:e.jsx(It,{type:"button",onClick:()=>o("/overview"),children:n("assets.empty.cta")})})]}):e.jsxs(e.Fragment,{children:[e.jsx(Kt,{"data-testid":"grid",children:Ce?e.jsx(Te,{count:Ve}):e.jsxs(e.Fragment,{children:[O.map(c=>{if(!z)return e.jsx(q,{item:c,mode:"view"},V(c));const T=c;if(T.source!=="legacy")return e.jsx(q,{item:c},V(c));const W=Ke(T);return W==null?e.jsx(q,{item:c,mode:"view"},V(c)):e.jsx(q,{item:{...T,priceCredits:W}},V(c))}),$e?e.jsx(Te,{count:6}):null]})}),e.jsx(Pt,{hasNextPage:Ge,isFetching:$e,isError:De,onLoadMore:()=>void qe()})]})]})})]})}export{Ns as Assets};