@dcl/shop 1.12.2-34943028392.commit-9a41f7d → 1.12.2-34948836375.commit-6cf32c8

package/_assets/Assets-rO2myygc.js

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