@dcl/shop 1.13.1-35585926635.commit-02c8d2e → 1.13.1-35590455689.commit-b96d6aa

package/_assets/Assets-BKSeyg2-.js

@@ -0,0 +1,990 @@
+import{r as p,b as Ke,j as e,a as xt,u as gt}from"./react-BQkTEhfI.js";import{c as ne,r as bt,b as yt,bE as wt,h as Ze,j as Qe,bA as jt,aG as vt,aE as Ct,w as $t,cX as kt,cY as St,s as i,a as t,x as lt,bk as Et,aL as Rt,F as ct,t as s,cZ as Tt,bH as Le,D as _t,I as W,z as Q,c_ as We,E as fe,bj as Mt,bi as It,l as At,O as Te,bu as Ye,bD as Nt,bC as Lt,B as dt,Y as ht,m as pt,bU as Wt,y as zt,av as Pt,$ as Bt,a1 as Xe,a2 as xe,aJ as Ft,bQ as Ut}from"./index-PCOMQSTj.js";import{u as Ot,s as Ht}from"./search-empty-D4s8B_tZ.js";import{C as Dt,u as Gt,n as qt,S as Kt,R as Vt,F as Zt,a as Qt}from"./Filters-YViPs7N9.js";import{L as Yt}from"./LoadMore-DtjdrYgG.js";import{u as Xt}from"./useInfiniteGrid-B28HAmqv.js";import{S as Jt}from"./categories-D2I9oC9p.js";import{E as en}from"./ErrorNotice-Bvb886Qo.js";import{d as tn}from"./dcl-schemas-rAoTN5Ga.js";import{s as nn,G as sn,w as an,S as on}from"./buy-gasless-Cd8D2hco.js";import{s as rn}from"./buy-DNvl7CRU.js";import{u as ln,A as cn,C as dn}from"./trade-encoding-7I6Mahyk.js";import{f as hn}from"./errors-YbnZlxOr.js";import{J as pn,C as un,B as _e}from"./ethers-BicPoGF3.js";import{z as mn,D as fn,w as xn,W as gn,m as bn,n as yn,o as wn,v as jn,j as Je}from"./CreditPackPicker-CsfuFEfj.js";import{u as vn,M as Cn,o as $n,R as kn,c as Sn}from"./cart-checkout-BvFV5K1b.js";import{P as En}from"./PaymentMethodStep-gIGuBdJE.js";import{R as et}from"./resume-name-DUz5x9Rs.js";import{R as Rn}from"./resume-buy-CVhyi-L1.js";import{n as Tn}from"./name-glyph-aUugT8vq.js";import{c as _n}from"./crumbs.styles-DhvCPMDb.js";import{n as Mn}from"./Tooltip-DDZC_HFb.js";import{G as In}from"./grid.styles-D0ZoMAGk.js";import{R as An,S as Nn,a as Ln,D as Wn,b as zn,C as Pn,c as Bn,d as Fn,e as Un,M as On}from"./browseLayout.styles-DlEgobcb.js";import"./sentry-DEsWWpBW.js";import"./intl-AKLEHPeO.js";import"./skeleton.styles-CP5AXi51.js";import"./sendMetaTransaction-C0dwdljX.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]="abaf02fe-d372-4fb2-9c1c-461dc0a856bb",n._sentryDebugIdIdentifier="sentry-dbid-abaf02fe-d372-4fb2-9c1c-461dc0a856bb")}catch{}})();function ge(n){const a=n.source??"item",r=n.tradeId||`${n.contractAddress}-${n.tokenId??n.itemId??""}`;return`${a}:${r}`}const Y="100000000000000000000",ut=2,Me=15,Hn=/^[a-zA-Z0-9]+$/;function tt(n){const a=n.trim();return a.length===0?{ok:!1,reason:"empty"}:Hn.test(a)?a.length<ut?{ok:!1,reason:"too-short"}:a.length>Me?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function Dn(n){return n.replace(/[^a-zA-Z0-9]/g,"").slice(0,Me)}const Gn=["function available(string _subdomain) view returns (bool)"],nt={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function qn(){return ne.chainId===Number(tn.ChainId.MATIC_MAINNET)?nt.mainnet:nt.sepolia}async function Kn(n,a={}){var x;const{rpc:r,address:d}=qn(),c=new pn(r),w=new un(d,Gn,c);console.info(`[names] availability check → DCLRegistrar(${d}).available("${n}") on ${r}`);const u=await w.available(n);if((x=a.signal)!=null&&x.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${n}" available=${u}`),u?"available":"taken"}const Vn="https://app.across.to/api";class Ve extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}class Ge extends Error{constructor(){super("The name could not be registered on Ethereum; your funds were recovered."),this.name="NameNotRegisteredError"}}class qe extends Error{constructor(){super("We couldn't confirm whether the purchase went through."),this.name="NameSettlementUnknownError"}}function Zn(n){return vt(Y,n)}async function Qn(n,a,r={}){var x;const d=r.chainId??ne.chainId,c=r.provider??"across",w=`${ne.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(a)}&chainId=${d}&provider=${c}`,u=await Ct(w,{method:"GET",identity:n,metadata:{}});if(!u.ok){let l;try{l=(x=await u.json())==null?void 0:x.code}catch{}throw l==="ROUTE_COST_TOO_HIGH"?new Ve:new Error(`fetchNameCreditRoute ${u.status}`)}return u.json()}function Yn(n,a){const r=_e.from(n.availableAmount),c=_e.from(Y).sub(r);return{credits:[{value:n.amount,expiresAt:Number(n.expiresAt),salt:dn(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:c.isNegative()?"0":c.toString(),maxCreditedValue:Y}}async function Xn(n,a={}){const r=Vn,d=a.intervalMs??1e4,c=a.maxAttempts??60;let w={status:"pending",destinationTxHash:null,actionsSucceeded:null};for(let u=0;u<c;u++){try{const x=await fetch(`${r}/deposit/status?originChainId=137&depositTxHash=${n}`);if(x.ok){const l=await x.json(),j=(l.status??"pending").toLowerCase(),g=l.fillTx??l.fillTxnRef??null,C=typeof l.actionsSucceeded=="boolean"?l.actionsSucceeded:null;if(j==="filled")return{status:"filled",destinationTxHash:g,actionsSucceeded:C};if(j==="refunded"||j==="expired")return{status:j,destinationTxHash:null,actionsSucceeded:!1};w={status:"pending",destinationTxHash:g,actionsSucceeded:C}}}catch{}u<c-1&&await new Promise(x=>setTimeout(x,d))}return w}async function Jn(n){const{name:a,identity:r,signer:d}=n,c=g=>{var C;try{(C=n.onProgress)==null||C.call(n,g)}catch{}},w=n.chainId??ne.chainId,u=n.provider??"across",x=(n.beneficiary??await d.getAddress()).toLowerCase();let l=null,j="unconfirmed";console.info("[names] register start",{name:a,buyer:x,chainId:w,provider:u}),c("preparing");try{const g=await bt(yt(ne.chainId).address),C=Zn(g),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:g});const f=await Qn(r,a,{chainId:w,provider:u});console.info("[names] step 2/6 route fetched",{target:f.externalCall.target,selector:f.externalCall.selector,provider:f.provider,quoteId:f.quoteId});const b=await wt(r,m,void 0,void 0,a);if(l=b.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:b.credit.id,maxCreditedValue:b.maxCreditedValue}),!k&&_e.from(b.maxCreditedValue).lt(Y))throw new Error("Credit under-sized for the name price");if(k){const h=_e.from(Y).sub(b.credit.availableAmount);if(n.maxManaWei!=null&&h.gt(n.maxManaWei.toString()))throw new Error("The MANA needed moved past what was agreed");h.gt(0)&&(c("awaiting-confirmation"),await ln({auth:{kind:cn.Allowance,contractAddress:Ze(Qe.MANAToken,w).address,spenderAddress:Ze(Qe.CreditsManager,w).address,chainId:w},signer:d,requiredWei:BigInt(h.toString())}),console.info("[names] step 3b/6 mana allowance ensured",{gapWei:h.toString()}))}c("awaiting-confirmation");const v=Yn(b.credit,f);let $;try{$=await nn({chainId:w,buyer:x,signer:d,args:v})}catch(h){if(!(h instanceof sn))throw h;if(h.reason==="relayer-unreachable"){j="unobservable";const A=new qe;throw A.cause=h,A}$=await rn(w,v,d)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:$}),c("confirming"),await an($),j="confirmed",console.info("[names] step 5/6 origin tx confirmed",{originTxHash:$}),u==="across"){c("registering");const h=await Xn($,n.acrossPoll);if(console.info("[names] step 6/6 across status",h),h.status==="pending")return{status:"pending",originTxHash:$};if(h.status==="filled"&&h.actionsSucceeded===null)return console.warn("[names] across filled without reporting actionsSucceeded — reporting pending",{originTxHash:$}),{status:"pending",originTxHash:$};if(h.status!=="filled"||h.actionsSucceeded!==!0)throw new Ge;return{status:"registered",originTxHash:$,destinationTxHash:h.destinationTxHash}}return{status:"pending",originTxHash:$}}catch(g){if(console.error("[names] register failed — raw error:",g,{name:a,buyer:x,originState:j}),g instanceof on)return{status:"pending",originTxHash:g.txHash};if(l&&j==="unconfirmed"&&await jt(r,[l]).catch(()=>{}),g instanceof Ve||g instanceof Ge||g instanceof qe)throw g;const C=new Error(hn(g,"Couldn't register the name. Please try again.",{sale:!0}));throw C.cause=g,C}}function es(){const{data:n}=$t({queryKey:["feature-flag","shop-names"],queryFn:()=>kt(St.SHOP_NAMES),staleTime:6e4,refetchOnWindowFocus:!0,retry:1});return n===!0}const ts=60,ns=700,ss=25;function is(n){if(!n)return[];const a=[];for(let r=1;r<=n.length;r++)a.push({text:n.slice(0,r),delay:ts});a[a.length-1]={text:n,delay:ns};for(let r=n.length-1;r>=1;r--)a.push({text:n.slice(0,r),delay:ss});return a}function as(n){return n.flatMap(is)}function os(n,a){const r=p.useMemo(()=>as(n),[n]),[d,c]=p.useState(0);return p.useEffect(()=>{if(!a||r.length===0)return;const w=setTimeout(()=>c(u=>(u+1)%r.length),r[d%r.length].delay);return()=>clearTimeout(w)},[d,a,r]),!a||r.length===0?"":r[d%r.length].text}const rs="https://cdn.decentraland.org/@dcl/shop/1.13.1-35590455689.commit-b96d6aa/_assets/name-verified-oGwQ3ntb.svg",ls="#34fee6",cs=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);
+`,ds=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;
+  }
+`,ze=i.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+`,Pe=i.h2`
+  margin: 0;
+  font-family: ${t.font.sans};
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${t.colors.text};
+`,Be=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;
+  }
+`,Fe=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;
+`,be=i.div`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+`,hs=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};
+`,ps=i.img`
+  display: block;
+  width: 47px;
+  height: 47px;
+`,us=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: ${ls};
+  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;
+  }
+`,ms=i.img`
+  flex: none;
+  display: block;
+  width: 14px;
+  height: 14px;
+`,Oe=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;
+  }
+`,ye=i.div`
+  flex: 1;
+  min-width: 0;
+`,we=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};
+  }
+`,je=i.div`
+  font-family: ${t.font.sans};
+  font-size: 14px;
+  color: ${t.colors.muted2};
+`,ve=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};
+  }
+`,fs=i.div`
+  margin-top: 16px;
+  padding: 16px;
+  border-radius: 12px;
+  background: ${t.colors.promptLilac};
+`,xs=i.div`
+  font-family: ${t.font.sans};
+  font-weight: 700;
+  font-size: 16px;
+  color: ${t.colors.text};
+`,gs=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;
+  }
+`,bs=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};
+  }
+`,ys=i.span`
+  flex: none;
+  font-family: ${t.font.sans};
+  font-size: 18px;
+  color: ${t.colors.muted2};
+`,ws=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;
+  }
+`,js=i.span`
+  flex: none;
+  font-family: ${t.font.sans};
+  font-size: 16px;
+  color: ${t.colors.muted2};
+`,He=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;
+  }
+`,vs=i.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 32px;
+  padding: 32px 0 8px;
+`,Cs=i.img`
+  width: 61px;
+  height: 61px;
+`,$s=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+`,ks=i.div`
+  font-family: ${t.font.sans};
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${t.colors.text2};
+  text-align: center;
+`,Ss=i.p`
+  max-width: 400px;
+  font-family: ${t.font.sans};
+  font-size: 14px;
+  line-height: 1.57;
+  color: ${t.colors.muted};
+  text-align: center;
+`,Es=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+`,Rs=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;
+    }
+  }
+`,Ts=i.span`
+  flex: none;
+  font-family: ${t.font.sans};
+  font-size: 16px;
+  line-height: 22px;
+  color: ${t.colors.text2};
+`,_s=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  padding: 24px;
+  border-radius: 12px;
+  background: #e2f5ea;
+  text-align: center;
+`,Ms=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;
+  }
+`,Is=i.p`
+  margin: 0;
+  font-family: ${t.font.sans};
+  font-size: 16px;
+  line-height: 1.4;
+  color: ${t.colors.text};
+
+  b {
+    font-weight: 700;
+  }
+`,st=i.div`
+  display: flex;
+  gap: 16px;
+  margin-top: 20px;
+
+  ${t.media.maxWidth("mobile")} {
+    flex-direction: column;
+  }
+`,it=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;
+  }
+`,As=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;
+  }
+`,De=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};
+    }
+  }
+`,Ns=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  margin-top: 16px;
+`;i(mn)`
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 28px 12px;
+
+  ${t.media.maxWidth("mobile")} {
+    gap: 24px 12px;
+  }
+`;i(fn)`
+  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 Ls=i.div`
+  display: flex;
+  gap: 12px;
+`,Ws=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 zs({name:n,priceCredits:a,onClose:r}){const{session:d}=lt(),{data:c,isError:w}=Et(d),u=Rt(),x=Ke(),[l,j]=p.useState("confirm"),[g,C]=p.useState(""),[m,k]=p.useState(""),[f,b]=p.useState(!1),[v,$]=p.useState(null),h=(v==null?void 0:v.rail)??"credits",[A,U]=p.useState(null),[oe,_]=p.useState(!1),[M,O]=p.useState("preparing"),F=p.useRef(!1),se=g.trim().toLowerCase()===n.toLowerCase(),T=l==="completing"||f,N=a!=null?ct(a):"—",L=a==null,ee=c==null?void 0:c.credits,H=a!=null&&ee!=null?a-ee:0,z=H>0,D=L?s("names.priceUnavailable"):null,{data:K}=Tt(d),V=(K==null?void 0:K.matic)??0n,P=xn({priceCents:a!=null?a*Le:0,priceManaWei:BigInt(Y),balanceCents:(c==null?void 0:c.balanceCents)??0,manaBalanceWei:V,manaOnlyRail:!1}),S=P.options.some(y=>y.method!=="credits"),E=P.options.find(y=>y.method==="combined"),I=v==null&&S&&!L,B=vn().packs.slice(0,Cn),{packs:re,recommended:X,closesGap:Ie}=$n(B,H),Z=re.find(y=>y.id===m)??X;p.useEffect(()=>{const y=R=>{R.key==="Escape"&&!T&&r()};return document.addEventListener("keydown",y),()=>document.removeEventListener("keydown",y)},[T,r]);async function te(){if(!d||!se||L||F.current||h==="credits"&&z)return;F.current=!0;const y=h==="combined"?Math.floor(((v==null?void 0:v.creditsCents)??0)/Le):a??null;j("completing"),U(null),O("preparing");try{const R=await Jn({name:n,identity:d.identity,signer:d.signer,creditsCents:v==null?void 0:v.creditsCents,maxManaWei:v==null?void 0:v.manaWei,onProgress:O});Te("Shop Completed Purchase",{items:[{item_id:null,contract_address:null,token_id:null,price_usd:Ye(a??0),category:"name",is_smart:!1}],purchase_type:"name",is_primary:!0,payment_type:h==="combined"?"credits_and_mana":"credits",value_credits:y,value_usd:Ye(y??0),transaction_hash:R.originTxHash??null,settlement:R.status}),u.invalidateQueries({queryKey:["usd-balance"]}),u.invalidateQueries({queryKey:["my-assets"]}),j(R.status==="registered"?"success":"pending")}catch(R){Te(Lt(R)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Nt(R),purchase_type:"name"});const ue=R instanceof Ge,q=R instanceof qe;U(R instanceof Ve?s("names.errorRouteCost"):ue?s("names.errorNotRegistered"):q?s("names.errorSettlementUnknown"):(R==null?void 0:R.message)||s("names.errorGeneric")),_(ue||q),j("error")}finally{F.current=!1}}async function le(){if(!(!d||!Z||f)){b(!0);try{sessionStorage.removeItem(kn),sessionStorage.removeItem(Rn),sessionStorage.setItem(et,n)}catch{}try{const y=await Sn(Z.id,{address:d.address,identity:d.identity});if(y.url){window.location.href=y.url;return}if(!y.orderId)throw new Error("Checkout returned neither a redirect url nor an order id");x(`/credits?order=${encodeURIComponent(y.orderId)}`)}catch(y){At(y,{flow:"name_buy_credits"});try{sessionStorage.removeItem(et)}catch{}U(s("buyModal.error.creditsCheckout")),_(!1),j("error"),b(!1)}}}const Ae=l!=="success"&&l!=="pending"&&!I,ce=_t(d==null?void 0:d.providerType),de=ce?2:1,he=ce&&(M==="preparing"||M==="awaiting-confirmation"),pe=he?1:de,Ne=he?s("names.confirming"):s("names.completing"),ie=M==="registering"?s("names.processingRegistering"):null,G=l==="confirm"&&z&&!S,ae=l==="error"?s("names.errorTitle"):G?s("names.buyCreditsTitle"):s("names.buyTitle");return e.jsx(cs,{onClick:T?void 0:r,role:"presentation",children:e.jsxs(ds,{role:"dialog","aria-modal":"true","aria-label":ae,onClick:y=>y.stopPropagation(),children:[Ae&&e.jsxs(e.Fragment,{children:[e.jsxs(ze,{children:[e.jsx(Pe,{children:ae}),e.jsx(Be,{onClick:r,disabled:T,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Fe,{children:[s("names.myCreditsBalance")," ",e.jsx(Q,{})," ",We(c,w)]}),e.jsx(Ue,{})]}),G&&e.jsxs(Ns,{children:[e.jsxs(gn,{children:[e.jsx(bn,{}),e.jsxs(yn,{children:[e.jsx("b",{children:s("buyModal.insufficientFunds")})," ",s("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:s("buyModal.warningCreditsAmount",{count:H})})," ",s("names.warningToPurchase"),fe()?null:e.jsxs(e.Fragment,{children:[" ",e.jsx(wn,{href:Mt("/credits"),target:"_blank",rel:"noopener noreferrer",children:s("buyModal.warningLearnMore")})]})]})]}),fe()?e.jsxs(be,{"data-testid":"name-row-iap",children:[e.jsx(Oe,{"aria-hidden":!0,children:"@"}),e.jsxs(ye,{children:[e.jsxs(we,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(je,{children:s("names.subtitle")})]}),e.jsxs(ve,{children:[e.jsx(Q,{}),N]})]}):null,fe()?null:e.jsx(e.Fragment,{children:e.jsx(jn,{packs:re,selectedId:Z==null?void 0:Z.id,onSelect:k,recommendedId:Ie?X==null?void 0:X.id:void 0})}),e.jsxs(Ls,{children:[e.jsx(Je,{"data-variant":"outline",onClick:r,disabled:T,"data-testid":"name-topup-cancel",children:s("buyModal.cancel")}),fe()?null:e.jsx(Je,{"data-variant":"gradient","data-testid":"name-buy-credits",disabled:!d||!Z||f,onClick:()=>void le(),children:s("buyModal.buy")})]})]}),l==="confirm"&&!G&&I&&e.jsx(En,{asset:{name:`${n}.dcl.eth`,caption:s("names.subtitle"),thumb:e.jsx(Ws,{"aria-hidden":!0,children:"@"})},priceCredits:a??0,priceCents:(a??0)*Le,options:P.options,priceManaWei:BigInt(Y),balanceCredits:(c==null?void 0:c.credits)??0,manaBalanceWei:V,onBuy:y=>{$(y==="combined"&&E?{rail:"combined",creditsCents:E.creditsCents,manaWei:E.manaWei}:{rail:"credits"})},onClose:r,busy:T}),(l==="confirm"||l==="error")&&!G&&!I&&e.jsxs(e.Fragment,{children:[e.jsxs(be,{children:[e.jsx(Oe,{"aria-hidden":!0,children:"@"}),e.jsxs(ye,{children:[e.jsxs(we,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(je,{children:s("names.subtitle")})]}),e.jsxs(ve,{children:[e.jsx(Q,{}),N]})]}),l==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(De,{children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsx("span",{children:A})]}),oe?e.jsx(He,{onClick:r,children:s("names.errorSpentDismiss")}):e.jsx(He,{onClick:()=>j("confirm"),children:s("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(fs,{children:[e.jsx(xs,{children:s("names.confirmTitle")}),e.jsx(gs,{dangerouslySetInnerHTML:{__html:s("names.confirmBody",{name:`<b>@${Ps(n)}</b>`})}}),e.jsxs(bs,{children:[e.jsx(ys,{"aria-hidden":!0,children:"@"}),e.jsx(ws,{value:g,onChange:y=>C(y.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":s("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(g.length,8)}ch`}}),e.jsx(js,{children:".dcl.eth"})]})]}),D?e.jsxs(De,{"data-tone":"info","data-testid":"name-blocked-reason",children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsx("span",{children:D})]}):null,e.jsx(He,{onClick:()=>void te(),disabled:!se||!d||L||h==="credits"&&z,children:s("names.buyCta")})]})]}),l==="completing"&&e.jsxs(vs,{children:[e.jsx(Cs,{src:It,alt:"",width:61,height:61}),e.jsxs($s,{children:[e.jsx(ks,{children:Ne}),e.jsxs(Es,{children:[e.jsx(Rs,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx(Ts,{"data-testid":"name-progress-count",children:`${pe}/${de}`})]}),ie?e.jsx(Ss,{children:ie}):null]})]}),l==="pending"&&e.jsxs(e.Fragment,{children:[e.jsxs(ze,{children:[e.jsx(Pe,{children:s("names.pendingHeaderTitle")}),e.jsx(Be,{onClick:r,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Fe,{children:[s("names.myCreditsBalance")," ",e.jsx(Q,{})," ",We(c,w)]}),e.jsx(Ue,{}),e.jsxs(De,{"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(be,{style:{marginTop:20},children:[e.jsx(Oe,{"aria-hidden":!0,children:"@"}),e.jsxs(ye,{children:[e.jsxs(we,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(je,{children:s("names.subtitle")})]}),e.jsxs(ve,{children:[e.jsx(Q,{}),N]})]}),e.jsx(st,{children:e.jsx(it,{onClick:()=>{r(),x("/my-items")},children:s("names.myItems")})})]}),l==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs(ze,{children:[e.jsx(Pe,{children:s("names.successHeaderTitle")}),e.jsx(Be,{onClick:r,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Fe,{children:[s("names.myCreditsBalance")," ",e.jsx(Q,{})," ",We(c,w)]}),e.jsx(Ue,{}),e.jsxs(_s,{children:[e.jsx(Ms,{"aria-hidden":!0,children:e.jsx(W,{name:"check"})}),e.jsxs(Is,{children:[e.jsx("b",{children:s("names.successBannerBold")})," ",s("names.successBannerRest")]})]}),e.jsxs(be,{style:{marginTop:20},children:[e.jsxs(hs,{"data-testid":"name-success-tile",children:[e.jsx(ps,{src:Tn,alt:"","aria-hidden":!0,width:47,height:47}),e.jsxs(us,{children:[e.jsx("span",{"aria-hidden":!0,children:n}),e.jsx(ms,{src:rs,alt:"","aria-hidden":!0,width:14,height:14})]})]}),e.jsxs(ye,{children:[e.jsxs(we,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(je,{children:s("names.subtitle")})]}),e.jsxs(ve,{children:[e.jsx(Q,{}),N]})]}),e.jsxs(st,{children:[e.jsx(it,{onClick:()=>{r(),x("/my-items")},children:s("names.myItems")}),e.jsx(As,{href:ne.profileUrl,target:"_blank",rel:"noopener noreferrer",children:s("names.assignToAvatar")})]})]})]})})}function Ps(n){return n.replace(/[&<>"']/g,a=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[a])}const Bs="https://cdn.decentraland.org/@dcl/shop/1.13.1-35590455689.commit-b96d6aa/_assets/identity-icon-C8yAW_Gq.svg",Fs="https://cdn.decentraland.org/@dcl/shop/1.13.1-35590455689.commit-b96d6aa/_assets/world-icon-6xQ-PmmW.svg",Us="https://cdn.decentraland.org/@dcl/shop/1.13.1-35590455689.commit-b96d6aa/_assets/invite-icon-Bz6lCTuB.svg",Os="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",Hs=i.div`
+  width: 100%;
+  min-width: 0;
+`,Ds=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};
+  ${_n};
+`,Gs=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;
+  }
+`,qs=i.span`
+  font-weight: 700;
+  color: ${t.colors.softWhite};
+`,Ks=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 48px;
+  padding-bottom: 48px;
+
+  ${t.media.maxWidth("mobile")} {
+    gap: 32px;
+    padding-bottom: 32px;
+  }
+`,Vs=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;
+  }
+`,Zs=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+`,Qs=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;
+  }
+`,Ys=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;
+  }
+`,Xs=i.div`
+  width: min(785px, 100%);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,Js=i.div`
+  position: relative;
+`,ei=i("div",Mn("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;
+  }
+`,ti=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;
+  }
+`,ni=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;
+  }
+`,mt=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;
+  }
+`,si=i(mt)`
+  color: #ec303a;
+`,ii=i.label`
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 0;
+  cursor: text;
+  overflow: hidden;
+`,ai=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;
+  }
+`,oi=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;
+  }
+`,ri=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;
+  }
+`,li=i.span`
+  flex: none;
+  font-family: ${t.font.sans};
+  font-size: 14px;
+  line-height: 1.43;
+  color: ${t.colors.muted2};
+  white-space: nowrap;
+`,ft=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;
+  }
+`,ci=i(ft)`
+  display: none;
+
+  ${t.media.maxWidth("mobile")} {
+    display: inline-flex;
+    width: 100%;
+    height: 48px;
+    border-radius: 12px;
+  }
+`,di=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 18px;
+  font-weight: 600;
+
+  .ico {
+    width: 13.26px;
+    height: 14px;
+  }
+`,hi=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;
+  }
+`,Ce=i(hi)`
+  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;
+  }
+`,pi=i(mt)`
+  color: inherit;
+`,ui=i.section`
+  display: flex;
+  flex-direction: column;
+  gap: 48px;
+  padding: 0 48px;
+
+  ${t.media.maxWidth("mobile")} {
+    gap: 32px;
+    padding: 0 20px;
+  }
+`,mi=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+`,fi=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;
+  }
+`,xi=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;
+  }
+`,gi=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;
+  }
+`,$e=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;
+  }
+`,ke=i.img`
+  display: block;
+  align-self: flex-start;
+  height: 55px;
+  width: auto;
+`,Se=i.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,Ee=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};
+`,Re=i.p`
+  margin: 0;
+  font-family: ${t.font.sans};
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 1.57;
+  color: ${t.colors.media};
+`,bi=i.span`
+  font-weight: 700;
+  color: ${t.colors.white};
+`,at=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;
+  }
+`,yi=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;
+`,wi="https://docs.decentraland.org/creator/worlds/about/",ji="https://governance.decentraland.org";function ot(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 vi({onBack:n}){dt({title:s("seo.names.title"),description:s("seo.names.description")});const{session:a,signIn:r}=lt(),d=Ke(),c=xt(),{pathname:w,search:u}=c,x=c.state,l=typeof(x==null?void 0:x.resumeName)=="string"?x:void 0,j=es(),{data:g}=ht(),C=g?pt(Y,g):null,[m,k]=p.useState((l==null?void 0:l.resumeName)??""),[f,b]=p.useState("idle"),[v,$]=p.useState(!1),[h,A]=p.useState((l==null?void 0:l.resumeName)??""),[U,oe]=p.useState(!!(l!=null&&l.resumeName)),[_,M]=p.useState(()=>{var S;return typeof window<"u"&&!!((S=window.matchMedia)!=null&&S.call(window,"(prefers-reduced-motion: reduce)").matches)});p.useEffect(()=>{var I;const S=(I=window.matchMedia)==null?void 0:I.call(window,"(prefers-reduced-motion: reduce)");if(!S)return;const E=B=>M(B.matches);return S.addEventListener("change",E),()=>S.removeEventListener("change",E)},[]);const O=s("names.placeholderExamples"),F=p.useMemo(()=>O.split(",").map(S=>S.trim()).filter(Boolean),[O]),T=os(F,!U&&!m&&!_)||s("names.inputPlaceholder"),N=p.useRef(null),[L,ee]=p.useState(void 0);p.useLayoutEffect(()=>{N.current&&ee(N.current.getBoundingClientRect().width)},[m,T]),p.useEffect(()=>{if(!tt(m).ok){b(m.length===0?"idle":"invalid");return}b("checking");const E=new AbortController,I=setTimeout(()=>{(async()=>{try{const B=await Kn(m,{signal:E.signal});b(B)}catch(B){if((B==null?void 0:B.name)==="AbortError")return;b("error")}})()},400);return()=>{clearTimeout(I),E.abort()}},[m]);const H=tt(m),z=H.ok&&(f==="available"||f==="error"),D=j&&z,K=!j&&z;function V(){if(D){if(!a){r();return}$(!0)}}p.useEffect(()=>{l!=null&&l.resumeName&&d(`${w}${u}`,{replace:!0,state:null})},[l==null?void 0:l.resumeName,d,w,u]),p.useEffect(()=>{if(h){if(m.toLowerCase()!==h.toLowerCase()){A("");return}if(!(f==="idle"||f==="checking")){if(!z){A("");return}!j||!a||(A(""),$(!0))}}},[h,m,f,z,j,a]);const P=e.jsxs(e.Fragment,{children:[s("names.claim"),C!=null?e.jsxs(di,{children:[e.jsx(Q,{}),ct(C)]}):null]});return e.jsxs(Hs,{"data-testid":"names-page",children:[e.jsxs(Ds,{"aria-label":s("names.breadcrumbAria"),children:[e.jsx(Gs,{onClick:n,children:s("names.breadcrumbCollectibles")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(qs,{children:s("names.breadcrumbCurrent")})]}),e.jsxs(Ks,{children:[e.jsxs(Vs,{children:[e.jsxs(Zs,{children:[e.jsx(Qs,{children:s("names.heroTitle")}),e.jsx(Ys,{children:s("names.heroSubtitle")})]}),e.jsxs(Xs,{children:[e.jsxs(Js,{"data-testid":"names-input-wrap",children:[e.jsxs(ei,{invalid:f==="taken",children:[e.jsxs(ii,{children:[e.jsx(ai,{"aria-hidden":!0,children:"@"}),e.jsx(oi,{value:m,onChange:S=>k(Dn(S.target.value)),placeholder:T,"aria-label":s("names.inputAria"),autoComplete:"off",spellCheck:!1,maxLength:Me,onFocus:()=>oe(!0),style:{width:L!=null?`${L}px`:void 0}}),e.jsx(ti,{ref:N,"aria-hidden":!0,"data-placeholder":!m||void 0,children:m||T}),e.jsx(ri,{children:s("names.suffix")})]}),m.length>0?e.jsxs(li,{"aria-hidden":!0,children:[m.length,"/",Me]}):null,e.jsx(ft,{onClick:V,disabled:!D,"data-testid":"names-claim",children:P})]}),f==="taken"?e.jsxs(ni,{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(si,{href:ot(m),target:"_blank",rel:"noopener noreferrer",children:[s("names.takenMakeOffer"),e.jsx(W,{name:"external-link",size:13,"aria-hidden":!0})]})]}):null,f==="checking"?e.jsx(Ce,{tone:"muted",role:"status","data-testid":"names-checking",children:s("names.checking")}):K?e.jsxs(Ce,{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(pi,{href:ot(m),target:"_blank",rel:"noopener noreferrer",children:[s("names.registrationDisabledLink"),e.jsx(W,{name:"external-link",size:13,"aria-hidden":!0})]})]}):f==="error"?e.jsx(Ce,{tone:"muted",role:"status",children:s("names.checkError")}):f==="invalid"&&!H.ok&&H.reason==="too-short"?e.jsx(Ce,{tone:"muted",role:"status",children:s("names.tooShort",{min:ut})}):null]}),e.jsx(ci,{onClick:V,disabled:!D,children:P}),e.jsx(yi,{role:"status","aria-live":"polite",children:f==="available"?s("names.available",{name:m}):""})]})]}),e.jsxs(ui,{children:[e.jsxs(mi,{children:[e.jsx(fi,{children:s("names.whyTitle")}),e.jsx(xi,{children:s("names.whyIntro")})]}),e.jsxs(gi,{children:[e.jsxs($e,{children:[e.jsx(ke,{src:Bs,alt:""}),e.jsxs(Se,{children:[e.jsx(Ee,{children:s("names.why1Title")}),e.jsx(Re,{children:s("names.why1")})]})]}),e.jsxs($e,{children:[e.jsx(ke,{src:Fs,alt:""}),e.jsxs(Se,{children:[e.jsx(Ee,{children:s("names.why2Title")}),e.jsxs(Re,{children:[s("names.why2")," ",e.jsx(bi,{children:s("names.why2Address")})]}),e.jsxs(at,{href:wi,target:"_blank",rel:"noopener noreferrer",children:[s("names.learnMore"),e.jsx(W,{name:"external-link","aria-hidden":!0})]})]})]}),e.jsxs($e,{children:[e.jsx(ke,{src:Us,alt:""}),e.jsxs(Se,{children:[e.jsx(Ee,{children:s("names.why3Title")}),e.jsx(Re,{children:s("names.why3")})]})]}),e.jsxs($e,{children:[e.jsx(ke,{src:Os,alt:""}),e.jsxs(Se,{children:[e.jsx(Ee,{children:s("names.why4Title")}),e.jsx(Re,{children:s("names.why4")}),e.jsxs(at,{href:ji,target:"_blank",rel:"noopener noreferrer",children:[s("names.learnMore"),e.jsx(W,{name:"external-link","aria-hidden":!0})]})]})]})]})]})]}),v?e.jsx(zs,{name:m,priceCredits:C,onClose:()=>$(!1)}):null]})}const Ci=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};
+  }
+`,rt=48,$i=["all","on_sale","not_for_sale"],ki=n=>n?"all":"on_sale";function ta({contracts:n,hideNames:a=!1,seo:r,lockStatus:d}={}){const[c]=gt(),w=Ke(),u=(c.get("q")??"").trim().toLowerCase(),x=(c.get("q")??"").trim();dt(r??{title:x?s("seo.collectibles.searchTitle",{query:x}):s("seo.collectibles.title"),description:s("seo.collectibles.description")});const l=ki(!!u),j=Wt(),g=j&&c.get("deals")==="true",C=p.useMemo(()=>({category:"all",status:l,subCategory:null,rarities:[],priceMin:"",priceMax:"",smart:!1,deals:!1,sort:g?"discount":"newest"}),[l,g]),[m,k]=Ot(C),{subCategory:f,rarities:b,priceMin:v,priceMax:$,smart:h,sort:A}=m,U=j&&m.deals,_=Dt.map(o=>o.key).filter(o=>!(a&&o==="names")).includes(m.category)?m.category:"all",M=d??($i.includes(m.status)?m.status:l);Gt(`${_}:${f??""}`);const[O,F]=p.useState(!1);p.useEffect(()=>{if(!O)return;const o=me=>{me.key==="Escape"&&F(!1)};document.addEventListener("keydown",o);const J=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",o),document.body.style.overflow=J}},[O]);const se=n!==void 0&&n.length===0,T=M==="on_sale",N=v&&!Number.isNaN(Number(v))?Number(v):void 0,L=$&&!Number.isNaN(Number($))?Number($):void 0,ee=zt(),H=f?Jt[f]:void 0,z=U?qt:Kt,D=(z.find(o=>o.key===A)??z[0]).server,K={category:_,rarities:b.length?b:void 0,wearableCategories:H,minPriceCredits:N,maxPriceCredits:L,search:u||void 0,sortBy:D,isSmart:h||void 0,onSale:!0,discounted:U||void 0,listingType:ee?void 0:"primary",contractAddresses:n!=null&&n.length?n:void 0},V={category:_,rarities:b.length?b:void 0,wearableCategories:H,search:u||void 0,sortBy:D,isWearableSmart:h||void 0,isOnSale:M==="not_for_sale"?!1:void 0,contractAddresses:n!=null&&n.length?n:void 0},{items:P,total:S,isLoading:E,isPlaceholderData:I,error:B,hasNextPage:re,isFetchingNextPage:X,isFetchNextPageError:Ie,fetchNextPage:Z}=Xt(T?["shop-items",K]:["catalog-items",V],o=>T?Ft({...K,first:rt,skip:o}):Ut({...V,first:rt,skip:o}),{enabled:_!=="names"&&!se}),te=S,{data:le,isError:Ae,isPending:ce}=ht(),de=o=>le&&o.manaWei?pt(o.manaWei,le):null,he=T&&ce&&P.some(o=>o.source==="legacy"),pe=E||I||he,Ne=E?15:Math.max(P.length,1),ie=p.useRef(null);p.useEffect(()=>{E||I||!u||ie.current===u||(ie.current=u,Te("Shop Searched",{query:u,result_count:te}))},[u,E,I,te]);const G=p.useRef("__init__");p.useEffect(()=>{if(E||I)return;const o=JSON.stringify({category:_,subCategory:f,rarities:b,min:N,max:L,sort:A,status:M,smart:h});if(G.current==="__init__"||G.current===o){G.current=o;return}G.current=o,Te("Shop Applied Filter",{filters:{category:_,sub_category:f,rarities:b,min_price_credits:N??null,max_price_credits:L??null,status:M,smart:h,sort:A},result_count:te})},[_,f,b,N,L,A,M,h,E,I,te]);function ae(o){k({category:o,subCategory:null})}function y(o){k({status:o})}function R(o){k({rarities:b.includes(o)?b.filter(J=>J!==o):[...b,o]})}function ue(){k(C)}const q=[];(N!=null||L!=null)&&q.push({key:"price",label:s("filter.price"),onRemove:()=>{k({priceMin:"",priceMax:""})}});for(const o of Vt)b.includes(o)&&q.push({key:`rarity-${o}`,label:Pt(o),onRemove:()=>R(o)});return h&&q.push({key:"smart",label:s("filter.smart"),onRemove:()=>k({smart:!1})}),U&&q.push({key:"deals",label:s("filter.deals"),onRemove:()=>k({deals:!1,sort:"newest"})}),M!==l&&q.push({key:"status",label:M==="all"?s("filter.statusAll"):M==="on_sale"?s("filter.onSale"):s("filter.notForSale"),onRemove:()=>y(l)}),e.jsxs(An,{"data-testid":"browse",children:[_!=="names"&&e.jsxs(e.Fragment,{children:[O?e.jsx(Nn,{onClick:()=>F(!1),"aria-hidden":!0}):null,e.jsxs(Ln,{"data-open":O||void 0,"data-testid":"browse-sidebar",children:[e.jsxs(Wn,{children:[e.jsx(zn,{children:s("assets.filters")}),e.jsx(Pn,{onClick:()=>F(!1),"aria-label":s("assets.closeFilters"),children:"✕"})]}),e.jsx(Bn,{children:e.jsx(Zt,{category:_,subCategory:f,onCategory:ae,onSub:o=>k({subCategory:o}),priceMin:v,priceMax:$,onPriceMin:o=>k({priceMin:o}),onPriceMax:o=>k({priceMax:o}),rarities:b,onToggleRarity:R,status:M,onStatus:y,hideNames:a,smart:h,onSmart:o=>k({smart:o}),deals:U,onDeals:j?o=>k(o?{deals:!0,sort:"discount"}:{deals:!1,sort:"newest"}):void 0})}),e.jsx(Fn,{children:e.jsx(Un,{type:"button",onClick:()=>F(!1),children:s("assets.showItems")})})]})]}),e.jsx(On,{children:_==="names"?e.jsx(vi,{onBack:()=>ae("all")}):e.jsxs(e.Fragment,{children:[e.jsx(Qt,{sort:A,sortOptions:z,onSort:o=>k({sort:o}),total:S,loading:E||I,query:u,onOpenFilters:()=>F(!0),chips:q,onClearChips:ue}),Ae&&T&&P.some(o=>o.source==="legacy")?e.jsx(Ci,{"data-variant":"warn",children:s("assets.marketUnavailable")}):null,B?e.jsx(en,{message:s("assets.loadError"),testId:"browse-error"}):null,!pe&&P.length===0&&!B?e.jsx(Bt,{testId:"browse-empty",icon:Ht,title:s("assets.empty.title"),body:x?e.jsxs(e.Fragment,{children:[s("assets.empty.searchBefore"),e.jsx("b",{children:x}),s("assets.empty.searchAfter")]}):s("assets.empty.filters"),cta:{label:s("assets.empty.cta"),onClick:()=>w("/overview")}}):e.jsxs(e.Fragment,{children:[e.jsx(In,{"data-testid":"grid",children:pe?e.jsx(Xe,{count:Ne}):e.jsxs(e.Fragment,{children:[P.map(o=>{if(!T)return e.jsx(xe,{item:o,mode:"view"},ge(o));const J=o;if(J.source!=="legacy")return e.jsx(xe,{item:o},ge(o));const me=de(J);return me==null?e.jsx(xe,{item:o,mode:"view"},ge(o)):e.jsx(xe,{item:{...J,priceCredits:me}},ge(o))}),X?e.jsx(Xe,{count:6}):null]})}),e.jsx(Yt,{hasNextPage:re,isFetching:X,isError:Ie,onLoadMore:()=>void Z()})]})]})})]})}export{ta as Assets};
+//# sourceMappingURL=Assets-BKSeyg2-.js.map