@dcl/shop 1.19.0 → 1.19.1-36725100317.commit-9ad1d65

package/_assets/Assets-fYcVwnf6.js

@@ -1,990 +0,0 @@
-import{r as p,b as Ze,j as e,a as bt,u as yt}from"./react-W6DPPZx2.js";import{c as se,r as wt,b as jt,bG as vt,h as Xe,j as Ye,bD as Ct,bd as $t,bb as kt,w as St,cW as Et,cX as Rt,s as i,a as t,x as dt,bm as Tt,X as _t,F as ht,t as s,cY as Mt,bJ as We,D as It,I as W,z as V,cZ as ze,E as ge,bl as At,l as Nt,O as Me,bx as Je,Z as Lt,bF as Wt,B as pt,a0 as ut,m as mt,cd as zt,ce as Pt,y as Bt,bS as Ft,ay as Ot,a2 as Ut,a4 as et,a5 as be,aJ as Ht,bT as Dt,bU as Gt}from"./index-DljoYvOw.js";import{u as qt,s as Kt}from"./search-empty-Dvn318rX.js";import{u as Vt,l as Zt,m as Qt,S as Xt,F as Yt,a as Jt}from"./Filters-BrIgTlFj.js";import{R as en,S as tn,a as nn,D as sn,b as an,C as on,c as rn,d as ln,e as cn,M as dn}from"./browseLayout.styles-CZlPJ6m5.js";import{L as hn}from"./LoadMore-B_zhlrmT.js";import{u as pn}from"./useInfiniteGrid-OYi4qkxL.js";import{E as un}from"./ErrorNotice-BWwJBVf7.js";import{d as mn}from"./dcl-schemas-Ch5C6FYh.js";import{s as fn,G as xn,w as gn,S as bn}from"./buy-gasless-DWSGCjEQ.js";import{s as yn}from"./buy-Co-ENVXc.js";import{u as wn,A as jn,C as vn}from"./trade-encoding-C2C756Mb.js";import{f as Cn}from"./errors-CLi9K-L1.js";import{J as $n,C as kn,B as Ie}from"./ethers-C4a6Jf75.js";import{z as Sn,D as En,w as Rn,W as Tn,m as _n,n as Mn,o as In,v as An,j as tt}from"./CreditPackPicker-7XbTLYv_.js";import{u as Nn,M as Ln,o as Wn,l as zn,R as Pn,c as Bn}from"./loader-logo-CIiCFwgq.js";import{P as Fn}from"./PaymentMethodStep-7Nf59EYo.js";import{R as nt}from"./resume-name-1zBWm51e.js";import{R as On}from"./resume-buy-DLoChZrc.js";import{n as Un}from"./name-glyph-aUugT8vq.js";import{c as Hn}from"./crumbs.styles-txSK4dTM.js";import{n as Dn}from"./Tooltip-csxTKEcm.js";import{G as Gn}from"./grid.styles-CpB9wS2H.js";import"./sentry-Bf5cwK6Z.js";import"./intl-AKLEHPeO.js";import"./skeleton.styles-CLPYGy7U.js";import"./sendMetaTransaction-nj4rME5D.js";import"./mana-matic-CEqvSwrJ.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new n.Error().stack;a&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[a]="a025464b-9239-48a8-b2e6-28f1828fc351",n._sentryDebugIdIdentifier="sentry-dbid-a025464b-9239-48a8-b2e6-28f1828fc351")}catch{}})();function ye(n){const a=n.source??"item",r=n.tradeId||`${n.contractAddress}-${n.tokenId??n.itemId??""}`;return`${a}:${r}`}const Z="100000000000000000000",ft=2,Ae=15,qn=/^[a-zA-Z0-9]+$/;function st(n){const a=n.trim();return a.length===0?{ok:!1,reason:"empty"}:qn.test(a)?a.length<ft?{ok:!1,reason:"too-short"}:a.length>Ae?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function Kn(n){return n.replace(/[^a-zA-Z0-9]/g,"").slice(0,Ae)}const Vn=["function available(string _subdomain) view returns (bool)"],it={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function Zn(){return se.chainId===Number(mn.ChainId.MATIC_MAINNET)?it.mainnet:it.sepolia}async function Qn(n,a={}){var g;const{rpc:r,address:h}=Zn(),d=new $n(r),w=new kn(h,Vn,d);console.info(`[names] availability check → DCLRegistrar(${h}).available("${n}") on ${r}`);const c=await w.available(n);if((g=a.signal)!=null&&g.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${n}" available=${c}`),c?"available":"taken"}const Xn="https://app.across.to/api";class Qe extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}class Ke extends Error{constructor(){super("The name could not be registered on Ethereum; your funds were recovered."),this.name="NameNotRegisteredError"}}class Ve extends Error{constructor(){super("We couldn't confirm whether the purchase went through."),this.name="NameSettlementUnknownError"}}function Yn(n){return $t(Z,n)}async function Jn(n,a,r={}){var g;const h=r.chainId??se.chainId,d=r.provider??"across",w=`${se.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(a)}&chainId=${h}&provider=${d}`,c=await kt(w,{method:"GET",identity:n,metadata:{}});if(!c.ok){let l;try{l=(g=await c.json())==null?void 0:g.code}catch{}throw l==="ROUTE_COST_TOO_HIGH"?new Qe:new Error(`fetchNameCreditRoute ${c.status}`)}return c.json()}function es(n,a){const r=Ie.from(n.availableAmount),d=Ie.from(Z).sub(r);return{credits:[{value:n.amount,expiresAt:Number(n.expiresAt),salt:vn(n.id)}],creditsSignatures:[n.signature],externalCall:{target:a.externalCall.target,selector:a.externalCall.selector,data:a.externalCall.data,expiresAt:a.externalCall.expiresAt,salt:a.externalCall.salt},customExternalCallSignature:a.customExternalCallSignature,maxUncreditedValue:d.isNegative()?"0":d.toString(),maxCreditedValue:Z}}async function ts(n,a={}){const r=Xn,h=a.intervalMs??1e4,d=a.maxAttempts??60;let w={status:"pending",destinationTxHash:null,actionsSucceeded:null};for(let c=0;c<d;c++){try{const g=await fetch(`${r}/deposit/status?originChainId=137&depositTxHash=${n}`);if(g.ok){const l=await g.json(),j=(l.status??"pending").toLowerCase(),b=l.fillTx??l.fillTxnRef??null,C=typeof l.actionsSucceeded=="boolean"?l.actionsSucceeded:null;if(j==="filled")return{status:"filled",destinationTxHash:b,actionsSucceeded:C};if(j==="refunded"||j==="expired")return{status:j,destinationTxHash:null,actionsSucceeded:!1};w={status:"pending",destinationTxHash:b,actionsSucceeded:C}}}catch{}c<d-1&&await new Promise(g=>setTimeout(g,h))}return w}async function ns(n){const{name:a,identity:r,signer:h}=n,d=b=>{var C;try{(C=n.onProgress)==null||C.call(n,b)}catch{}},w=n.chainId??se.chainId,c=n.provider??"across",g=(n.beneficiary??await h.getAddress()).toLowerCase();let l=null,j="unconfirmed";console.info("[names] register start",{name:a,buyer:g,chainId:w,provider:c}),d("preparing");try{const b=await wt(jt(se.chainId).address),C=Yn(b),m=n.creditsCents!=null?Math.max(1,Math.min(Math.trunc(n.creditsCents),C)):C,k=m<C;console.info("[names] step 1/6 sized reservation",{usdCents:m,fullPriceCents:C,payingWithMana:k,manaRate:b});const x=await Jn(r,a,{chainId:w,provider:c});console.info("[names] step 2/6 route fetched",{target:x.externalCall.target,selector:x.externalCall.selector,provider:x.provider,quoteId:x.quoteId});const y=await vt(r,m,void 0,void 0,a);if(l=y.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:y.credit.id,maxCreditedValue:y.maxCreditedValue}),!k&&Ie.from(y.maxCreditedValue).lt(Z))throw new Error("Credit under-sized for the name price");if(k){const u=Ie.from(Z).sub(y.credit.availableAmount);if(n.maxManaWei!=null&&u.gt(n.maxManaWei.toString()))throw new Error("The MANA needed moved past what was agreed");u.gt(0)&&(d("awaiting-confirmation"),await wn({auth:{kind:jn.Allowance,contractAddress:Xe(Ye.MANAToken,w).address,spenderAddress:Xe(Ye.CreditsManager,w).address,chainId:w},signer:h,requiredWei:BigInt(u.toString())}),console.info("[names] step 3b/6 mana allowance ensured",{gapWei:u.toString()}))}d("awaiting-confirmation");const v=es(y.credit,x);let $;try{$=await fn({chainId:w,buyer:g,signer:h,args:v})}catch(u){if(!(u instanceof xn))throw u;if(u.reason==="relayer-unreachable"){j="unobservable";const N=new Ve;throw N.cause=u,N}$=await yn(w,v,h)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:$}),d("confirming"),await gn($),j="confirmed",console.info("[names] step 5/6 origin tx confirmed",{originTxHash:$}),c==="across"){d("registering");const u=await ts($,n.acrossPoll);if(console.info("[names] step 6/6 across status",u),u.status==="pending")return{status:"pending",originTxHash:$};if(u.status==="filled"&&u.actionsSucceeded===null)return console.warn("[names] across filled without reporting actionsSucceeded — reporting pending",{originTxHash:$}),{status:"pending",originTxHash:$};if(u.status!=="filled"||u.actionsSucceeded!==!0)throw new Ke;return{status:"registered",originTxHash:$,destinationTxHash:u.destinationTxHash}}return{status:"pending",originTxHash:$}}catch(b){if(console.error("[names] register failed — raw error:",b,{name:a,buyer:g,originState:j}),b instanceof bn)return{status:"pending",originTxHash:b.txHash};if(l&&j==="unconfirmed"&&await Ct(r,[l]).catch(()=>{}),b instanceof Qe||b instanceof Ke||b instanceof Ve)throw b;const C=new Error(Cn(b,"Couldn't register the name. Please try again.",{sale:!0}));throw C.cause=b,C}}function ss(){const{data:n}=St({queryKey:["feature-flag","shop-names"],queryFn:()=>Et(Rt.SHOP_NAMES),staleTime:6e4,refetchOnWindowFocus:!0,retry:1});return n===!0}const is=60,as=700,os=25;function rs(n){if(!n)return[];const a=[];for(let r=1;r<=n.length;r++)a.push({text:n.slice(0,r),delay:is});a[a.length-1]={text:n,delay:as};for(let r=n.length-1;r>=1;r--)a.push({text:n.slice(0,r),delay:os});return a}function ls(n){return n.flatMap(rs)}function cs(n,a){const r=p.useMemo(()=>ls(n),[n]),[h,d]=p.useState(0);return p.useEffect(()=>{if(!a||r.length===0)return;const w=setTimeout(()=>d(c=>(c+1)%r.length),r[h%r.length].delay);return()=>clearTimeout(w)},[h,a,r]),!a||r.length===0?"":r[h%r.length].text}const ds="https://cdn.decentraland.org/@dcl/shop/1.19.0/_assets/name-verified-oGwQ3ntb.svg",hs="#34fee6",ps=i.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);
-`,us=i.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;
-  }
-`,Pe=i.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-`,Be=i.h2`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${t.colors.text};
-`,Fe=i.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;
-  }
-`,Oe=i.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.text};
-  }
-`,Ue=i.hr`
-  border: 0;
-  border-top: 1px solid ${t.colors.line};
-  margin: 16px 0;
-`,we=i.div`
-  display: flex;
-  align-items: center;
-  gap: 16px;
-`,ms=i.div`
-  flex: none;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  width: 137px;
-  height: 137px;
-  padding: 20px 0;
-  border-radius: 12px;
-  overflow: hidden;
-  background: ${t.gradients.amethyst};
-`,fs=i.img`
-  display: block;
-  width: 47px;
-  height: 47px;
-`,xs=i.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  max-width: 100%;
-  padding: 0 8px;
-  font-family: ${t.font.sans};
-  font-size: 18px;
-  font-weight: 600;
-  /* The design's cyan — it has to read against the purple, which the body text colour would not. */
-  color: ${hs};
-  white-space: nowrap;
-  overflow: hidden;
-
-  /* Truncation belongs on the flex item, not this box: text-overflow is inert on a flex container, and
-     the zero min-width is what lets the name shrink instead of pushing the tick out. */
-  > span {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-`,gs=i.img`
-  flex: none;
-  display: block;
-  width: 14px;
-  height: 14px;
-`,He=i.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;
-  }
-`,je=i.div`
-  flex: 1;
-  min-width: 0;
-`,ve=i.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};
-  }
-`,Ce=i.div`
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  color: ${t.colors.muted2};
-`,$e=i.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.text};
-  }
-`,bs=i.div`
-  margin-top: 16px;
-  padding: 16px;
-  border-radius: 12px;
-  background: ${t.colors.promptLilac};
-`,ys=i.div`
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 16px;
-  color: ${t.colors.text};
-`,ws=i.p`
-  margin: 8px 0 16px;
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  line-height: 1.5;
-  color: ${t.colors.text2};
-
-  /* The chosen NAME is filled with the gradient the design runs through it (1356:335140), not a flat
-     violet — background-clip is the only way to paint a text run with one. */
-  b {
-    font-weight: 700;
-    background: linear-gradient(180deg, ${t.colors.dclRed}, ${t.colors.magenta});
-    background-clip: text;
-    -webkit-background-clip: text;
-    color: transparent;
-  }
-`,js=i.label`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 14px;
-  background: ${t.colors.softWhite};
-  /* A hairline in Gray 2, not a full pixel of soft-black: this field sits INSIDE the lilac panel and
-     the heavier edge made it read as the modal's primary control (Figma 1356:335172). */
-  border: 0.5px solid ${t.colors.muted};
-  border-radius: 8px;
-  cursor: text;
-
-  &:focus-within {
-    border-color: ${t.colors.magenta};
-  }
-`,vs=i.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 18px;
-  color: ${t.colors.muted2};
-`,Cs=i.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;
-  }
-`,$s=i.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 16px;
-  color: ${t.colors.muted2};
-`,De=i.button`
-  margin-top: 16px;
-  width: 100%;
-  height: 46px;
-  border: 0;
-  border-radius: 12px;
-  cursor: pointer;
-  background: ${t.gradients.buyBtn};
-  color: ${t.colors.softWhite};
-  font-family: ${t.font.sans};
-  font-weight: 600;
-  font-size: 15px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  transition: background-image 0.15s ease;
-
-  /* Both ends stay on background-IMAGE: a gradient cannot interpolate to a plain colour, so swapping
-     the shorthand instead blanks the button for the length of the transition. */
-  &:hover:not(:disabled),
-  &:active:not(:disabled) {
-    background-image: linear-gradient(${t.colors.dclRed}, ${t.colors.dclRed});
-  }
-  &:focus-visible {
-    outline: 2px solid ${t.colors.accent};
-    outline-offset: 2px;
-  }
-  &:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-`,ks=i.div`
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 32px;
-  padding: 32px 0 8px;
-`,Ss=i.img`
-  width: 61px;
-  height: 61px;
-`,Es=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-`,Rs=i.div`
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${t.colors.text2};
-  text-align: center;
-`,Ts=i.p`
-  max-width: 400px;
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  line-height: 1.57;
-  color: ${t.colors.muted};
-  text-align: center;
-`,_s=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  width: 100%;
-`,Ms=i.div`
-  flex: 1;
-  max-width: 400px;
-  height: 10px;
-  border-radius: 100px;
-  background: rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-
-  span {
-    display: block;
-    height: 100%;
-    width: 33%;
-    border-radius: 100px;
-    background: ${t.gradients.buyBtn};
-    animation: nameProgress 1.1s ease-in-out infinite;
-  }
-
-  @keyframes nameProgress {
-    0% {
-      transform: translateX(-100%);
-    }
-    100% {
-      transform: translateX(320%);
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    span {
-      width: 33%;
-      animation: none;
-    }
-  }
-`,Is=i.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 16px;
-  line-height: 22px;
-  color: ${t.colors.text2};
-`,As=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  padding: 24px;
-  border-radius: 12px;
-  background: #e2f5ea;
-  text-align: center;
-`,Ns=i.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;
-  }
-`,Ls=i.p`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-size: 16px;
-  line-height: 1.4;
-  color: ${t.colors.text};
-
-  b {
-    font-weight: 700;
-  }
-`,at=i.div`
-  display: flex;
-  gap: 16px;
-  margin-top: 20px;
-
-  ${t.media.maxWidth("mobile")} {
-    flex-direction: column;
-  }
-`,ot=i.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;
-  }
-`,Ws=i.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;
-  }
-`,Ge=i.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};
-    }
-  }
-`,zs=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  margin-top: 16px;
-`;i(Sn)`
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 28px 12px;
-
-  ${t.media.maxWidth("mobile")} {
-    gap: 24px 12px;
-  }
-`;i(En)`
-  position: relative;
-`;i.span`
-  position: absolute;
-  top: -12px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 2;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 12px 4px 8px;
-  border-radius: ${t.radius.pill};
-  background: ${t.gradients.flare};
-  font-family: ${t.font.sans};
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 18px;
-  color: ${t.colors.white};
-  white-space: nowrap;
-
-  .ico {
-    width: 16px;
-    height: 16px;
-  }
-`;const Ps=i.div`
-  display: flex;
-  gap: 12px;
-`,Bs=i.span`
-  display: grid;
-  place-items: center;
-  width: 100%;
-  height: 100%;
-  background: ${t.gradients.amethyst};
-  font-family: ${t.font.sans};
-  font-size: 32px;
-  font-weight: 700;
-  color: ${t.colors.white};
-`;function Fs({name:n,priceCredits:a,onClose:r}){const{session:h}=dt(),{data:d,isError:w}=Tt(h),c=_t(),g=Ze(),[l,j]=p.useState("confirm"),[b,C]=p.useState(""),[m,k]=p.useState(""),[x,y]=p.useState(!1),[v,$]=p.useState(null),u=(v==null?void 0:v.rail)??"credits",[N,F]=p.useState(null),[re,I]=p.useState(!1),[R,O]=p.useState("preparing"),B=p.useRef(!1),ie=b.trim().toLowerCase()===n.toLowerCase(),T=l==="completing"||x,A=a!=null?ht(a):"—",L=a==null,J=d==null?void 0:d.credits,U=a!=null&&J!=null?a-J:0,z=U>0,H=L?s("names.priceUnavailable"):null,{data:G}=Mt(h),q=(G==null?void 0:G.matic)??0n,D=Rn({priceCents:a!=null?a*We:0,priceManaWei:BigInt(Z),balanceCents:(d==null?void 0:d.balanceCents)??0,manaBalanceWei:q,manaOnlyRail:!1}),S=D.options.some(f=>f.method!=="credits"),P=D.options.find(f=>f.method==="combined"),_=v==null&&S&&!L,M=Nn().packs.slice(0,Ln),{packs:ae,recommended:ee,closesGap:le}=Wn(M,U),K=ae.find(f=>f.id===m)??ee;p.useEffect(()=>{const f=E=>{E.key==="Escape"&&!T&&r()};return document.addEventListener("keydown",f),()=>document.removeEventListener("keydown",f)},[T,r]);async function Ne(){if(!h||!ie||L||B.current||u==="credits"&&z)return;B.current=!0;const f=u==="combined"?Math.floor(((v==null?void 0:v.creditsCents)??0)/We):a??null;j("completing"),F(null),O("preparing");try{const E=await ns({name:n,identity:h.identity,signer:h.signer,creditsCents:v==null?void 0:v.creditsCents,maxManaWei:v==null?void 0:v.manaWei,onProgress:O});Me("Shop Completed Purchase",{items:[{item_id:null,contract_address:null,token_id:null,price_usd:Je(a??0),category:"name",is_smart:!1}],purchase_type:"name",is_primary:!0,payment_type:u==="combined"?"credits_and_mana":"credits",value_credits:f,value_usd:Je(f??0),transaction_hash:E.originTxHash??null,settlement:E.status}),c.invalidateQueries({queryKey:["usd-balance"]}),c.invalidateQueries({queryKey:["my-assets"]}),j(E.status==="registered"?"success":"pending")}catch(E){Me(Wt(E)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Lt(E),purchase_type:"name"});const oe=E instanceof Ke,fe=E instanceof Ve;F(E instanceof Qe?s("names.errorRouteCost"):oe?s("names.errorNotRegistered"):fe?s("names.errorSettlementUnknown"):(E==null?void 0:E.message)||s("names.errorGeneric")),I(oe||fe),j("error")}finally{B.current=!1}}p.useEffect(()=>{const f=E=>{E.persisted&&y(!1)};return window.addEventListener("pageshow",f),()=>window.removeEventListener("pageshow",f)},[]);async function te(){if(!(!h||!K||x)){y(!0);try{sessionStorage.removeItem(Pn),sessionStorage.removeItem(On),sessionStorage.setItem(nt,n)}catch{}try{const f=await Bn(K.id,{address:h.address,identity:h.identity});if(f.url){window.location.href=f.url;return}if(!f.orderId)throw new Error("Checkout returned neither a redirect url nor an order id");g(`/credits?order=${encodeURIComponent(f.orderId)}`)}catch(f){Nt(f,{flow:"name_buy_credits"});try{sessionStorage.removeItem(nt)}catch{}F(s("buyModal.error.creditsCheckout")),I(!1),j("error"),y(!1)}}}const ce=l!=="success"&&l!=="pending"&&!_,de=It(h==null?void 0:h.providerType),he=de?2:1,pe=de&&(R==="preparing"||R==="awaiting-confirmation"),Le=pe?1:he,ue=pe?s("names.confirming"):R==="registering"?s("names.registering"):s("names.completing"),me=R==="registering"?s("names.processingRegistering"):null,Q=l==="confirm"&&z&&!S,X=l==="error"?s("names.errorTitle"):Q?s("names.buyCreditsTitle"):s("names.buyTitle");return e.jsx(ps,{onClick:T?void 0:r,role:"presentation",children:e.jsxs(us,{role:"dialog","aria-modal":"true","aria-label":X,onClick:f=>f.stopPropagation(),children:[ce&&e.jsxs(e.Fragment,{children:[e.jsxs(Pe,{children:[e.jsx(Be,{children:X}),e.jsx(Fe,{onClick:r,disabled:T,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Oe,{children:[s("names.myCreditsBalance")," ",e.jsx(V,{})," ",ze(d,w)]}),e.jsx(Ue,{})]}),Q&&e.jsxs(zs,{children:[e.jsxs(Tn,{children:[e.jsx(_n,{}),e.jsxs(Mn,{children:[e.jsx("b",{children:s("buyModal.insufficientFunds")})," ",s("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:s("buyModal.warningCreditsAmount",{count:U})})," ",s("names.warningToPurchase"),ge()?null:e.jsxs(e.Fragment,{children:[" ",e.jsx(In,{href:At("/credits"),target:"_blank",rel:"noopener noreferrer",children:s("buyModal.warningLearnMore")})]})]})]}),ge()?e.jsxs(we,{"data-testid":"name-row-iap",children:[e.jsx(He,{"aria-hidden":!0,children:"@"}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}):null,ge()?null:e.jsx(e.Fragment,{children:e.jsx(An,{packs:ae,selectedId:K==null?void 0:K.id,onSelect:k,recommendedId:le?ee==null?void 0:ee.id:void 0})}),e.jsxs(Ps,{children:[e.jsx(tt,{"data-variant":"outline",onClick:r,disabled:T,"data-testid":"name-topup-cancel",children:s("buyModal.cancel")}),ge()?null:e.jsx(tt,{"data-variant":"gradient","data-testid":"name-buy-credits",disabled:!h||!K||x,onClick:()=>void te(),children:s("buyModal.buy")})]})]}),l==="confirm"&&!Q&&_&&e.jsx(Fn,{asset:{name:`${n}.dcl.eth`,caption:s("names.subtitle"),thumb:e.jsx(Bs,{"aria-hidden":!0,children:"@"})},priceCredits:a??0,priceCents:(a??0)*We,options:D.options,priceManaWei:BigInt(Z),balanceCredits:(d==null?void 0:d.credits)??0,manaBalanceWei:q,onBuy:f=>{$(f==="combined"&&P?{rail:"combined",creditsCents:P.creditsCents,manaWei:P.manaWei}:{rail:"credits"})},onClose:r,busy:T}),(l==="confirm"||l==="error")&&!Q&&!_&&e.jsxs(e.Fragment,{children:[e.jsxs(we,{children:[e.jsx(He,{"aria-hidden":!0,children:"@"}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}),l==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(Ge,{children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsx("span",{children:N})]}),re?e.jsx(De,{onClick:r,children:s("names.errorSpentDismiss")}):e.jsx(De,{onClick:()=>j("confirm"),children:s("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(bs,{children:[e.jsx(ys,{children:s("names.confirmTitle")}),e.jsx(ws,{dangerouslySetInnerHTML:{__html:s("names.confirmBody",{name:`<b>@${Os(n)}</b>`})}}),e.jsxs(js,{children:[e.jsx(vs,{"aria-hidden":!0,children:"@"}),e.jsx(Cs,{value:b,onChange:f=>C(f.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":s("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(b.length,8)}ch`}}),e.jsx($s,{children:".dcl.eth"})]})]}),H?e.jsxs(Ge,{"data-tone":"info","data-testid":"name-blocked-reason",children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsx("span",{children:H})]}):null,e.jsx(De,{onClick:()=>void Ne(),disabled:!ie||!h||L||u==="credits"&&z,children:s("names.buyCta")})]})]}),l==="completing"&&e.jsxs(ks,{children:[e.jsx(Ss,{src:zn,alt:"",width:61,height:61}),e.jsxs(Es,{children:[e.jsx(Rs,{children:ue}),e.jsxs(_s,{children:[e.jsx(Ms,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx(Is,{"data-testid":"name-progress-count",children:`${Le}/${he}`})]}),me?e.jsx(Ts,{children:me}):null]})]}),l==="pending"&&e.jsxs(e.Fragment,{children:[e.jsxs(Pe,{children:[e.jsx(Be,{children:s("names.pendingHeaderTitle")}),e.jsx(Fe,{onClick:r,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Oe,{children:[s("names.myCreditsBalance")," ",e.jsx(V,{})," ",ze(d,w)]}),e.jsx(Ue,{}),e.jsxs(Ge,{"data-tone":"info",children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsxs("span",{children:[e.jsx("b",{children:s("names.pendingBannerBold")})," ",s("names.pendingBannerRest")]})]}),e.jsxs(we,{style:{marginTop:20},children:[e.jsx(He,{"aria-hidden":!0,children:"@"}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}),e.jsx(at,{children:e.jsx(ot,{onClick:()=>{r(),g("/my-items")},children:s("names.myItems")})})]}),l==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs(Pe,{children:[e.jsx(Be,{children:s("names.successHeaderTitle")}),e.jsx(Fe,{onClick:r,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Oe,{children:[s("names.myCreditsBalance")," ",e.jsx(V,{})," ",ze(d,w)]}),e.jsx(Ue,{}),e.jsxs(As,{children:[e.jsx(Ns,{"aria-hidden":!0,children:e.jsx(W,{name:"check"})}),e.jsxs(Ls,{children:[e.jsx("b",{children:s("names.successBannerBold")})," ",s("names.successBannerRest")]})]}),e.jsxs(we,{style:{marginTop:20},children:[e.jsxs(ms,{"data-testid":"name-success-tile",children:[e.jsx(fs,{src:Un,alt:"","aria-hidden":!0,width:47,height:47}),e.jsxs(xs,{children:[e.jsx("span",{"aria-hidden":!0,children:n}),e.jsx(gs,{src:ds,alt:"","aria-hidden":!0,width:14,height:14})]})]}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}),e.jsxs(at,{children:[e.jsx(ot,{onClick:()=>{r(),g("/my-items")},children:s("names.myItems")}),e.jsx(Ws,{href:se.profileUrl,target:"_blank",rel:"noopener noreferrer",children:s("names.assignToAvatar")})]})]})]})})}function Os(n){return n.replace(/[&<>"']/g,a=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[a])}const Us="https://cdn.decentraland.org/@dcl/shop/1.19.0/_assets/identity-icon-C8yAW_Gq.svg",Hs="https://cdn.decentraland.org/@dcl/shop/1.19.0/_assets/world-icon-6xQ-PmmW.svg",Ds="https://cdn.decentraland.org/@dcl/shop/1.19.0/_assets/invite-icon-Bz6lCTuB.svg",Gs="data:image/svg+xml,%3csvg%20width='55.6797'%20height='63.6174'%20viewBox='0%200%2055.6797%2063.6174'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Vote'%3e%3cpath%20id='Vector'%20d='M0.055012%2039.1045C1.61191%2039.4989%202.83757%2039.3938%204.4307%2039.392L8.27108%2039.3878L20.7762%2039.3883L42.8819%2039.3904L50.0954%2039.3907C51.793%2039.3907%2054.0562%2039.5509%2055.6466%2039.0843C55.5909%2040.7931%2055.647%2042.8581%2055.6469%2044.5864L55.6479%2055.616L55.6559%2059.5618C55.6583%2060.6219%2055.8213%2061.9838%2055.261%2062.8837C55.2205%2062.9265%2055.1794%2062.9688%2055.1377%2063.0104C54.7986%2063.3482%2054.3791%2063.5594%2053.9021%2063.5761C52.0714%2063.642%2050.1544%2063.6097%2048.3241%2063.6078L37.4452%2063.6066L2.97352%2063.6103C2.2022%2063.6084%201.15943%2063.6718%200.589171%2063.0576C-0.204857%2062.2037%200.0327979%2060.3244%200.0349529%2059.1687L0.0414734%2054.3929C0.0413119%2049.3191%20-0.00749456%2044.1727%200.055012%2039.1045Z'%20fill='white'%20fill-opacity='0.8'/%3e%3cpath%20id='Subtract'%20d='M37.1168%200.00495927C38.1773%200.00461149%2039.2888%20-0.0284991%2040.3433%200.0811311C41.0714%200.15695%2041.7266%200.914583%2041.7857%201.63484C41.853%202.45491%2041.8268%203.31926%2041.8258%204.15144L41.8189%208.70418L41.8199%2023.9639L40.1099%2023.9659L13.8726%2023.963L13.8678%209.0909L13.8648%204.29793C13.8644%202.52652%2013.3942%200.34203%2015.6754%200.0342561C15.8907%200.016712%2016.237%200.0120998%2016.4557%200.0117952C21.6059%200.00480262%2026.761%200.0117634%2031.9107%200.00788896L37.1168%200.00495927ZM33.3834%206.17293C32.439%206.55612%2031.0531%208.12922%2030.3014%208.88191L25.8297%2013.3634C25.3537%2012.824%2023.3455%2010.7605%2022.8209%2010.4239C22.5581%2010.2549%2022.2566%2010.1546%2021.9449%2010.1329C21.4563%2010.1008%2020.9754%2010.2879%2020.6139%2010.6134C20.2442%2010.9428%2020.0227%2011.4077%2020.0006%2011.9024C19.9561%2013.0748%2021.3406%2014.1198%2022.1256%2014.8868C22.9429%2015.714%2024.1669%2017.1028%2025.1168%2017.67C26.1632%2018.2949%2027.3471%2017.2145%2027.9723%2016.4942C30.25%2014.2025%2032.5393%2011.9456%2034.8101%209.64949C35.2937%209.16062%2035.7138%208.69126%2035.6851%207.96199C35.6419%206.86558%2034.7821%206.09682%2033.6959%206.14656C33.5914%206.15085%2033.4872%206.16001%2033.3834%206.17293Z'%20fill='%23FF7439'/%3e%3cpath%20id='Vector_2'%20d='M45.5498%2015.976C46.6399%2015.986%2049.9504%2015.7705%2050.7361%2016.241C51.0104%2016.4053%2051.2831%2016.6446%2051.4181%2016.9397C51.892%2017.9763%2052.1015%2019.357%2052.3802%2020.4819L54.0582%2027.2308C54.5046%2028.9073%2054.9023%2030.6043%2055.3338%2032.2824C55.6029%2033.329%2055.9417%2034.4293%2054.9705%2035.2255C54.8158%2035.359%2054.4427%2035.5934%2054.2329%2035.6091C52.7731%2035.7184%2051.1693%2035.6701%2049.7108%2035.6679L39.4635%2035.6649L14.5239%2035.6632C10.471%2035.6631%206.41808%2035.6665%202.36531%2035.6698C1.79359%2035.6657%201.33794%2035.6604%200.844568%2035.337C-0.57365%2034.4073%200.381076%2032.2112%200.72189%2030.8501L1.93462%2025.9936L3.28579%2020.566C3.53371%2019.5688%203.77194%2018.5694%204.04289%2017.5781C4.30559%2016.6172%204.74298%2016.1492%205.73966%2015.9892C7.15095%2015.9419%208.72017%2015.9778%2010.1434%2015.9809L10.1451%2023.9585C7.37011%2024.097%207.74242%2027.5535%209.84963%2027.6469C11.6268%2027.7258%2013.6164%2027.6909%2015.4098%2027.691L26.229%2027.6915L39.1339%2027.691L43.273%2027.6909C44.748%2027.6909%2047.2174%2028.0848%2047.3773%2025.9908C47.4212%2025.4807%2047.2565%2024.9745%2046.9209%2024.5879C46.5265%2024.141%2046.1143%2024.0046%2045.5418%2023.9673L45.5498%2015.976Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e",qs=i.div`
-  width: 100%;
-  min-width: 0;
-`,Ks=i.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.gray4};
-  ${Hn};
-`,Vs=i.button`
-  border: 0;
-  background: none;
-  padding: 0;
-  cursor: pointer;
-  font: inherit;
-  color: ${t.colors.gray4};
-
-  &:hover {
-    color: ${t.colors.white};
-    text-decoration: underline;
-  }
-  &:focus-visible {
-    outline: 2px solid ${t.colors.white};
-    outline-offset: 2px;
-  }
-`,Zs=i.span`
-  font-weight: 700;
-  color: ${t.colors.softWhite};
-`,Qs=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 48px;
-  padding-bottom: 48px;
-
-  ${t.media.maxWidth("mobile")} {
-    gap: 32px;
-    padding-bottom: 32px;
-  }
-`,Xs=i.div`
-  position: relative;
-  border: 1px solid ${t.colors.magenta};
-  border-radius: 24px;
-  overflow: hidden;
-  padding: 88px 48px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 48px;
-  text-align: center;
-  background: ${t.colors.overlay};
-
-  ${t.media.maxWidth("mobile")} {
-    padding: 40px 20px;
-    gap: 28px;
-  }
-`,Ys=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-`,Js=i.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;
-  }
-`,ei=i.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;
-  }
-`,ti=i.div`
-  width: min(785px, 100%);
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,ni=i.div`
-  position: relative;
-`,si=i("div",Dn("invalid"))`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 8px 8px 16px;
-  background: ${t.colors.softWhite};
-  /* Figma 1368:349148 gives the field a 3px Orange edge — it is the page's one input, and the design
-     leans on that weight to carry it. Red only when what has been typed cannot be claimed. */
-  border: 3px solid ${({invalid:n})=>n?t.colors.dclRed:t.colors.orange};
-  border-radius: 20px;
-
-  &:focus-within {
-    border-color: ${({invalid:n})=>n?t.colors.dclRed:t.colors.magenta};
-  }
-
-  ${t.media.maxWidth("mobile")} {
-    border-radius: 16px;
-  }
-`,ii=i.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;
-
-  /* An empty field paints the PLACEHOLDER, which is lighter than a typed value — so the mirror has to
-     be lighter too. Measuring the placeholder at the value's weight made the box a few pixels wider
-     than the text in it, and ".dcl.eth" sat that far off the end of the word. */
-  &[data-placeholder] {
-    font-weight: 400;
-  }
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,ai=i.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;
-  }
-`,xt=i.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  margin-left: auto;
-  font-weight: 600;
-  text-decoration: underline;
-  text-transform: uppercase;
-  white-space: nowrap;
-
-  ${t.media.maxWidth("mobile")} {
-    margin-left: 0;
-  }
-`,oi=i(xt)`
-  color: #ec303a;
-`,ri=i.label`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 0;
-  cursor: text;
-  overflow: hidden;
-`,li=i.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;
-  }
-`,ci=i.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;
-  }
-`,di=i.span`
-  flex: none;
-  /* Flush against the name: "yourname.dcl.eth" has to read as one address, and at 20px even a couple of
-     pixels here look like a space someone typed by mistake. */
-  margin-left: 0;
-  /* Not selectable: it is the fixed part of the address, not something the reader typed. */
-  user-select: none;
-  -webkit-user-select: none;
-  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;
-  }
-`,hi=i.span`
-  flex: none;
-  font-family: ${t.font.sans};
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${t.colors.muted2};
-  white-space: nowrap;
-`,gt=i.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.buyBtn};
-  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;
-  transition: background-image 0.15s ease;
-
-  /* Both ends stay on background-IMAGE: a gradient cannot interpolate to a plain colour, so swapping
-     the background shorthand instead blanks the button for the length of the transition. */
-  &:hover:not(:disabled),
-  &:active:not(:disabled) {
-    background-image: linear-gradient(${t.colors.dclRed}, ${t.colors.dclRed});
-  }
-  &:focus-visible {
-    outline: 2px solid ${t.colors.white};
-    outline-offset: 2px;
-  }
-  &:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-
-  ${t.media.maxWidth("mobile")} {
-    display: none;
-  }
-`,pi=i(gt)`
-  display: none;
-
-  ${t.media.maxWidth("mobile")} {
-    display: inline-flex;
-    width: 100%;
-    height: 48px;
-    border-radius: 12px;
-  }
-`,ui=i.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 18px;
-  font-weight: 600;
-
-  .ico {
-    width: 13.26px;
-    height: 14px;
-  }
-`,mi=i.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"?t.colors.dclRed:n==="ok"?"#0f7a4f":"#ecebed"};
-
-  .ico {
-    width: 16px;
-    height: 16px;
-    flex: none;
-  }
-`,ke=i(mi)`
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  right: 0;
-  z-index: 2;
-
-  /* Static on mobile, as TakenBanner is: the claim button sits below InputWrap there, so anything
-     floating out of the input lands on top of it. */
-  ${t.media.maxWidth("mobile")} {
-    position: static;
-    margin-top: 8px;
-  }
-`,fi=i(xt)`
-  color: inherit;
-`,xi=i.section`
-  display: flex;
-  flex-direction: column;
-  gap: 48px;
-  padding: 0 48px;
-
-  ${t.media.maxWidth("mobile")} {
-    gap: 32px;
-    padding: 0 20px;
-  }
-`,gi=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 24px;
-`,bi=i.h2`
-  margin: 0;
-  text-align: center;
-  font-family: ${t.font.sans};
-  font-weight: 600;
-  font-size: 32px;
-  line-height: 1.167;
-  color: ${t.colors.white};
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 22px;
-  }
-`,yi=i.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.gray4};
-
-  ${t.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,wi=i.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;
-  }
-`,Se=i.article`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 32px;
-  padding: 24px;
-  background: ${t.colors.overlay};
-  border-radius: 24px;
-
-  @media (forced-colors: active) {
-    outline: 1px solid CanvasText;
-  }
-
-  ${t.media.maxWidth("mobile")} {
-    gap: 20px;
-    padding: 20px;
-  }
-`,Ee=i.img`
-  display: block;
-  align-self: flex-start;
-  height: 55px;
-  width: auto;
-`,Re=i.div`
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Te=i.h3`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 1.57;
-  text-transform: uppercase;
-  color: ${t.colors.white};
-`,_e=i.p`
-  margin: 0;
-  font-family: ${t.font.sans};
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 1.57;
-  color: ${t.colors.media};
-`,ji=i.span`
-  font-weight: 700;
-  color: ${t.colors.white};
-`,rt=i.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.softWhite};
-  text-decoration: underline;
-
-  &:focus-visible {
-    outline: 2px solid ${t.colors.softWhite};
-    outline-offset: 2px;
-  }
-
-  .ico {
-    width: 13px;
-    height: 13px;
-  }
-`,vi=i.span`
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-`,Ci="https://docs.decentraland.org/creator/worlds/about/",$i="https://governance.decentraland.org";function lt(n){const a=typeof window<"u"?window.location.hostname:"";return`${a.endsWith("decentraland.org")?"https://decentraland.org":a.endsWith("decentraland.today")?"https://decentraland.today":"https://decentraland.zone"}/marketplace/names/browse?search=${encodeURIComponent(n)}`}function ki({onBack:n}){pt({title:s("seo.names.title"),description:s("seo.names.description")});const{session:a,signIn:r}=dt(),h=Ze(),d=bt(),{pathname:w,search:c}=d,g=d.state,l=typeof(g==null?void 0:g.resumeName)=="string"?g:void 0,j=ss(),{data:b}=ut(),C=b?mt(Z,b):null,[m,k]=p.useState((l==null?void 0:l.resumeName)??""),[x,y]=p.useState("idle"),[v,$]=p.useState(!1),[u,N]=p.useState((l==null?void 0:l.resumeName)??""),[F,re]=p.useState(!!(l!=null&&l.resumeName)),[I,R]=p.useState(()=>{var S;return typeof window<"u"&&!!((S=window.matchMedia)!=null&&S.call(window,"(prefers-reduced-motion: reduce)").matches)});p.useEffect(()=>{var _;const S=(_=window.matchMedia)==null?void 0:_.call(window,"(prefers-reduced-motion: reduce)");if(!S)return;const P=M=>R(M.matches);return S.addEventListener("change",P),()=>S.removeEventListener("change",P)},[]);const O=s("names.placeholderExamples"),B=p.useMemo(()=>O.split(",").map(S=>S.trim()).filter(Boolean),[O]),T=cs(B,!F&&!m&&!I)||s("names.inputPlaceholder"),A=p.useRef(null),[L,J]=p.useState(void 0);p.useLayoutEffect(()=>{A.current&&J(A.current.getBoundingClientRect().width)},[m,T]),p.useEffect(()=>{if(!st(m).ok){y(m.length===0?"idle":"invalid");return}y("checking");const P=new AbortController,_=setTimeout(()=>{(async()=>{try{const M=await Qn(m,{signal:P.signal});y(M)}catch(M){if((M==null?void 0:M.name)==="AbortError")return;y("error")}})()},400);return()=>{clearTimeout(_),P.abort()}},[m]);const U=st(m),z=U.ok&&(x==="available"||x==="error"),H=j&&z,G=!j&&z;function q(){if(H){if(!a){r();return}$(!0)}}p.useEffect(()=>{l!=null&&l.resumeName&&h(`${w}${c}`,{replace:!0,state:null})},[l==null?void 0:l.resumeName,h,w,c]),p.useEffect(()=>{if(u){if(m.toLowerCase()!==u.toLowerCase()){N("");return}if(!(x==="idle"||x==="checking")){if(!z){N("");return}!j||!a||(N(""),$(!0))}}},[u,m,x,z,j,a]);const D=e.jsxs(e.Fragment,{children:[s("names.claim"),C!=null?e.jsxs(ui,{children:[e.jsx(V,{}),ht(C)]}):null]});return e.jsxs(qs,{"data-testid":"names-page",children:[e.jsxs(Ks,{"aria-label":s("names.breadcrumbAria"),children:[e.jsx(Vs,{onClick:n,children:s("names.breadcrumbCollectibles")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(Zs,{children:s("names.breadcrumbCurrent")})]}),e.jsxs(Qs,{children:[e.jsxs(Xs,{children:[e.jsxs(Ys,{children:[e.jsx(Js,{children:s("names.heroTitle")}),e.jsx(ei,{children:s("names.heroSubtitle")})]}),e.jsxs(ti,{children:[e.jsxs(ni,{"data-testid":"names-input-wrap",children:[e.jsxs(si,{invalid:x==="taken",children:[e.jsxs(ri,{children:[e.jsx(li,{"aria-hidden":!0,children:"@"}),e.jsx(ci,{value:m,onChange:S=>k(Kn(S.target.value)),placeholder:T,"aria-label":s("names.inputAria"),autoComplete:"off",spellCheck:!1,maxLength:Ae,onFocus:()=>re(!0),style:{width:L!=null?`${L}px`:void 0}}),e.jsx(ii,{ref:A,"aria-hidden":!0,"data-placeholder":!m||void 0,children:m||T}),e.jsx(di,{children:s("names.suffix")})]}),m.length>0?e.jsxs(hi,{"aria-hidden":!0,children:[m.length,"/",Ae]}):null,e.jsx(gt,{onClick:q,disabled:!H,"data-testid":"names-claim",children:D})]}),x==="taken"?e.jsxs(ai,{role:"status","data-testid":"names-taken",children:[e.jsx(W,{name:"info",size:16,"aria-hidden":!0}),e.jsx("span",{children:s("names.taken")}),e.jsxs(oi,{href:lt(m),target:"_blank",rel:"noopener noreferrer",children:[s("names.takenMakeOffer"),e.jsx(W,{name:"external-link",size:13,"aria-hidden":!0})]})]}):null,x==="checking"?e.jsx(ke,{tone:"muted",role:"status","data-testid":"names-checking",children:s("names.checking")}):G?e.jsxs(ke,{tone:"muted",role:"status","data-testid":"names-disabled",children:[e.jsx(W,{name:"info",size:16,"aria-hidden":!0}),e.jsx("span",{children:s("names.registrationDisabled")}),e.jsxs(fi,{href:lt(m),target:"_blank",rel:"noopener noreferrer",children:[s("names.registrationDisabledLink"),e.jsx(W,{name:"external-link",size:13,"aria-hidden":!0})]})]}):x==="error"?e.jsx(ke,{tone:"muted",role:"status",children:s("names.checkError")}):x==="invalid"&&!U.ok&&U.reason==="too-short"?e.jsx(ke,{tone:"muted",role:"status",children:s("names.tooShort",{min:ft})}):null]}),e.jsx(pi,{onClick:q,disabled:!H,children:D}),e.jsx(vi,{role:"status","aria-live":"polite",children:x==="available"?s("names.available",{name:m}):""})]})]}),e.jsxs(xi,{children:[e.jsxs(gi,{children:[e.jsx(bi,{children:s("names.whyTitle")}),e.jsx(yi,{children:s("names.whyIntro")})]}),e.jsxs(wi,{children:[e.jsxs(Se,{children:[e.jsx(Ee,{src:Us,alt:""}),e.jsxs(Re,{children:[e.jsx(Te,{children:s("names.why1Title")}),e.jsx(_e,{children:s("names.why1")})]})]}),e.jsxs(Se,{children:[e.jsx(Ee,{src:Hs,alt:""}),e.jsxs(Re,{children:[e.jsx(Te,{children:s("names.why2Title")}),e.jsxs(_e,{children:[s("names.why2")," ",e.jsx(ji,{children:s("names.why2Address")})]}),e.jsxs(rt,{href:Ci,target:"_blank",rel:"noopener noreferrer",children:[s("names.learnMore"),e.jsx(W,{name:"external-link","aria-hidden":!0})]})]})]}),e.jsxs(Se,{children:[e.jsx(Ee,{src:Ds,alt:""}),e.jsxs(Re,{children:[e.jsx(Te,{children:s("names.why3Title")}),e.jsx(_e,{children:s("names.why3")})]})]}),e.jsxs(Se,{children:[e.jsx(Ee,{src:Gs,alt:""}),e.jsxs(Re,{children:[e.jsx(Te,{children:s("names.why4Title")}),e.jsx(_e,{children:s("names.why4")}),e.jsxs(rt,{href:$i,target:"_blank",rel:"noopener noreferrer",children:[s("names.learnMore"),e.jsx(W,{name:"external-link","aria-hidden":!0})]})]})]})]})]})]}),v?e.jsx(Fs,{name:m,priceCredits:C,onClose:()=>$(!1)}):null]})}const Si=i.p`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  background: ${t.colors.rarityBg};
-  color: ${t.colors.accent};
-  border-radius: 12px;
-  padding: 12px 16px;
-  margin-bottom: 14px;
-  font-weight: 600;
-  font-size: 14px;
-
-  &[data-variant='warn'] {
-    background: rgba(211, 51, 51, 0.1);
-    color: ${t.colors.err};
-  }
-`,ct=48,Ei=["all","on_sale","not_for_sale"],Ri=n=>n?"all":"on_sale",qe=(n,a)=>n?"relevance":a?"discount":"newest";function sa({contracts:n,hideNames:a=!1,seo:r,lockStatus:h}={}){const[d]=yt(),w=Ze(),c=(d.get("q")??"").trim().toLowerCase(),g=(d.get("q")??"").trim();pt(r??{title:g?s("seo.collectibles.searchTitle",{query:g}):s("seo.collectibles.title"),description:s("seo.collectibles.description")});const l=Ri(!!c),j=zt(),b=j&&d.get("deals")==="true",C=p.useMemo(()=>({category:"all",status:l,subCategory:null,rarities:[],priceMin:"",priceMax:"",smart:!1,deals:!1,sort:qe(!!c,b)}),[l,b,c]),[m,k]=qt(C),{subCategory:x,rarities:y,priceMin:v,priceMax:$,smart:u,sort:N}=m,F=j&&m.deals,I=Pt.map(o=>o.key).filter(o=>!(a&&o==="names")).includes(m.category)?m.category:"all",R=h??(Ei.includes(m.status)?m.status:l);Vt(`${I}:${x??""}`);const[O,B]=p.useState(!1);p.useEffect(()=>{if(!O)return;const o=xe=>{xe.key==="Escape"&&B(!1)};document.addEventListener("keydown",o);const Y=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",o),document.body.style.overflow=Y}},[O]);const ie=n!==void 0&&n.length===0,T=R==="on_sale",A=v&&!Number.isNaN(Number(v))?Number(v):void 0,L=$&&!Number.isNaN(Number($))?Number($):void 0,J=Bt(),U=x?Gt[x]:void 0,z=[...c?[Zt]:[],...F?Qt:Xt],H=z.find(o=>o.key===N)??z[0],G=H.server,q={category:I,rarities:y.length?y:void 0,wearableCategories:U,minPriceCredits:A,maxPriceCredits:L,search:c||void 0,sortBy:G,isSmart:u||void 0,onSale:!0,discounted:F||void 0,listingType:J?void 0:"primary",contractAddresses:n!=null&&n.length?n:void 0},D={category:I,rarities:y.length?y:void 0,wearableCategories:U,search:c||void 0,sortBy:G,isWearableSmart:u||void 0,isOnSale:R==="not_for_sale"?!1:void 0,contractAddresses:n!=null&&n.length?n:void 0},{items:S,total:P,isLoading:_,isPlaceholderData:M,error:ae,hasNextPage:ee,isFetchingNextPage:le,isFetchNextPageError:K,fetchNextPage:Ne}=pn(T?["shop-items",q]:["catalog-items",D],o=>T?Ht({...q,first:ct,skip:o}):Dt({...D,first:ct,skip:o}),{enabled:I!=="names"&&!ie}),te=P,{data:ce,isError:de,isPending:he}=ut(),pe=o=>ce&&o.manaWei?mt(o.manaWei,ce):null,Le=T&&he&&S.some(o=>o.source==="legacy"),ue=_||M||Le,me=_?15:Math.max(S.length,1),Q=p.useRef(null);p.useEffect(()=>{_||M||!c||Q.current===c||(Q.current=c,Me("Shop Searched",{query:c,result_count:te}))},[c,_,M,te]);const X=p.useRef("__init__");p.useEffect(()=>{if(_||M)return;const o=JSON.stringify({category:I,subCategory:x,rarities:y,min:A,max:L,sort:N,status:R,smart:u});if(X.current==="__init__"||X.current===o){X.current=o;return}X.current=o,Me("Shop Applied Filter",{filters:{category:I,sub_category:x,rarities:y,min_price_credits:A??null,max_price_credits:L??null,status:R,smart:u,sort:N},result_count:te})},[I,x,y,A,L,N,R,u,_,M,te]);function f(o){k({category:o,subCategory:null})}function E(o){k({status:o})}function oe(o){k({rarities:y.includes(o)?y.filter(Y=>Y!==o):[...y,o]})}function fe(){k(C)}const ne=[];(A!=null||L!=null)&&ne.push({key:"price",label:s("filter.price"),onRemove:()=>{k({priceMin:"",priceMax:""})}});for(const o of Ft)y.includes(o)&&ne.push({key:`rarity-${o}`,label:Ot(o),onRemove:()=>oe(o)});return u&&ne.push({key:"smart",label:s("filter.smart"),onRemove:()=>k({smart:!1})}),F&&ne.push({key:"deals",label:s("filter.deals"),onRemove:()=>k({deals:!1,sort:qe(!!c,!1)})}),R!==l&&ne.push({key:"status",label:R==="all"?s("filter.statusAll"):R==="on_sale"?s("filter.onSale"):s("filter.notForSale"),onRemove:()=>E(l)}),e.jsxs(en,{"data-testid":"browse",children:[I!=="names"&&e.jsxs(e.Fragment,{children:[O?e.jsx(tn,{onClick:()=>B(!1),"aria-hidden":!0}):null,e.jsxs(nn,{"data-open":O||void 0,"data-testid":"browse-sidebar",children:[e.jsxs(sn,{children:[e.jsx(an,{children:s("assets.filters")}),e.jsx(on,{onClick:()=>B(!1),"aria-label":s("assets.closeFilters"),children:"✕"})]}),e.jsx(rn,{children:e.jsx(Yt,{category:I,subCategory:x,onCategory:f,onSub:o=>k({subCategory:o}),priceMin:v,priceMax:$,onPriceMin:o=>k({priceMin:o}),onPriceMax:o=>k({priceMax:o}),rarities:y,onToggleRarity:oe,status:R,onStatus:E,hideNames:a,smart:u,onSmart:o=>k({smart:o}),deals:F,onDeals:j?o=>k({deals:o,sort:qe(!!c,o)}):void 0})}),e.jsx(ln,{children:e.jsx(cn,{type:"button",onClick:()=>B(!1),children:s("assets.showItems")})})]})]}),e.jsx(dn,{children:I==="names"?e.jsx(ki,{onBack:()=>f("all")}):e.jsxs(e.Fragment,{children:[e.jsx(Jt,{sort:H.key,sortOptions:z,onSort:o=>k({sort:o}),total:P,loading:_||M,query:c,onOpenFilters:()=>B(!0),chips:ne,onClearChips:fe}),de&&T&&S.some(o=>o.source==="legacy")?e.jsx(Si,{"data-variant":"warn",children:s("assets.marketUnavailable")}):null,ae?e.jsx(un,{message:s("assets.loadError"),testId:"browse-error"}):null,!ue&&S.length===0&&!ae?e.jsx(Ut,{testId:"browse-empty",icon:Kt,title:s("assets.empty.title"),body:g?e.jsxs(e.Fragment,{children:[s("assets.empty.searchBefore"),e.jsx("b",{children:g}),s("assets.empty.searchAfter")]}):s("assets.empty.filters"),cta:{label:s("assets.empty.cta"),onClick:()=>w("/overview")}}):e.jsxs(e.Fragment,{children:[e.jsx(Gn,{"data-testid":"grid",children:ue?e.jsx(et,{count:me}):e.jsxs(e.Fragment,{children:[S.map(o=>{if(!T)return e.jsx(be,{item:o,mode:"view"},ye(o));const Y=o;if(Y.source!=="legacy")return e.jsx(be,{item:o},ye(o));const xe=pe(Y);return xe==null?e.jsx(be,{item:o,mode:"view"},ye(o)):e.jsx(be,{item:{...Y,priceCredits:xe}},ye(o))}),le?e.jsx(et,{count:6}):null]})}),e.jsx(hn,{hasNextPage:ee,isFetching:le,isError:K,onLoadMore:()=>void Ne()})]})]})})]})}export{sa as Assets};
-//# sourceMappingURL=Assets-fYcVwnf6.js.map