@dcl/shop 1.13.1-35227702430.commit-7f36a79 → 1.13.1-35339357506.commit-a201fb1

package/_assets/Assets-tHTTA31T.js

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