@dcl/shop 0.1.0-29994103056.commit-191afbc → 0.1.0-29996672089.commit-ce4d282

package/assets/Assets-DqZw3BZv.js

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