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

package/_assets/Assets-D5FXIj8J.js

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