@dcl/shop 0.1.0-30275838080.commit-dc84870 → 0.1.0-30277401547.commit-e877307

package/assets/Assets-BsWk8z8u.js

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