@dcl/shop 1.16.0 → 1.16.1-36009595531.commit-94584a5

package/_assets/Activity-DnfPbi6I.js

@@ -0,0 +1,400 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-oiiBJT0I.js","_assets/react-xTOg_zXI.js","_assets/index-x3_oOTlT.js","_assets/dcl-schemas-D-5rZ83i.js","_assets/sentry-B0Y62cGL.js","_assets/ethers-CopgDOSY.js","_assets/intl-AKLEHPeO.js","_assets/index-D8mGQF7W.css","_assets/import-CcqIyt2r.js","_assets/buy-DjjL35rl.js","_assets/trade-encoding-BeeCLIbm.js","_assets/sendMetaTransaction-BVZGqOEK.js","_assets/modal.styles-LVyI-Nms.js","_assets/CreditRate-Dzg044Lg.js","_assets/Faq-CcOpCC4Z.js","_assets/sales-empty-C0kdamh4.js","_assets/field.styles-DgktWQSW.js","_assets/ManaPricingBanner.styles-Bys2rCoo.js"])))=>i.map(i=>d[i]);
+import{m as Ae,bH as Ee,x as U,w as E,bV as Le,s as u,a as d,k as Ne,B as $e,t as o,Y as Te,aH as Pe,$ as ce,bW as se,bX as ne,bY as Se,_ as Ce,z as L,as as B,bZ as Fe,aI as De,bt as K,I as V,F as He,b_ as Me,aR as $,b$ as Re,c0 as Q}from"./index-x3_oOTlT.js";import{r as f,u as We,j as t,d as _e,L as qe}from"./react-xTOg_zXI.js";import{u as Oe,s as ze}from"./sales-empty-C0kdamh4.js";import{L as Ge}from"./LoadMore-CCDkdfxt.js";import{u as T}from"./useInfiniteGrid-BEX_xsnJ.js";import{m as le}from"./mana-matic-CEqvSwrJ.js";import{n as Ue}from"./name-glyph-aUugT8vq.js";import{s as Be}from"./signin-empty-Djiz9wqy.js";import"./dcl-schemas-D-5rZ83i.js";import"./sentry-B0Y62cGL.js";import"./ethers-CopgDOSY.js";import"./intl-AKLEHPeO.js";import"./import-CcqIyt2r.js";import"./buy-DjjL35rl.js";import"./trade-encoding-BeeCLIbm.js";import"./sendMetaTransaction-BVZGqOEK.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="71b981c3-c2c0-4bb1-8d78-e44875472aad",e._sentryDebugIdIdentifier="sentry-dbid-71b981c3-c2c0-4bb1-8d78-e44875472aad")}catch{}})();const Ke=15e3;function Ve(e,a){return e.txHash&&a.txHash?e.txHash===a.txHash:e.txHash||a.txHash?!1:e.status===a.status&&Math.abs(e.createdAt-a.createdAt)<=Ke}function Qe(e){const a=[...e].sort((i,n)=>n.createdAt-i.createdAt),s=[];for(const i of a){const n=s[s.length-1];n&&Ve(n[n.length-1],i)?n.push(i):s.push([i])}return s.map(i=>{var n;return{id:((n=i.find(c=>c.txHash))==null?void 0:n.txHash)??i[i.length-1].id,createdAt:Math.max(...i.map(c=>c.createdAt)),status:Xe(i),totalCredits:i.reduce((c,l)=>c+l.credits,0),lines:i}})}function Xe(e){return e.some(a=>a.status==="PENDING")?"PENDING":e.some(a=>a.status==="SETTLED")?"SETTLED":"EXPIRED"}function Ye(e){return e==="SETTLED"?"SETTLED":e==="EXPIRED"?"FAILED":"PENDING"}function Ze(e){return e.tradeId?`trade:${e.tradeId}`:e.contractAddress&&e.itemId?`item:${e.contractAddress.toLowerCase()}:${e.itemId}`:null}function Je(e){const a=[],s=new Map;for(const i of e){const n=Ze(i);if(!n){a.push({key:i.id,tradeId:null,contractAddress:i.contractAddress??null,itemId:i.itemId??null,registeredName:i.registeredName??null,quantity:1,credits:i.credits});continue}const c=s.get(n);if(c){c.quantity+=1,c.credits+=i.credits;continue}const l={key:n,tradeId:i.tradeId,contractAddress:i.contractAddress??null,itemId:i.itemId??null,registeredName:i.registeredName??null,quantity:1,credits:i.credits};s.set(n,l),a.push(l)}return a}function et(e,a){return{id:e.id,contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId,counterparty:e.buyer,credits:a?Ae(e.manaWei,a):null,manaWei:e.manaWei,createdAt:e.createdAt,txHash:e.txHash}}function tt(e){return e.status!=="EXPIRED"||!!e.submittedTxHash}function it(e){const s=Qe(e.purchases.filter(tt)).map(r=>({kind:"purchase",id:`purchase:${r.id}`,createdAt:r.createdAt,order:r})),i=e.sales.map(r=>{const p=et(r,e.rate);return{kind:"sale",id:`sale:${p.id}`,createdAt:p.createdAt,sale:p}}),n=(e.creditOrders??[]).filter(r=>r.status!=="failed"&&r.status!=="abandoned").map(r=>({kind:"credit",id:`credit:${r.id}`,createdAt:r.createdAt,order:r})),c=new Set(e.purchases.filter(r=>r.txHash).map(r=>r.txHash.toLowerCase())),l=(e.manaPurchases??[]).filter(r=>!c.has(r.txHash.toLowerCase())).map(r=>({kind:"mana-purchase",id:`mana-purchase:${r.id}`,createdAt:r.createdAt,sale:r}));return[...s,...i,...n,...l].sort((r,p)=>p.createdAt-r.createdAt||(r.id<p.id?-1:1))}function at(e,a){return a==="all"?e:a==="sales"?e.filter(s=>s.kind==="sale"):e.filter(s=>s.kind==="purchase"||s.kind==="credit"||s.kind==="mana-purchase")}const he=e=>e.trim().toLowerCase();function st(e){const a=new Map;for(const s of e??[]){const i=he(s.txHash??"");if(!i)continue;const n=a.get(i);n?n.push(s):a.set(i,[s])}return a}function nt(e,a,s=Date.now()){const i=a.txHash?e.get(he(a.txHash)):void 0;if(!i||i.length===0)return{kind:"direct"};const n=i.length===1?rt(i[0].netCents):null,c=i.filter(r=>!r.available&&r.availableAt>s);if(c.length===0)return{kind:"credited",credits:n};const l=c.reduce((r,p)=>Math.max(r,p.availableAt),0);return{kind:"pending",credits:n,availableAt:l}}function rt(e){return Ee(e)}function ot(){const e=U(i=>{var n;return(n=i.session)==null?void 0:n.address}),{data:a,isLoading:s}=E({queryKey:["listing-count",e],queryFn:()=>Le({creator:e,onSale:!0,first:1}),enabled:!!e,staleTime:5*6e4});return{count:a==null?void 0:a.total,isLoading:s}}const dt="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/credits-product-vs4Q6u6l.svg",X=Ne`
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+`,ct=u.section`
+  width: 100%;
+  min-width: 0;
+  min-height: 60vh;
+  /* Centre the whole column — heading, tabs and cards as ONE block — so the feed isn't parked against
+     the left edge of a wide page. Centring only the list would leave the heading orphaned from it.
+
+     ONE width for every view. The migration tool needs 1003px (its row is a thumbnail, a name and a
+     144px price field; narrower, the price field drops to its own line on a desktop), and the feed used
+     to sit at 760px — so switching chips resized the heading and the whole column under it, which reads
+     as the page reloading rather than as a filter changing. */
+  max-width: 1003px;
+  margin-inline: auto;
+`,lt=u.div`
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 20px;
+`,ht=u.h1`
+  font-family: ${d.font.sans};
+  margin: 0;
+  color: ${d.colors.softWhite};
+`;u.span`
+  color: ${d.colors.gray4};
+  font-size: 14px;
+`;const ut=u.div`
+  display: flex;
+  gap: 8px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+`,ue=u.button`
+  appearance: none;
+  /* Figma 2275:294685 / 294707: a translucent white pill that fills SOFT-WHITE when it is the one you
+     are on, with no border in either state — the outline this used to carry made the selected chip read
+     as a control with a stuck focus ring on it. */
+  border: 0;
+  background: ${d.colors.glass};
+  color: ${d.colors.white};
+  font-family: ${d.font.sans};
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  /* The design gives the pill a flat 40px and no vertical padding, centring the 24px line box inside
+     it — so the height is the 40 it draws rather than the sum of a line box, padding and a border. */
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 16px;
+  min-height: 40px;
+  border-radius: ${d.radius.pill};
+  cursor: pointer;
+  transition:
+    background 0.15s,
+    color 0.15s;
+
+  &:hover {
+    background: ${d.colors.glassHover};
+  }
+  /* Inset, so a keyboard ring never reads as part of the pill's own shape the way an offset one did. */
+  &:focus-visible {
+    outline: 2px solid ${d.colors.white};
+    outline-offset: -2px;
+  }
+  &[data-active='true'] {
+    background: ${d.colors.softWhite};
+    color: ${d.colors.text};
+  }
+  &[data-active='true']:hover {
+    background: ${d.colors.white};
+  }
+  &[data-active='true']:focus-visible {
+    outline-color: ${d.colors.text};
+  }
+`,pt=u(ue)`
+  position: relative;
+`,mt=u.span`
+  position: absolute;
+  /* The 5.5 / 2.5 the design measures from the pill's outer edge. The chip has no border now, so its
+     padding box IS that edge and the offsets no longer carry a hairline's worth on top. */
+  top: -5.5px;
+  right: -2.5px;
+  display: grid;
+  place-items: center;
+  /* The chip's tracking would otherwise widen the disc off its 20px. */
+  letter-spacing: normal;
+  /* Figma only ever draws a single digit, as a fixed 20px disc. The padding is what lets a two- or
+     three-figure count grow leftwards out of the corner instead of spilling out of the circle. */
+  min-width: 20px;
+  height: 20px;
+  padding: 0 6px;
+  border-radius: ${d.radius.pill};
+  background: ${d.colors.dclRed};
+  /* No ring: the red separates itself from both surfaces the disc straddles (the chip and the page), and
+     the design draws the circle bare. */
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.6;
+  color: ${d.colors.white};
+`,gt=u.div`
+  min-height: 60vh;
+`,re=u.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`,S=u.div`
+  /* No fill of its own, deliberately. Its children each paint one of the designer's two alphas, and a
+     fill here would sit UNDER both: the head's 60% composited over a 40% card lands far darker than
+     60% over the page, which is what it is measured against. The card contributes only the shape. */
+  border: 1px solid ${d.colors.cardLine};
+  border-radius: 16px;
+  overflow: hidden;
+  /* The card owns its text colour now. Anything inside that states none of its own - an item's name,
+     most of all - used to inherit the page's near-black body colour, which was right while the card
+     was white and invisible once it stopped being. Set here rather than per element so a descendant
+     added later is light by default instead of silently black. */
+  color: ${d.colors.softWhite};
+
+  /* The credits mark is pinned near-black globally (Icon.css) so that a green income total never tints
+     it - only the amount is coloured, never the glyph. That intent holds here and is why this sets a
+     fixed colour rather than letting the mark inherit: what could not survive the move is the value,
+     which was chosen for a white card and vanishes into this one. */
+  .ccy-mark,
+  .ccy {
+    color: ${d.colors.softWhite};
+  }
+`,C=u.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 18px;
+  /* Black at 60% against the rows' 40% - the designer's exact pair. The head is the darker of the
+     two, so the purchase reads as the main line and the items as detail under it. */
+  background: ${d.colors.overlayStrong};
+  border-bottom: 1px solid ${d.colors.cardLine};
+
+  ${d.media.maxWidth("mobile")} {
+    flex-wrap: wrap;
+  }
+`,F=u.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+`,D=u.span`
+  font-weight: 700;
+  color: ${d.colors.softWhite};
+`,H=u.span`
+  font-size: 13px;
+  color: ${d.colors.gray4};
+`,M=u.div`
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  /* Pin to the right regardless of how many elements sit on the left (the credit-purchase card adds a
+     leading thumbnail, giving the head three children instead of two). */
+  margin-left: auto;
+`,xt=u.div`
+  flex: 0 0 auto;
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${d.colors.media};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  img {
+    width: 30px;
+    height: 30px;
+    display: block;
+  }
+`,R=u.span`
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 4px 10px;
+  border-radius: ${d.radius.pill};
+  white-space: nowrap;
+
+  /* The washes carry over unchanged, being translucent. The inks do not: each was darkened until it
+     cleared 4.5:1 on WHITE, which is exactly what sinks it here. Each moves to the palest existing
+     token of its own hue, measured against the card over the brightest part of the page gradient
+     (5.5:1 green, 6.8:1 amber, 7.6:1 violet, 7.9:1 pink). The token names come from where each colour
+     was first used, not from a status meaning — if this pairing spreads, they are worth promoting to
+     named status inks. */
+  &[data-status='SETTLED'] {
+    background: rgba(30, 166, 114, 0.14);
+    color: ${d.colors.successBorder};
+  }
+  &[data-status='PENDING'] {
+    background: rgba(245, 166, 35, 0.16);
+    color: ${d.colors.flareAmber};
+  }
+  &[data-status='SOLD'] {
+    background: rgba(103, 58, 183, 0.14);
+    color: ${d.colors.navViolet};
+  }
+  &[data-status='FAILED'] {
+    background: rgba(214, 61, 61, 0.14);
+    color: ${d.colors.saleTag};
+  }
+  /* Nobody paid and nobody is owed anything — deliberately the quietest of the four. Reusing PENDING's
+     amber here is what made an abandoned checkout look like money on its way. */
+  &[data-status='UNFINISHED'] {
+    background: ${d.colors.glassFaint};
+    color: ${d.colors.gray4};
+  }
+`,ft=u.button`
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 4px 10px;
+  border-radius: ${d.radius.pill};
+  white-space: nowrap;
+  border: 1px solid ${d.colors.navViolet};
+  background: transparent;
+  color: ${d.colors.navViolet};
+  cursor: pointer;
+  transition: background 0.15s ease;
+
+  &:hover:not(:disabled) {
+    background: rgba(227, 201, 251, 0.14);
+  }
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+`,k=u.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-weight: 800;
+  /* Income used to read in the success green and is deliberately white like every other total now:
+     the plus sign already says money came in, and the green was the one colour shouting on the page.
+     There is no [data-kind='income'] rule any more because it would only repeat this line. */
+  color: ${d.colors.softWhite};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 16px;
+    height: 16px;
+  }
+`,pe=u.img`
+  width: 16px;
+  height: 16px;
+  vertical-align: -0.15em;
+`,yt=u.span`
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+`,bt=u.span`
+  position: fixed;
+  transform: translateX(-50%);
+  padding: 6px 8px;
+  border-radius: 6px;
+  background: #16141a;
+  color: ${d.colors.white};
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  white-space: nowrap;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+  pointer-events: none;
+  z-index: 9999;
+`,vt=u.p`
+  margin: 0;
+  /* 18px sides to sit on the same rail as CardHead and Line; no bottom, since Line brings its own 12px. */
+  padding: 12px 18px 0;
+  font-size: 13px;
+  line-height: 1.45;
+  color: ${d.colors.gray4};
+  /* Sits between the two bands, so it carries the rows' fill rather than leaving the page showing. */
+  background: ${d.colors.overlay};
+`,Y=u.div`
+  display: flex;
+  flex-direction: column;
+  background: ${d.colors.overlay};
+`,N=u.div`
+  display: grid;
+  grid-template-columns: 52px 1fr auto;
+  align-items: center;
+  gap: 14px;
+  padding: 12px 18px;
+  text-decoration: none;
+  color: inherit;
+
+  & + & {
+    border-top: 1px solid ${d.colors.cardLine};
+  }
+
+  &[data-link='true'] {
+    transition: background 0.15s;
+  }
+  &[data-link='true']:hover {
+    background: ${d.colors.glassFaint};
+  }
+  &[data-link='true']:focus-visible {
+    /* White, like the filter chips above: the accent purple was drawn for the white card and all but
+       vanishes against the translucent black. */
+    outline: 2px solid ${d.colors.white};
+    outline-offset: -2px;
+  }
+`,W=u.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${d.colors.media};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${d.colors.muted2};
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,Z=u.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
+  background-size: 200% 100%;
+  animation: ${X} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,_=u.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,q=u.span`
+  font-weight: 700;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,J=u.span`
+  display: inline-block;
+  width: 140px;
+  max-width: 60%;
+  height: 12px;
+  border-radius: 6px;
+  background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
+  background-size: 200% 100%;
+  animation: ${X} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,O=u.span`
+  font-size: 13px;
+  color: ${d.colors.gray4};
+`,me=u.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-weight: 700;
+  color: ${d.colors.softWhite};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 14px;
+    height: 14px;
+  }
+`,oe=u.div`
+  height: 132px;
+  border-radius: 16px;
+  border: 1px solid transparent;
+  background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
+  background-size: 200% 100%;
+  animation: ${X} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,wt=u.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,kt=u(W)`
+  background: ${d.gradients.amethyst};
+
+  img {
+    width: 26px;
+    height: 26px;
+    object-fit: contain;
+  }
+`,ee=N.withComponent(qe),jt=f.lazy(()=>Ce(()=>import("./index-oiiBJT0I.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17])).then(e=>({default:e.ImportListings}))),P=24,It=["all","purchases","sales"],z="section",de="listings",G="view",At="migrate";function A(e){try{return new Date(e).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function ge(e){return e.length>10?`${e.slice(0,6)}…${e.slice(-4)}`:e}function xe(e){const a=Number(e)/1e18;return Number.isFinite(a)?a.toLocaleString("en",{maximumFractionDigits:2}):"0"}function fe({children:e}){const a=f.useRef(null),[s,i]=f.useState(null),n=()=>{var l;const c=(l=a.current)==null?void 0:l.getBoundingClientRect();c&&i({top:c.bottom+8,left:c.left+c.width/2})};return t.jsxs(yt,{ref:a,tabIndex:0,onMouseEnter:n,onMouseLeave:()=>i(null),onFocus:n,onBlur:()=>i(null),children:[e,s?_e.createPortal(t.jsx(bt,{style:{top:s.top,left:s.left},role:"tooltip",children:o("activity.polygonMana")}),document.body):null]})}function Et({item:e}){const a=!!e.contractAddress&&!!e.itemId,s=!!e.tradeId||a,{data:i,isLoading:n}=E({queryKey:["order-line-display",e.tradeId,e.contractAddress,e.itemId],queryFn:()=>e.tradeId?Re(e.tradeId):Q(e.contractAddress,{itemId:e.itemId}),enabled:s,staleTime:5*6e4}),c=s&&n,l=(i==null?void 0:i.name)??o("activity.itemFallback"),r=(i==null?void 0:i.thumbnail)??"",p=K({contractAddress:i==null?void 0:i.contractAddress,tokenId:i==null?void 0:i.tokenId,itemId:i==null?void 0:i.itemId})??void 0,j=t.jsxs(t.Fragment,{children:[c?t.jsx(Z,{}):t.jsx(W,{children:r?t.jsx("img",{src:r,alt:l}):t.jsx(V,{name:"cart",size:20})}),t.jsxs(_,{children:[c?t.jsx(J,{}):t.jsx(q,{title:l,children:l}),e.quantity>1?t.jsx(O,{children:o("activity.quantity",{count:e.quantity})}):null]}),t.jsxs(me,{children:[t.jsx(L,{className:"ccy-mark"})," ",t.jsx(B,{credits:e.credits})]})]});return p?t.jsx(ee,{to:p,"data-link":"true",children:j}):t.jsx(N,{children:j})}function Lt({item:e}){const a=`@${e.registeredName}`;return t.jsxs(N,{"data-testid":"activity-name-line",children:[t.jsx(kt,{children:t.jsx("img",{src:Ue,alt:""})}),t.jsxs(_,{children:[t.jsx(q,{title:a,children:a}),t.jsx(O,{children:o("activity.nameRegistration")})]}),t.jsxs(me,{children:[t.jsx(L,{className:"ccy-mark"})," ",e.credits]})]})}function Nt({order:e}){const a=Je(e.lines),s=a.reduce((c,l)=>c+l.quantity,0),i=Ye(e.status),n=i==="SETTLED"?o("activity.completed"):i==="FAILED"?o("activity.failed"):o("activity.processing");return t.jsxs(S,{"data-testid":"purchase-order",children:[t.jsxs(C,{children:[t.jsxs(F,{children:[t.jsx(D,{children:A(e.createdAt)}),t.jsxs(H,{children:[o("activity.purchaseLabel")," · ",o("activity.itemCount",{count:s})]})]}),t.jsxs(M,{children:[t.jsx(R,{"data-status":i,children:n}),t.jsxs(k,{children:[t.jsx(L,{className:"ccy-mark"})," ",t.jsx(B,{credits:e.totalCredits})]})]})]}),i==="FAILED"?t.jsx(vt,{children:o("activity.purchaseFailedNote")}):null,t.jsx(Y,{children:a.map(c=>c.registeredName?t.jsx(Lt,{item:c},c.key):t.jsx(Et,{item:c},c.key))})]})}function $t({sale:e}){const{data:a,isLoading:s}=E({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>Q(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),i=(a==null?void 0:a.name)??o("activity.itemFallback"),n=(a==null?void 0:a.thumbnail)??"",c=K({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,l=t.jsxs(t.Fragment,{children:[s?t.jsx(Z,{}):t.jsx(W,{children:n?t.jsx("img",{src:n,alt:i}):t.jsx(V,{name:"offer",size:20})}),t.jsxs(_,{children:[s?t.jsx(J,{}):t.jsx(q,{title:i,children:i}),t.jsx(O,{children:o("activity.boughtFrom",{account:ge(e.seller)})})]})]});return t.jsxs(S,{"data-testid":"activity-mana-purchase",children:[t.jsxs(C,{children:[t.jsxs(F,{children:[t.jsx(D,{children:A(e.createdAt)}),t.jsx(H,{children:o("activity.paidWithMana")})]}),t.jsxs(M,{children:[t.jsx(R,{"data-status":"SETTLED",children:o("activity.completed")}),t.jsxs(k,{children:[xe(e.manaWei)," ",t.jsx(fe,{children:t.jsx(pe,{src:le,alt:"MANA"})})]})]})]}),t.jsx(Y,{children:c?t.jsx(ee,{to:c,"data-link":"true",children:l}):t.jsx(N,{children:l})})]})}function Tt({sale:e,payout:a}){const{data:s,isLoading:i}=E({queryKey:["asset-display",e.contractAddress,e.tokenId,e.itemId],queryFn:()=>Q(e.contractAddress,{tokenId:e.tokenId,itemId:e.itemId}),enabled:!!e.contractAddress,staleTime:3e5}),n=(s==null?void 0:s.name)??o("activity.itemFallback"),c=(s==null?void 0:s.thumbnail)??"",l=K({contractAddress:e.contractAddress,tokenId:e.tokenId,itemId:e.itemId})??void 0,r=t.jsxs(t.Fragment,{children:[i?t.jsx(Z,{}):t.jsx(W,{children:c?t.jsx("img",{src:c,alt:n}):t.jsx(V,{name:"offer",size:20})}),t.jsxs(_,{children:[i?t.jsx(J,{}):t.jsx(q,{title:n,children:n}),t.jsxs(O,{children:[o("activity.soldTo",{account:ge(e.counterparty)}),a.kind==="pending"?` · ${o("activity.payoutPendingOn",{date:A(a.availableAt)})}`:""]})]})]});return t.jsxs(S,{"data-testid":"activity-sale",children:[t.jsxs(C,{children:[t.jsxs(F,{children:[t.jsx(D,{children:A(e.createdAt)}),t.jsx(H,{children:o("activity.saleLabel")})]}),t.jsxs(M,{children:[t.jsx(R,{"data-status":a.kind==="pending"?"PENDING":"SOLD",children:a.kind==="pending"?o("activity.payoutPending"):o("activity.sold")}),a.kind==="direct"?t.jsxs(k,{"data-kind":"income",children:["+",xe(e.manaWei)," ",t.jsx(fe,{children:t.jsx(pe,{src:le,alt:"MANA"})})]}):a.credits!==null?t.jsxs(k,{"data-kind":"income",children:[t.jsx(L,{className:"ccy-mark"})," +",He(a.credits)]}):t.jsx(k,{"data-kind":"income",children:o("activity.payoutCredited")})]})]}),t.jsx(Y,{children:l?t.jsx(ee,{to:l,"data-link":"true",children:r}):t.jsx(N,{children:r})})]})}function Pt({order:e}){const a=`$${(e.usdCents/100).toFixed(2)}`,s=Fe(e.status),i=s==="SETTLED"?o("activity.completed"):s==="FAILED"?o("activity.failed"):s==="UNFINISHED"?o("activity.unfinished"):o("activity.processing"),n=U(m=>m.session),c=De(),[l,r]=f.useState(!1),p=e.status==="initiated"&&!!n;f.useEffect(()=>{const m=()=>r(!1);return window.addEventListener("pageshow",m),()=>window.removeEventListener("pageshow",m)},[]);async function j(){if(!(!n||l)){r(!0);try{const m=await Me(e.id,n.identity);if(m.kind==="url"){if(/^https:\/\/([a-z0-9-]+\.)*stripe\.com\//i.test(m.url)){window.location.href=m.url;return}$.error(o("activity.resumeUnavailable"))}else m.kind==="expired"?($.info(o("activity.resumeExpired")),c.invalidateQueries({queryKey:["credit-orders"]})):m.kind==="paid"?($.success(o("activity.resumePaid")),c.invalidateQueries({queryKey:["credit-orders"]})):$.error(o("activity.resumeUnavailable"));r(!1)}catch{r(!1)}}}return t.jsx(S,{"data-testid":"credit-order",children:t.jsxs(C,{children:[t.jsx(xt,{children:t.jsx("img",{src:dt,alt:"","aria-hidden":!0})}),t.jsxs(F,{children:[t.jsx(D,{children:A(e.createdAt)}),t.jsxs(H,{children:[o("activity.creditPurchaseLabel")," · ",o("activity.creditPaid",{usd:a})]})]}),t.jsxs(M,{children:[p?t.jsx(ft,{type:"button",onClick:()=>void j(),disabled:l,"data-testid":"resume-order",children:l?o("activity.resuming"):o("activity.resume")}):null,t.jsx(R,{"data-status":s,children:i}),t.jsxs(k,{"data-kind":s==="UNFINISHED"?void 0:"income",children:[s==="UNFINISHED"?"":"+",t.jsx(L,{className:"ccy-mark"})," ",t.jsx(B,{credits:e.credits})]})]})]})})}function St({filter:e}){const a={all:o("activity.emptyAllBody"),purchases:o("activity.emptyPurchasesBody"),sales:o("activity.emptySalesBody")}[e];return t.jsx(wt,{children:t.jsx(ce,{testId:`activity-empty-${e}`,icon:ze,title:o("activity.emptyTitle"),body:a,cta:{label:o("assets.empty.cta"),to:"/items"}})})}function Qt(){const{session:e,signIn:a}=U(),[s,i]=f.useState("all"),[n,c]=We(),l=n.get(z)===de||n.get(G)===At;$e({title:l?o("seo.import.title"):o("nav.activity"),noindex:!0});const{count:r}=Oe(),{count:p}=ot(),m=r!==void 0&&p!==void 0&&(r>0||p>0||l),g=!!e&&!l&&s!=="sales",x=!!e&&!l&&s!=="purchases",y=T(["purchases",e==null?void 0:e.address],h=>Se(e.address,e.identity,{first:P,skip:h}),{enabled:g}),b=T(["sales",e==null?void 0:e.address],h=>se(e.address,{role:"seller",first:P,skip:h}),{enabled:x}),v=T(["credit-orders",e==null?void 0:e.address],h=>ne(e.address,e.identity,{first:P,skip:h}),{enabled:g}),w=T(["mana-purchases",e==null?void 0:e.address],h=>se(e.address,{role:"buyer",first:P,skip:h}),{enabled:g}),{data:te}=E({queryKey:["sale-payouts",e==null?void 0:e.address],queryFn:()=>ne(e.address,e.identity,{first:200}).then(h=>h.payouts),enabled:x,staleTime:6e4}),ye=f.useMemo(()=>st(te),[te]),{data:be}=Te(x);if(!e)return t.jsx(Pe,{children:t.jsx(ce,{testId:"activity-signin",icon:Be,title:o("activity.signInTitle"),body:o("activity.signInBody"),cta:{label:o("storeSettings.signIn"),onClick:()=>a()},ctaVariant:"solid",fill:!0})});const ie=at(it({purchases:g?y.items:[],sales:x?b.items:[],creditOrders:g?v.items:[],manaPurchases:g?w.items:[],rate:be}),s),ve=g&&(y.isLoading||v.isLoading||w.isLoading)||x&&b.isLoading,ae=g&&(y.isFetchingNextPage||v.isFetchingNextPage||w.isFetchingNextPage)||x&&b.isFetchingNextPage,we=g&&(y.hasNextPage||v.hasNextPage||w.hasNextPage)||x&&b.hasNextPage;function ke(){g&&y.hasNextPage&&y.fetchNextPage(),g&&v.hasNextPage&&v.fetchNextPage(),g&&w.hasNextPage&&w.fetchNextPage(),x&&b.hasNextPage&&b.fetchNextPage()}function je(h){if(i(h),!l)return;const I=new URLSearchParams(n);I.delete(z),I.delete(G),c(I,{replace:!0})}function Ie(){const h=new URLSearchParams(n);h.set(z,de),h.delete(G),c(h,{replace:!0})}return t.jsxs(ct,{children:[t.jsx(lt,{children:t.jsx(ht,{children:o("nav.activity")})}),t.jsxs(ut,{role:"tablist","aria-label":o("nav.activity"),children:[It.map(h=>t.jsx(ue,{type:"button",role:"tab","aria-selected":!l&&s===h,"data-active":!l&&s===h,"data-testid":`activity-filter-${h}`,onClick:()=>je(h),children:o(`activity.filter.${h}`)},h)),m?t.jsxs(pt,{type:"button",role:"tab","aria-selected":l,"data-active":l,"data-testid":"activity-filter-migrate","aria-label":r?o("activity.migrate.chipAria",{count:r}):void 0,onClick:Ie,children:[o("activity.migrate.chip"),r?t.jsx(mt,{"data-testid":"activity-migrate-count","aria-hidden":!0,children:r}):null]}):null]}),l?t.jsx(f.Suspense,{fallback:t.jsx(gt,{"aria-busy":"true"}),children:t.jsx(jt,{})}):ve?t.jsx(re,{children:Array.from({length:5}).map((h,I)=>t.jsx(oe,{},I))}):ie.length===0?t.jsx(St,{filter:s}):t.jsxs(t.Fragment,{children:[t.jsxs(re,{children:[ie.map(h=>h.kind==="purchase"?t.jsx(Nt,{order:h.order},h.id):h.kind==="credit"?t.jsx(Pt,{order:h.order},h.id):h.kind==="mana-purchase"?t.jsx($t,{sale:h.sale},h.id):t.jsx(Tt,{sale:h.sale,payout:nt(ye,h.sale)},h.id)),ae?t.jsx(oe,{}):null]}),t.jsx(Ge,{hasNextPage:we,isFetching:ae,onLoadMore:ke})]})]})}export{Qt as Activity};
+//# sourceMappingURL=Activity-DnfPbi6I.js.map

package/_assets/{AnimatedBackground-CCv_8WvR.js → AnimatedBackground-DMoJIXm4.js}

@@ -1,4 +1,4 @@
-import{r as u,j as d}from"./react-COwX0Zlk.js";import{s as f}from"./index-BRNshUaV.js";import"./dcl-schemas-B-Ph0Ls4.js";import"./sentry-D9BarSwm.js";import"./ethers-bR7FzlYq.js";import"./intl-AKLEHPeO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="34f17abe-67d0-4a71-af4b-fe5dd52216aa",e._sentryDebugIdIdentifier="sentry-dbid-34f17abe-67d0-4a71-af4b-fe5dd52216aa")}catch{}})();const D="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/custom-welcome-background-BxlFQma9.webp",P="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/DCL_LogoPattern-BryBPc3d.png",L=`
+import{r as u,j as d}from"./react-xTOg_zXI.js";import{s as f}from"./index-x3_oOTlT.js";import"./dcl-schemas-D-5rZ83i.js";import"./sentry-B0Y62cGL.js";import"./ethers-CopgDOSY.js";import"./intl-AKLEHPeO.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="50fe1a12-2df4-4459-8ae0-daca0dc549dc",e._sentryDebugIdIdentifier="sentry-dbid-50fe1a12-2df4-4459-8ae0-daca0dc549dc")}catch{}})();const D="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/custom-welcome-background-BxlFQma9.webp",P="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/DCL_LogoPattern-BryBPc3d.png",L=`
 attribute vec2 a_position;
 varying vec2 v_uv;
 void main() {
@@ -95,4 +95,4 @@ void main() {
   width: 100%;
   height: 100%;
 `;function K({patternTiling:e=1.66}){const a=u.useRef(null),n=u.useRef(0),r=u.useRef(e);return r.current=e,u.useEffect(()=>{var _;const o=a.current;if(!o||(_=window.matchMedia)!=null&&_.call(window,"(prefers-reduced-motion: reduce)").matches)return;const t=o.getContext("webgl",{alpha:!1,antialias:!1});if(!t)return;const c=p(t,t.VERTEX_SHADER,L),s=p(t,t.FRAGMENT_SHADER,I);if(!c||!s){c&&t.deleteShader(c),s&&t.deleteShader(s);return}const i=B(t,c,s);if(!i){t.deleteShader(c),t.deleteShader(s);return}const m=t.getAttribLocation(i,"a_position"),R=t.getUniformLocation(i,"u_time"),w=t.getUniformLocation(i,"u_resolution"),b=t.getUniformLocation(i,"u_overlayTex"),A=t.getUniformLocation(i,"u_overlayTiling"),v=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,v),t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),t.STATIC_DRAW);let g=!1;const h=F(t,P,()=>g),S=()=>{const l=window.devicePixelRatio||1,E=o.clientWidth*l,x=o.clientHeight*l;(o.width!==E||o.height!==x)&&(o.width=E,o.height=x)},U=performance.now()/1e3,y=()=>{S(),t.viewport(0,0,o.width,o.height),t.useProgram(i),t.uniform1f(R,performance.now()/1e3-U),t.uniform2f(w,o.width,o.height),t.uniform1f(A,r.current),t.activeTexture(t.TEXTURE0),t.bindTexture(t.TEXTURE_2D,h),t.uniform1i(b,0),t.enableVertexAttribArray(m),t.bindBuffer(t.ARRAY_BUFFER,v),t.vertexAttribPointer(m,2,t.FLOAT,!1,0,0),t.drawArrays(t.TRIANGLES,0,6),n.current=requestAnimationFrame(y)},T=l=>{l.preventDefault(),cancelAnimationFrame(n.current),o.style.opacity="0"};return o.addEventListener("webglcontextlost",T,!1),n.current=requestAnimationFrame(y),()=>{g=!0,cancelAnimationFrame(n.current),o.removeEventListener("webglcontextlost",T),t.deleteProgram(i),t.deleteShader(c),t.deleteShader(s),t.deleteBuffer(v),t.deleteTexture(h)}},[]),d.jsxs(C,{"aria-hidden":!0,children:[d.jsx(k,{style:{backgroundImage:`url(${D})`}}),d.jsx(V,{ref:a})]})}export{K as default};
-//# sourceMappingURL=AnimatedBackground-CCv_8WvR.js.map
+//# sourceMappingURL=AnimatedBackground-DMoJIXm4.js.map

package/_assets/{Assets-G4zKJq-g.js → Assets-CeTv3PQS.js}

@@ -1,4 +1,4 @@
-import{r as p,b as Ze,j as e,a as bt,u as yt}from"./react-COwX0Zlk.js";import{c as se,r as wt,b as jt,bF as vt,h as Ye,j as Xe,bB as Ct,bc as $t,ba as kt,w as St,c$ as Et,d0 as Rt,s as i,a as t,x as dt,bl as Tt,aG as _t,F as ht,t as s,d1 as Mt,bI as We,D as It,I as W,z as V,d2 as ze,E as ge,bk as At,l as Nt,O as Me,bv as Je,bE as Lt,bD as Wt,B as pt,Y as ut,m as mt,bX as zt,bY as Pt,y as Bt,bR as Ft,av as Ot,$ as Ut,a1 as et,a2 as be,aE as Ht,bS as Dt,bT as Gt}from"./index-BRNshUaV.js";import{u as qt,s as Kt}from"./search-empty-DlvFh8OP.js";import{u as Vt,l as Zt,m as Qt,S as Yt,F as Xt,a as Jt}from"./Filters-DZJTBasv.js";import{R as en,S as tn,a as nn,D as sn,b as an,C as on,c as rn,d as ln,e as cn,M as dn}from"./browseLayout.styles-D4_s76IT.js";import{L as hn}from"./LoadMore-yxZw85kf.js";import{u as pn}from"./useInfiniteGrid-CoFLGUq5.js";import{E as un}from"./ErrorNotice-5cQusmGK.js";import{d as mn}from"./dcl-schemas-B-Ph0Ls4.js";import{s as fn,G as xn,w as gn,S as bn}from"./buy-gasless-C_qSC2r9.js";import{s as yn}from"./buy-Bz6BQ053.js";import{u as wn,A as jn,C as vn}from"./trade-encoding-DqOFT-xH.js";import{f as Cn}from"./errors-wUAVqc_c.js";import{J as $n,C as kn,B as Ie}from"./ethers-bR7FzlYq.js";import{z as Sn,D as En,w as Rn,W as Tn,m as _n,n as Mn,o as In,v as An,j as tt}from"./CreditPackPicker-D6M8C5at.js";import{u as Nn,M as Ln,o as Wn,l as zn,R as Pn,c as Bn}from"./loader-logo-DnFrESbi.js";import{P as Fn}from"./PaymentMethodStep-Dmy4hMV3.js";import{R as nt}from"./resume-name-DGCFrQWT.js";import{R as On}from"./resume-buy-DG0KaJKe.js";import{n as Un}from"./name-glyph-aUugT8vq.js";import{c as Hn}from"./crumbs.styles-CQ8x8Q1s.js";import{n as Dn}from"./Tooltip-S7k1SpAV.js";import{G as Gn}from"./grid.styles-CCv5GYbY.js";import"./sentry-D9BarSwm.js";import"./intl-AKLEHPeO.js";import"./skeleton.styles-BEkEh9Xo.js";import"./sendMetaTransaction-Cpk-JkUY.js";import"./mana-matic-CEqvSwrJ.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new n.Error().stack;a&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[a]="298ada88-aba4-43b2-994a-ed0ae647e4c5",n._sentryDebugIdIdentifier="sentry-dbid-298ada88-aba4-43b2-994a-ed0ae647e4c5")}catch{}})();function ye(n){const a=n.source??"item",r=n.tradeId||`${n.contractAddress}-${n.tokenId??n.itemId??""}`;return`${a}:${r}`}const Z="100000000000000000000",ft=2,Ae=15,qn=/^[a-zA-Z0-9]+$/;function st(n){const a=n.trim();return a.length===0?{ok:!1,reason:"empty"}:qn.test(a)?a.length<ft?{ok:!1,reason:"too-short"}:a.length>Ae?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function Kn(n){return n.replace(/[^a-zA-Z0-9]/g,"").slice(0,Ae)}const Vn=["function available(string _subdomain) view returns (bool)"],it={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function Zn(){return se.chainId===Number(mn.ChainId.MATIC_MAINNET)?it.mainnet:it.sepolia}async function Qn(n,a={}){var g;const{rpc:r,address:h}=Zn(),d=new $n(r),w=new kn(h,Vn,d);console.info(`[names] availability check → DCLRegistrar(${h}).available("${n}") on ${r}`);const c=await w.available(n);if((g=a.signal)!=null&&g.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${n}" available=${c}`),c?"available":"taken"}const Yn="https://app.across.to/api";class Qe extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}class Ke extends Error{constructor(){super("The name could not be registered on Ethereum; your funds were recovered."),this.name="NameNotRegisteredError"}}class Ve extends Error{constructor(){super("We couldn't confirm whether the purchase went through."),this.name="NameSettlementUnknownError"}}function Xn(n){return $t(Z,n)}async function Jn(n,a,r={}){var g;const h=r.chainId??se.chainId,d=r.provider??"across",w=`${se.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(a)}&chainId=${h}&provider=${d}`,c=await kt(w,{method:"GET",identity:n,metadata:{}});if(!c.ok){let l;try{l=(g=await c.json())==null?void 0:g.code}catch{}throw l==="ROUTE_COST_TOO_HIGH"?new Qe:new Error(`fetchNameCreditRoute ${c.status}`)}return c.json()}function es(n,a){const r=Ie.from(n.availableAmount),d=Ie.from(Z).sub(r);return{credits:[{value:n.amount,expiresAt:Number(n.expiresAt),salt:vn(n.id)}],creditsSignatures:[n.signature],externalCall:{target:a.externalCall.target,selector:a.externalCall.selector,data:a.externalCall.data,expiresAt:a.externalCall.expiresAt,salt:a.externalCall.salt},customExternalCallSignature:a.customExternalCallSignature,maxUncreditedValue:d.isNegative()?"0":d.toString(),maxCreditedValue:Z}}async function ts(n,a={}){const r=Yn,h=a.intervalMs??1e4,d=a.maxAttempts??60;let w={status:"pending",destinationTxHash:null,actionsSucceeded:null};for(let c=0;c<d;c++){try{const g=await fetch(`${r}/deposit/status?originChainId=137&depositTxHash=${n}`);if(g.ok){const l=await g.json(),j=(l.status??"pending").toLowerCase(),b=l.fillTx??l.fillTxnRef??null,C=typeof l.actionsSucceeded=="boolean"?l.actionsSucceeded:null;if(j==="filled")return{status:"filled",destinationTxHash:b,actionsSucceeded:C};if(j==="refunded"||j==="expired")return{status:j,destinationTxHash:null,actionsSucceeded:!1};w={status:"pending",destinationTxHash:b,actionsSucceeded:C}}}catch{}c<d-1&&await new Promise(g=>setTimeout(g,h))}return w}async function ns(n){const{name:a,identity:r,signer:h}=n,d=b=>{var C;try{(C=n.onProgress)==null||C.call(n,b)}catch{}},w=n.chainId??se.chainId,c=n.provider??"across",g=(n.beneficiary??await h.getAddress()).toLowerCase();let l=null,j="unconfirmed";console.info("[names] register start",{name:a,buyer:g,chainId:w,provider:c}),d("preparing");try{const b=await wt(jt(se.chainId).address),C=Xn(b),m=n.creditsCents!=null?Math.max(1,Math.min(Math.trunc(n.creditsCents),C)):C,k=m<C;console.info("[names] step 1/6 sized reservation",{usdCents:m,fullPriceCents:C,payingWithMana:k,manaRate:b});const x=await Jn(r,a,{chainId:w,provider:c});console.info("[names] step 2/6 route fetched",{target:x.externalCall.target,selector:x.externalCall.selector,provider:x.provider,quoteId:x.quoteId});const y=await vt(r,m,void 0,void 0,a);if(l=y.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:y.credit.id,maxCreditedValue:y.maxCreditedValue}),!k&&Ie.from(y.maxCreditedValue).lt(Z))throw new Error("Credit under-sized for the name price");if(k){const u=Ie.from(Z).sub(y.credit.availableAmount);if(n.maxManaWei!=null&&u.gt(n.maxManaWei.toString()))throw new Error("The MANA needed moved past what was agreed");u.gt(0)&&(d("awaiting-confirmation"),await wn({auth:{kind:jn.Allowance,contractAddress:Ye(Xe.MANAToken,w).address,spenderAddress:Ye(Xe.CreditsManager,w).address,chainId:w},signer:h,requiredWei:BigInt(u.toString())}),console.info("[names] step 3b/6 mana allowance ensured",{gapWei:u.toString()}))}d("awaiting-confirmation");const v=es(y.credit,x);let $;try{$=await fn({chainId:w,buyer:g,signer:h,args:v})}catch(u){if(!(u instanceof xn))throw u;if(u.reason==="relayer-unreachable"){j="unobservable";const N=new Ve;throw N.cause=u,N}$=await yn(w,v,h)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:$}),d("confirming"),await gn($),j="confirmed",console.info("[names] step 5/6 origin tx confirmed",{originTxHash:$}),c==="across"){d("registering");const u=await ts($,n.acrossPoll);if(console.info("[names] step 6/6 across status",u),u.status==="pending")return{status:"pending",originTxHash:$};if(u.status==="filled"&&u.actionsSucceeded===null)return console.warn("[names] across filled without reporting actionsSucceeded — reporting pending",{originTxHash:$}),{status:"pending",originTxHash:$};if(u.status!=="filled"||u.actionsSucceeded!==!0)throw new Ke;return{status:"registered",originTxHash:$,destinationTxHash:u.destinationTxHash}}return{status:"pending",originTxHash:$}}catch(b){if(console.error("[names] register failed — raw error:",b,{name:a,buyer:g,originState:j}),b instanceof bn)return{status:"pending",originTxHash:b.txHash};if(l&&j==="unconfirmed"&&await Ct(r,[l]).catch(()=>{}),b instanceof Qe||b instanceof Ke||b instanceof Ve)throw b;const C=new Error(Cn(b,"Couldn't register the name. Please try again.",{sale:!0}));throw C.cause=b,C}}function ss(){const{data:n}=St({queryKey:["feature-flag","shop-names"],queryFn:()=>Et(Rt.SHOP_NAMES),staleTime:6e4,refetchOnWindowFocus:!0,retry:1});return n===!0}const is=60,as=700,os=25;function rs(n){if(!n)return[];const a=[];for(let r=1;r<=n.length;r++)a.push({text:n.slice(0,r),delay:is});a[a.length-1]={text:n,delay:as};for(let r=n.length-1;r>=1;r--)a.push({text:n.slice(0,r),delay:os});return a}function ls(n){return n.flatMap(rs)}function cs(n,a){const r=p.useMemo(()=>ls(n),[n]),[h,d]=p.useState(0);return p.useEffect(()=>{if(!a||r.length===0)return;const w=setTimeout(()=>d(c=>(c+1)%r.length),r[h%r.length].delay);return()=>clearTimeout(w)},[h,a,r]),!a||r.length===0?"":r[h%r.length].text}const ds="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/name-verified-oGwQ3ntb.svg",hs="#34fee6",ps=i.div`
+import{r as p,b as Ze,j as e,a as bt,u as yt}from"./react-xTOg_zXI.js";import{c as se,r as wt,b as jt,bF as vt,h as Ye,j as Xe,bB as Ct,bc as $t,ba as kt,w as St,c$ as Et,d0 as Rt,s as i,a as t,x as dt,bl as Tt,aI as _t,F as ht,t as s,d1 as Mt,bI as We,D as It,I as W,z as V,d2 as ze,E as ge,bk as At,l as Nt,O as Me,bv as Je,bE as Lt,bD as Wt,B as pt,Y as ut,m as mt,cc as zt,cd as Pt,y as Bt,bR as Ft,av as Ot,$ as Ut,a1 as et,a2 as be,aG as Ht,bS as Dt,bT as Gt}from"./index-x3_oOTlT.js";import{u as qt,s as Kt}from"./search-empty-eYhzQ9FT.js";import{u as Vt,l as Zt,m as Qt,S as Yt,F as Xt,a as Jt}from"./Filters-D_wo8nf7.js";import{R as en,S as tn,a as nn,D as sn,b as an,C as on,c as rn,d as ln,e as cn,M as dn}from"./browseLayout.styles-BJ83PjpA.js";import{L as hn}from"./LoadMore-CCDkdfxt.js";import{u as pn}from"./useInfiniteGrid-BEX_xsnJ.js";import{E as un}from"./ErrorNotice-BndI9TcU.js";import{d as mn}from"./dcl-schemas-D-5rZ83i.js";import{s as fn,G as xn,w as gn,S as bn}from"./buy-gasless-D72pqxFQ.js";import{s as yn}from"./buy-DjjL35rl.js";import{u as wn,A as jn,C as vn}from"./trade-encoding-BeeCLIbm.js";import{f as Cn}from"./errors-g7TfMjmz.js";import{J as $n,C as kn,B as Ie}from"./ethers-CopgDOSY.js";import{z as Sn,D as En,w as Rn,W as Tn,m as _n,n as Mn,o as In,v as An,j as tt}from"./CreditPackPicker-DC2Uhrv6.js";import{u as Nn,M as Ln,o as Wn,l as zn,R as Pn,c as Bn}from"./loader-logo-VsDgHWNm.js";import{P as Fn}from"./PaymentMethodStep-DvFcy0mk.js";import{R as nt}from"./resume-name-DCcU5Jmo.js";import{R as On}from"./resume-buy-CadxFuJD.js";import{n as Un}from"./name-glyph-aUugT8vq.js";import{c as Hn}from"./crumbs.styles-Do82Lh7D.js";import{n as Dn}from"./Tooltip-u81Sv8t-.js";import{G as Gn}from"./grid.styles-D-jF6MZw.js";import"./sentry-B0Y62cGL.js";import"./intl-AKLEHPeO.js";import"./skeleton.styles-OHtRJI1m.js";import"./sendMetaTransaction-BVZGqOEK.js";import"./mana-matic-CEqvSwrJ.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new n.Error().stack;a&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[a]="42eaf077-deb9-4131-9fe2-088465743d4e",n._sentryDebugIdIdentifier="sentry-dbid-42eaf077-deb9-4131-9fe2-088465743d4e")}catch{}})();function ye(n){const a=n.source??"item",r=n.tradeId||`${n.contractAddress}-${n.tokenId??n.itemId??""}`;return`${a}:${r}`}const Z="100000000000000000000",ft=2,Ae=15,qn=/^[a-zA-Z0-9]+$/;function st(n){const a=n.trim();return a.length===0?{ok:!1,reason:"empty"}:qn.test(a)?a.length<ft?{ok:!1,reason:"too-short"}:a.length>Ae?{ok:!1,reason:"too-long"}:{ok:!0}:{ok:!1,reason:"invalid-chars"}}function Kn(n){return n.replace(/[^a-zA-Z0-9]/g,"").slice(0,Ae)}const Vn=["function available(string _subdomain) view returns (bool)"],it={mainnet:{rpc:"https://rpc.decentraland.org/mainnet",address:"0x2a187453064356c898cae034eaed119e1663acb8"},sepolia:{rpc:"https://rpc.decentraland.org/sepolia",address:"0x7518456ae93eb98f3e64571b689c626616bb7f30"}};function Zn(){return se.chainId===Number(mn.ChainId.MATIC_MAINNET)?it.mainnet:it.sepolia}async function Qn(n,a={}){var g;const{rpc:r,address:h}=Zn(),d=new $n(r),w=new kn(h,Vn,d);console.info(`[names] availability check → DCLRegistrar(${h}).available("${n}") on ${r}`);const c=await w.available(n);if((g=a.signal)!=null&&g.aborted)throw new DOMException("Aborted","AbortError");return console.info(`[names] "${n}" available=${c}`),c?"available":"taken"}const Yn="https://app.across.to/api";class Qe extends Error{constructor(){super("Name registration is temporarily unavailable due to high network costs"),this.name="NameRouteCostTooHighError"}}class Ke extends Error{constructor(){super("The name could not be registered on Ethereum; your funds were recovered."),this.name="NameNotRegisteredError"}}class Ve extends Error{constructor(){super("We couldn't confirm whether the purchase went through."),this.name="NameSettlementUnknownError"}}function Xn(n){return $t(Z,n)}async function Jn(n,a,r={}){var g;const h=r.chainId??se.chainId,d=r.provider??"across",w=`${se.creditsServerUrl}/credits-name-route?name=${encodeURIComponent(a)}&chainId=${h}&provider=${d}`,c=await kt(w,{method:"GET",identity:n,metadata:{}});if(!c.ok){let l;try{l=(g=await c.json())==null?void 0:g.code}catch{}throw l==="ROUTE_COST_TOO_HIGH"?new Qe:new Error(`fetchNameCreditRoute ${c.status}`)}return c.json()}function es(n,a){const r=Ie.from(n.availableAmount),d=Ie.from(Z).sub(r);return{credits:[{value:n.amount,expiresAt:Number(n.expiresAt),salt:vn(n.id)}],creditsSignatures:[n.signature],externalCall:{target:a.externalCall.target,selector:a.externalCall.selector,data:a.externalCall.data,expiresAt:a.externalCall.expiresAt,salt:a.externalCall.salt},customExternalCallSignature:a.customExternalCallSignature,maxUncreditedValue:d.isNegative()?"0":d.toString(),maxCreditedValue:Z}}async function ts(n,a={}){const r=Yn,h=a.intervalMs??1e4,d=a.maxAttempts??60;let w={status:"pending",destinationTxHash:null,actionsSucceeded:null};for(let c=0;c<d;c++){try{const g=await fetch(`${r}/deposit/status?originChainId=137&depositTxHash=${n}`);if(g.ok){const l=await g.json(),j=(l.status??"pending").toLowerCase(),b=l.fillTx??l.fillTxnRef??null,C=typeof l.actionsSucceeded=="boolean"?l.actionsSucceeded:null;if(j==="filled")return{status:"filled",destinationTxHash:b,actionsSucceeded:C};if(j==="refunded"||j==="expired")return{status:j,destinationTxHash:null,actionsSucceeded:!1};w={status:"pending",destinationTxHash:b,actionsSucceeded:C}}}catch{}c<d-1&&await new Promise(g=>setTimeout(g,h))}return w}async function ns(n){const{name:a,identity:r,signer:h}=n,d=b=>{var C;try{(C=n.onProgress)==null||C.call(n,b)}catch{}},w=n.chainId??se.chainId,c=n.provider??"across",g=(n.beneficiary??await h.getAddress()).toLowerCase();let l=null,j="unconfirmed";console.info("[names] register start",{name:a,buyer:g,chainId:w,provider:c}),d("preparing");try{const b=await wt(jt(se.chainId).address),C=Xn(b),m=n.creditsCents!=null?Math.max(1,Math.min(Math.trunc(n.creditsCents),C)):C,k=m<C;console.info("[names] step 1/6 sized reservation",{usdCents:m,fullPriceCents:C,payingWithMana:k,manaRate:b});const x=await Jn(r,a,{chainId:w,provider:c});console.info("[names] step 2/6 route fetched",{target:x.externalCall.target,selector:x.externalCall.selector,provider:x.provider,quoteId:x.quoteId});const y=await vt(r,m,void 0,void 0,a);if(l=y.credit.id,console.info("[names] step 3/6 credit authorized",{creditId:y.credit.id,maxCreditedValue:y.maxCreditedValue}),!k&&Ie.from(y.maxCreditedValue).lt(Z))throw new Error("Credit under-sized for the name price");if(k){const u=Ie.from(Z).sub(y.credit.availableAmount);if(n.maxManaWei!=null&&u.gt(n.maxManaWei.toString()))throw new Error("The MANA needed moved past what was agreed");u.gt(0)&&(d("awaiting-confirmation"),await wn({auth:{kind:jn.Allowance,contractAddress:Ye(Xe.MANAToken,w).address,spenderAddress:Ye(Xe.CreditsManager,w).address,chainId:w},signer:h,requiredWei:BigInt(u.toString())}),console.info("[names] step 3b/6 mana allowance ensured",{gapWei:u.toString()}))}d("awaiting-confirmation");const v=es(y.credit,x);let $;try{$=await fn({chainId:w,buyer:g,signer:h,args:v})}catch(u){if(!(u instanceof xn))throw u;if(u.reason==="relayer-unreachable"){j="unobservable";const N=new Ve;throw N.cause=u,N}$=await yn(w,v,h)}if(console.info("[names] step 4/6 useCredits submitted (Polygon origin tx)",{originTxHash:$}),d("confirming"),await gn($),j="confirmed",console.info("[names] step 5/6 origin tx confirmed",{originTxHash:$}),c==="across"){d("registering");const u=await ts($,n.acrossPoll);if(console.info("[names] step 6/6 across status",u),u.status==="pending")return{status:"pending",originTxHash:$};if(u.status==="filled"&&u.actionsSucceeded===null)return console.warn("[names] across filled without reporting actionsSucceeded — reporting pending",{originTxHash:$}),{status:"pending",originTxHash:$};if(u.status!=="filled"||u.actionsSucceeded!==!0)throw new Ke;return{status:"registered",originTxHash:$,destinationTxHash:u.destinationTxHash}}return{status:"pending",originTxHash:$}}catch(b){if(console.error("[names] register failed — raw error:",b,{name:a,buyer:g,originState:j}),b instanceof bn)return{status:"pending",originTxHash:b.txHash};if(l&&j==="unconfirmed"&&await Ct(r,[l]).catch(()=>{}),b instanceof Qe||b instanceof Ke||b instanceof Ve)throw b;const C=new Error(Cn(b,"Couldn't register the name. Please try again.",{sale:!0}));throw C.cause=b,C}}function ss(){const{data:n}=St({queryKey:["feature-flag","shop-names"],queryFn:()=>Et(Rt.SHOP_NAMES),staleTime:6e4,refetchOnWindowFocus:!0,retry:1});return n===!0}const is=60,as=700,os=25;function rs(n){if(!n)return[];const a=[];for(let r=1;r<=n.length;r++)a.push({text:n.slice(0,r),delay:is});a[a.length-1]={text:n,delay:as};for(let r=n.length-1;r>=1;r--)a.push({text:n.slice(0,r),delay:os});return a}function ls(n){return n.flatMap(rs)}function cs(n,a){const r=p.useMemo(()=>ls(n),[n]),[h,d]=p.useState(0);return p.useEffect(()=>{if(!a||r.length===0)return;const w=setTimeout(()=>d(c=>(c+1)%r.length),r[h%r.length].delay);return()=>clearTimeout(w)},[h,a,r]),!a||r.length===0?"":r[h%r.length].text}const ds="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/name-verified-oGwQ3ntb.svg",hs="#34fee6",ps=i.div`
   position: fixed;
   inset: 0;
   z-index: 10000;
@@ -509,7 +509,7 @@ import{r as p,b as Ze,j as e,a as bt,u as yt}from"./react-COwX0Zlk.js";import{c
   font-size: 32px;
   font-weight: 700;
   color: ${t.colors.white};
-`;function Fs({name:n,priceCredits:a,onClose:r}){const{session:h}=dt(),{data:d,isError:w}=Tt(h),c=_t(),g=Ze(),[l,j]=p.useState("confirm"),[b,C]=p.useState(""),[m,k]=p.useState(""),[x,y]=p.useState(!1),[v,$]=p.useState(null),u=(v==null?void 0:v.rail)??"credits",[N,F]=p.useState(null),[re,I]=p.useState(!1),[R,O]=p.useState("preparing"),B=p.useRef(!1),ie=b.trim().toLowerCase()===n.toLowerCase(),T=l==="completing"||x,A=a!=null?ht(a):"—",L=a==null,J=d==null?void 0:d.credits,U=a!=null&&J!=null?a-J:0,z=U>0,H=L?s("names.priceUnavailable"):null,{data:G}=Mt(h),q=(G==null?void 0:G.matic)??0n,D=Rn({priceCents:a!=null?a*We:0,priceManaWei:BigInt(Z),balanceCents:(d==null?void 0:d.balanceCents)??0,manaBalanceWei:q,manaOnlyRail:!1}),S=D.options.some(f=>f.method!=="credits"),P=D.options.find(f=>f.method==="combined"),_=v==null&&S&&!L,M=Nn().packs.slice(0,Ln),{packs:ae,recommended:ee,closesGap:le}=Wn(M,U),K=ae.find(f=>f.id===m)??ee;p.useEffect(()=>{const f=E=>{E.key==="Escape"&&!T&&r()};return document.addEventListener("keydown",f),()=>document.removeEventListener("keydown",f)},[T,r]);async function Ne(){if(!h||!ie||L||B.current||u==="credits"&&z)return;B.current=!0;const f=u==="combined"?Math.floor(((v==null?void 0:v.creditsCents)??0)/We):a??null;j("completing"),F(null),O("preparing");try{const E=await ns({name:n,identity:h.identity,signer:h.signer,creditsCents:v==null?void 0:v.creditsCents,maxManaWei:v==null?void 0:v.manaWei,onProgress:O});Me("Shop Completed Purchase",{items:[{item_id:null,contract_address:null,token_id:null,price_usd:Je(a??0),category:"name",is_smart:!1}],purchase_type:"name",is_primary:!0,payment_type:u==="combined"?"credits_and_mana":"credits",value_credits:f,value_usd:Je(f??0),transaction_hash:E.originTxHash??null,settlement:E.status}),c.invalidateQueries({queryKey:["usd-balance"]}),c.invalidateQueries({queryKey:["my-assets"]}),j(E.status==="registered"?"success":"pending")}catch(E){Me(Wt(E)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Lt(E),purchase_type:"name"});const oe=E instanceof Ke,fe=E instanceof Ve;F(E instanceof Qe?s("names.errorRouteCost"):oe?s("names.errorNotRegistered"):fe?s("names.errorSettlementUnknown"):(E==null?void 0:E.message)||s("names.errorGeneric")),I(oe||fe),j("error")}finally{B.current=!1}}p.useEffect(()=>{const f=E=>{E.persisted&&y(!1)};return window.addEventListener("pageshow",f),()=>window.removeEventListener("pageshow",f)},[]);async function te(){if(!(!h||!K||x)){y(!0);try{sessionStorage.removeItem(Pn),sessionStorage.removeItem(On),sessionStorage.setItem(nt,n)}catch{}try{const f=await Bn(K.id,{address:h.address,identity:h.identity});if(f.url){window.location.href=f.url;return}if(!f.orderId)throw new Error("Checkout returned neither a redirect url nor an order id");g(`/credits?order=${encodeURIComponent(f.orderId)}`)}catch(f){Nt(f,{flow:"name_buy_credits"});try{sessionStorage.removeItem(nt)}catch{}F(s("buyModal.error.creditsCheckout")),I(!1),j("error"),y(!1)}}}const ce=l!=="success"&&l!=="pending"&&!_,de=It(h==null?void 0:h.providerType),he=de?2:1,pe=de&&(R==="preparing"||R==="awaiting-confirmation"),Le=pe?1:he,ue=pe?s("names.confirming"):R==="registering"?s("names.registering"):s("names.completing"),me=R==="registering"?s("names.processingRegistering"):null,Q=l==="confirm"&&z&&!S,Y=l==="error"?s("names.errorTitle"):Q?s("names.buyCreditsTitle"):s("names.buyTitle");return e.jsx(ps,{onClick:T?void 0:r,role:"presentation",children:e.jsxs(us,{role:"dialog","aria-modal":"true","aria-label":Y,onClick:f=>f.stopPropagation(),children:[ce&&e.jsxs(e.Fragment,{children:[e.jsxs(Pe,{children:[e.jsx(Be,{children:Y}),e.jsx(Fe,{onClick:r,disabled:T,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Oe,{children:[s("names.myCreditsBalance")," ",e.jsx(V,{})," ",ze(d,w)]}),e.jsx(Ue,{})]}),Q&&e.jsxs(zs,{children:[e.jsxs(Tn,{children:[e.jsx(_n,{}),e.jsxs(Mn,{children:[e.jsx("b",{children:s("buyModal.insufficientFunds")})," ",s("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:s("buyModal.warningCreditsAmount",{count:U})})," ",s("names.warningToPurchase"),ge()?null:e.jsxs(e.Fragment,{children:[" ",e.jsx(In,{href:At("/credits"),target:"_blank",rel:"noopener noreferrer",children:s("buyModal.warningLearnMore")})]})]})]}),ge()?e.jsxs(we,{"data-testid":"name-row-iap",children:[e.jsx(He,{"aria-hidden":!0,children:"@"}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}):null,ge()?null:e.jsx(e.Fragment,{children:e.jsx(An,{packs:ae,selectedId:K==null?void 0:K.id,onSelect:k,recommendedId:le?ee==null?void 0:ee.id:void 0})}),e.jsxs(Ps,{children:[e.jsx(tt,{"data-variant":"outline",onClick:r,disabled:T,"data-testid":"name-topup-cancel",children:s("buyModal.cancel")}),ge()?null:e.jsx(tt,{"data-variant":"gradient","data-testid":"name-buy-credits",disabled:!h||!K||x,onClick:()=>void te(),children:s("buyModal.buy")})]})]}),l==="confirm"&&!Q&&_&&e.jsx(Fn,{asset:{name:`${n}.dcl.eth`,caption:s("names.subtitle"),thumb:e.jsx(Bs,{"aria-hidden":!0,children:"@"})},priceCredits:a??0,priceCents:(a??0)*We,options:D.options,priceManaWei:BigInt(Z),balanceCredits:(d==null?void 0:d.credits)??0,manaBalanceWei:q,onBuy:f=>{$(f==="combined"&&P?{rail:"combined",creditsCents:P.creditsCents,manaWei:P.manaWei}:{rail:"credits"})},onClose:r,busy:T}),(l==="confirm"||l==="error")&&!Q&&!_&&e.jsxs(e.Fragment,{children:[e.jsxs(we,{children:[e.jsx(He,{"aria-hidden":!0,children:"@"}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}),l==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(Ge,{children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsx("span",{children:N})]}),re?e.jsx(De,{onClick:r,children:s("names.errorSpentDismiss")}):e.jsx(De,{onClick:()=>j("confirm"),children:s("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(bs,{children:[e.jsx(ys,{children:s("names.confirmTitle")}),e.jsx(ws,{dangerouslySetInnerHTML:{__html:s("names.confirmBody",{name:`<b>@${Os(n)}</b>`})}}),e.jsxs(js,{children:[e.jsx(vs,{"aria-hidden":!0,children:"@"}),e.jsx(Cs,{value:b,onChange:f=>C(f.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":s("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(b.length,8)}ch`}}),e.jsx($s,{children:".dcl.eth"})]})]}),H?e.jsxs(Ge,{"data-tone":"info","data-testid":"name-blocked-reason",children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsx("span",{children:H})]}):null,e.jsx(De,{onClick:()=>void Ne(),disabled:!ie||!h||L||u==="credits"&&z,children:s("names.buyCta")})]})]}),l==="completing"&&e.jsxs(ks,{children:[e.jsx(Ss,{src:zn,alt:"",width:61,height:61}),e.jsxs(Es,{children:[e.jsx(Rs,{children:ue}),e.jsxs(_s,{children:[e.jsx(Ms,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx(Is,{"data-testid":"name-progress-count",children:`${Le}/${he}`})]}),me?e.jsx(Ts,{children:me}):null]})]}),l==="pending"&&e.jsxs(e.Fragment,{children:[e.jsxs(Pe,{children:[e.jsx(Be,{children:s("names.pendingHeaderTitle")}),e.jsx(Fe,{onClick:r,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Oe,{children:[s("names.myCreditsBalance")," ",e.jsx(V,{})," ",ze(d,w)]}),e.jsx(Ue,{}),e.jsxs(Ge,{"data-tone":"info",children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsxs("span",{children:[e.jsx("b",{children:s("names.pendingBannerBold")})," ",s("names.pendingBannerRest")]})]}),e.jsxs(we,{style:{marginTop:20},children:[e.jsx(He,{"aria-hidden":!0,children:"@"}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}),e.jsx(at,{children:e.jsx(ot,{onClick:()=>{r(),g("/my-items")},children:s("names.myItems")})})]}),l==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs(Pe,{children:[e.jsx(Be,{children:s("names.successHeaderTitle")}),e.jsx(Fe,{onClick:r,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Oe,{children:[s("names.myCreditsBalance")," ",e.jsx(V,{})," ",ze(d,w)]}),e.jsx(Ue,{}),e.jsxs(As,{children:[e.jsx(Ns,{"aria-hidden":!0,children:e.jsx(W,{name:"check"})}),e.jsxs(Ls,{children:[e.jsx("b",{children:s("names.successBannerBold")})," ",s("names.successBannerRest")]})]}),e.jsxs(we,{style:{marginTop:20},children:[e.jsxs(ms,{"data-testid":"name-success-tile",children:[e.jsx(fs,{src:Un,alt:"","aria-hidden":!0,width:47,height:47}),e.jsxs(xs,{children:[e.jsx("span",{"aria-hidden":!0,children:n}),e.jsx(gs,{src:ds,alt:"","aria-hidden":!0,width:14,height:14})]})]}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}),e.jsxs(at,{children:[e.jsx(ot,{onClick:()=>{r(),g("/my-items")},children:s("names.myItems")}),e.jsx(Ws,{href:se.profileUrl,target:"_blank",rel:"noopener noreferrer",children:s("names.assignToAvatar")})]})]})]})})}function Os(n){return n.replace(/[&<>"']/g,a=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[a])}const Us="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/identity-icon-C8yAW_Gq.svg",Hs="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/world-icon-6xQ-PmmW.svg",Ds="https://cdn.decentraland.org/@dcl/shop/1.16.0/_assets/invite-icon-Bz6lCTuB.svg",Gs="data:image/svg+xml,%3csvg%20width='55.6797'%20height='63.6174'%20viewBox='0%200%2055.6797%2063.6174'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Vote'%3e%3cpath%20id='Vector'%20d='M0.055012%2039.1045C1.61191%2039.4989%202.83757%2039.3938%204.4307%2039.392L8.27108%2039.3878L20.7762%2039.3883L42.8819%2039.3904L50.0954%2039.3907C51.793%2039.3907%2054.0562%2039.5509%2055.6466%2039.0843C55.5909%2040.7931%2055.647%2042.8581%2055.6469%2044.5864L55.6479%2055.616L55.6559%2059.5618C55.6583%2060.6219%2055.8213%2061.9838%2055.261%2062.8837C55.2205%2062.9265%2055.1794%2062.9688%2055.1377%2063.0104C54.7986%2063.3482%2054.3791%2063.5594%2053.9021%2063.5761C52.0714%2063.642%2050.1544%2063.6097%2048.3241%2063.6078L37.4452%2063.6066L2.97352%2063.6103C2.2022%2063.6084%201.15943%2063.6718%200.589171%2063.0576C-0.204857%2062.2037%200.0327979%2060.3244%200.0349529%2059.1687L0.0414734%2054.3929C0.0413119%2049.3191%20-0.00749456%2044.1727%200.055012%2039.1045Z'%20fill='white'%20fill-opacity='0.8'/%3e%3cpath%20id='Subtract'%20d='M37.1168%200.00495927C38.1773%200.00461149%2039.2888%20-0.0284991%2040.3433%200.0811311C41.0714%200.15695%2041.7266%200.914583%2041.7857%201.63484C41.853%202.45491%2041.8268%203.31926%2041.8258%204.15144L41.8189%208.70418L41.8199%2023.9639L40.1099%2023.9659L13.8726%2023.963L13.8678%209.0909L13.8648%204.29793C13.8644%202.52652%2013.3942%200.34203%2015.6754%200.0342561C15.8907%200.016712%2016.237%200.0120998%2016.4557%200.0117952C21.6059%200.00480262%2026.761%200.0117634%2031.9107%200.00788896L37.1168%200.00495927ZM33.3834%206.17293C32.439%206.55612%2031.0531%208.12922%2030.3014%208.88191L25.8297%2013.3634C25.3537%2012.824%2023.3455%2010.7605%2022.8209%2010.4239C22.5581%2010.2549%2022.2566%2010.1546%2021.9449%2010.1329C21.4563%2010.1008%2020.9754%2010.2879%2020.6139%2010.6134C20.2442%2010.9428%2020.0227%2011.4077%2020.0006%2011.9024C19.9561%2013.0748%2021.3406%2014.1198%2022.1256%2014.8868C22.9429%2015.714%2024.1669%2017.1028%2025.1168%2017.67C26.1632%2018.2949%2027.3471%2017.2145%2027.9723%2016.4942C30.25%2014.2025%2032.5393%2011.9456%2034.8101%209.64949C35.2937%209.16062%2035.7138%208.69126%2035.6851%207.96199C35.6419%206.86558%2034.7821%206.09682%2033.6959%206.14656C33.5914%206.15085%2033.4872%206.16001%2033.3834%206.17293Z'%20fill='%23FF7439'/%3e%3cpath%20id='Vector_2'%20d='M45.5498%2015.976C46.6399%2015.986%2049.9504%2015.7705%2050.7361%2016.241C51.0104%2016.4053%2051.2831%2016.6446%2051.4181%2016.9397C51.892%2017.9763%2052.1015%2019.357%2052.3802%2020.4819L54.0582%2027.2308C54.5046%2028.9073%2054.9023%2030.6043%2055.3338%2032.2824C55.6029%2033.329%2055.9417%2034.4293%2054.9705%2035.2255C54.8158%2035.359%2054.4427%2035.5934%2054.2329%2035.6091C52.7731%2035.7184%2051.1693%2035.6701%2049.7108%2035.6679L39.4635%2035.6649L14.5239%2035.6632C10.471%2035.6631%206.41808%2035.6665%202.36531%2035.6698C1.79359%2035.6657%201.33794%2035.6604%200.844568%2035.337C-0.57365%2034.4073%200.381076%2032.2112%200.72189%2030.8501L1.93462%2025.9936L3.28579%2020.566C3.53371%2019.5688%203.77194%2018.5694%204.04289%2017.5781C4.30559%2016.6172%204.74298%2016.1492%205.73966%2015.9892C7.15095%2015.9419%208.72017%2015.9778%2010.1434%2015.9809L10.1451%2023.9585C7.37011%2024.097%207.74242%2027.5535%209.84963%2027.6469C11.6268%2027.7258%2013.6164%2027.6909%2015.4098%2027.691L26.229%2027.6915L39.1339%2027.691L43.273%2027.6909C44.748%2027.6909%2047.2174%2028.0848%2047.3773%2025.9908C47.4212%2025.4807%2047.2565%2024.9745%2046.9209%2024.5879C46.5265%2024.141%2046.1143%2024.0046%2045.5418%2023.9673L45.5498%2015.976Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e",qs=i.div`
+`;function Fs({name:n,priceCredits:a,onClose:r}){const{session:h}=dt(),{data:d,isError:w}=Tt(h),c=_t(),g=Ze(),[l,j]=p.useState("confirm"),[b,C]=p.useState(""),[m,k]=p.useState(""),[x,y]=p.useState(!1),[v,$]=p.useState(null),u=(v==null?void 0:v.rail)??"credits",[N,F]=p.useState(null),[re,I]=p.useState(!1),[R,O]=p.useState("preparing"),B=p.useRef(!1),ie=b.trim().toLowerCase()===n.toLowerCase(),T=l==="completing"||x,A=a!=null?ht(a):"—",L=a==null,J=d==null?void 0:d.credits,U=a!=null&&J!=null?a-J:0,z=U>0,H=L?s("names.priceUnavailable"):null,{data:G}=Mt(h),q=(G==null?void 0:G.matic)??0n,D=Rn({priceCents:a!=null?a*We:0,priceManaWei:BigInt(Z),balanceCents:(d==null?void 0:d.balanceCents)??0,manaBalanceWei:q,manaOnlyRail:!1}),S=D.options.some(f=>f.method!=="credits"),P=D.options.find(f=>f.method==="combined"),_=v==null&&S&&!L,M=Nn().packs.slice(0,Ln),{packs:ae,recommended:ee,closesGap:le}=Wn(M,U),K=ae.find(f=>f.id===m)??ee;p.useEffect(()=>{const f=E=>{E.key==="Escape"&&!T&&r()};return document.addEventListener("keydown",f),()=>document.removeEventListener("keydown",f)},[T,r]);async function Ne(){if(!h||!ie||L||B.current||u==="credits"&&z)return;B.current=!0;const f=u==="combined"?Math.floor(((v==null?void 0:v.creditsCents)??0)/We):a??null;j("completing"),F(null),O("preparing");try{const E=await ns({name:n,identity:h.identity,signer:h.signer,creditsCents:v==null?void 0:v.creditsCents,maxManaWei:v==null?void 0:v.manaWei,onProgress:O});Me("Shop Completed Purchase",{items:[{item_id:null,contract_address:null,token_id:null,price_usd:Je(a??0),category:"name",is_smart:!1}],purchase_type:"name",is_primary:!0,payment_type:u==="combined"?"credits_and_mana":"credits",value_credits:f,value_usd:Je(f??0),transaction_hash:E.originTxHash??null,settlement:E.status}),c.invalidateQueries({queryKey:["usd-balance"]}),c.invalidateQueries({queryKey:["my-assets"]}),j(E.status==="registered"?"success":"pending")}catch(E){Me(Wt(E)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Lt(E),purchase_type:"name"});const oe=E instanceof Ke,fe=E instanceof Ve;F(E instanceof Qe?s("names.errorRouteCost"):oe?s("names.errorNotRegistered"):fe?s("names.errorSettlementUnknown"):(E==null?void 0:E.message)||s("names.errorGeneric")),I(oe||fe),j("error")}finally{B.current=!1}}p.useEffect(()=>{const f=E=>{E.persisted&&y(!1)};return window.addEventListener("pageshow",f),()=>window.removeEventListener("pageshow",f)},[]);async function te(){if(!(!h||!K||x)){y(!0);try{sessionStorage.removeItem(Pn),sessionStorage.removeItem(On),sessionStorage.setItem(nt,n)}catch{}try{const f=await Bn(K.id,{address:h.address,identity:h.identity});if(f.url){window.location.href=f.url;return}if(!f.orderId)throw new Error("Checkout returned neither a redirect url nor an order id");g(`/credits?order=${encodeURIComponent(f.orderId)}`)}catch(f){Nt(f,{flow:"name_buy_credits"});try{sessionStorage.removeItem(nt)}catch{}F(s("buyModal.error.creditsCheckout")),I(!1),j("error"),y(!1)}}}const ce=l!=="success"&&l!=="pending"&&!_,de=It(h==null?void 0:h.providerType),he=de?2:1,pe=de&&(R==="preparing"||R==="awaiting-confirmation"),Le=pe?1:he,ue=pe?s("names.confirming"):R==="registering"?s("names.registering"):s("names.completing"),me=R==="registering"?s("names.processingRegistering"):null,Q=l==="confirm"&&z&&!S,Y=l==="error"?s("names.errorTitle"):Q?s("names.buyCreditsTitle"):s("names.buyTitle");return e.jsx(ps,{onClick:T?void 0:r,role:"presentation",children:e.jsxs(us,{role:"dialog","aria-modal":"true","aria-label":Y,onClick:f=>f.stopPropagation(),children:[ce&&e.jsxs(e.Fragment,{children:[e.jsxs(Pe,{children:[e.jsx(Be,{children:Y}),e.jsx(Fe,{onClick:r,disabled:T,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Oe,{children:[s("names.myCreditsBalance")," ",e.jsx(V,{})," ",ze(d,w)]}),e.jsx(Ue,{})]}),Q&&e.jsxs(zs,{children:[e.jsxs(Tn,{children:[e.jsx(_n,{}),e.jsxs(Mn,{children:[e.jsx("b",{children:s("buyModal.insufficientFunds")})," ",s("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:s("buyModal.warningCreditsAmount",{count:U})})," ",s("names.warningToPurchase"),ge()?null:e.jsxs(e.Fragment,{children:[" ",e.jsx(In,{href:At("/credits"),target:"_blank",rel:"noopener noreferrer",children:s("buyModal.warningLearnMore")})]})]})]}),ge()?e.jsxs(we,{"data-testid":"name-row-iap",children:[e.jsx(He,{"aria-hidden":!0,children:"@"}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}):null,ge()?null:e.jsx(e.Fragment,{children:e.jsx(An,{packs:ae,selectedId:K==null?void 0:K.id,onSelect:k,recommendedId:le?ee==null?void 0:ee.id:void 0})}),e.jsxs(Ps,{children:[e.jsx(tt,{"data-variant":"outline",onClick:r,disabled:T,"data-testid":"name-topup-cancel",children:s("buyModal.cancel")}),ge()?null:e.jsx(tt,{"data-variant":"gradient","data-testid":"name-buy-credits",disabled:!h||!K||x,onClick:()=>void te(),children:s("buyModal.buy")})]})]}),l==="confirm"&&!Q&&_&&e.jsx(Fn,{asset:{name:`${n}.dcl.eth`,caption:s("names.subtitle"),thumb:e.jsx(Bs,{"aria-hidden":!0,children:"@"})},priceCredits:a??0,priceCents:(a??0)*We,options:D.options,priceManaWei:BigInt(Z),balanceCredits:(d==null?void 0:d.credits)??0,manaBalanceWei:q,onBuy:f=>{$(f==="combined"&&P?{rail:"combined",creditsCents:P.creditsCents,manaWei:P.manaWei}:{rail:"credits"})},onClose:r,busy:T}),(l==="confirm"||l==="error")&&!Q&&!_&&e.jsxs(e.Fragment,{children:[e.jsxs(we,{children:[e.jsx(He,{"aria-hidden":!0,children:"@"}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}),l==="error"?e.jsxs(e.Fragment,{children:[e.jsxs(Ge,{children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsx("span",{children:N})]}),re?e.jsx(De,{onClick:r,children:s("names.errorSpentDismiss")}):e.jsx(De,{onClick:()=>j("confirm"),children:s("names.tryAgain")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(bs,{children:[e.jsx(ys,{children:s("names.confirmTitle")}),e.jsx(ws,{dangerouslySetInnerHTML:{__html:s("names.confirmBody",{name:`<b>@${Os(n)}</b>`})}}),e.jsxs(js,{children:[e.jsx(vs,{"aria-hidden":!0,children:"@"}),e.jsx(Cs,{value:b,onChange:f=>C(f.target.value.replace(/[^a-zA-Z0-9]/g,"")),placeholder:"yourname","aria-label":s("names.reenterAria"),autoComplete:"off",spellCheck:!1,style:{width:`${Math.max(b.length,8)}ch`}}),e.jsx($s,{children:".dcl.eth"})]})]}),H?e.jsxs(Ge,{"data-tone":"info","data-testid":"name-blocked-reason",children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsx("span",{children:H})]}):null,e.jsx(De,{onClick:()=>void Ne(),disabled:!ie||!h||L||u==="credits"&&z,children:s("names.buyCta")})]})]}),l==="completing"&&e.jsxs(ks,{children:[e.jsx(Ss,{src:zn,alt:"",width:61,height:61}),e.jsxs(Es,{children:[e.jsx(Rs,{children:ue}),e.jsxs(_s,{children:[e.jsx(Ms,{"aria-hidden":!0,children:e.jsx("span",{})}),e.jsx(Is,{"data-testid":"name-progress-count",children:`${Le}/${he}`})]}),me?e.jsx(Ts,{children:me}):null]})]}),l==="pending"&&e.jsxs(e.Fragment,{children:[e.jsxs(Pe,{children:[e.jsx(Be,{children:s("names.pendingHeaderTitle")}),e.jsx(Fe,{onClick:r,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Oe,{children:[s("names.myCreditsBalance")," ",e.jsx(V,{})," ",ze(d,w)]}),e.jsx(Ue,{}),e.jsxs(Ge,{"data-tone":"info",children:[e.jsx(W,{name:"info","aria-hidden":!0}),e.jsxs("span",{children:[e.jsx("b",{children:s("names.pendingBannerBold")})," ",s("names.pendingBannerRest")]})]}),e.jsxs(we,{style:{marginTop:20},children:[e.jsx(He,{"aria-hidden":!0,children:"@"}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}),e.jsx(at,{children:e.jsx(ot,{onClick:()=>{r(),g("/my-items")},children:s("names.myItems")})})]}),l==="success"&&e.jsxs(e.Fragment,{children:[e.jsxs(Pe,{children:[e.jsx(Be,{children:s("names.successHeaderTitle")}),e.jsx(Fe,{onClick:r,"aria-label":s("buyModal.close"),children:e.jsx(W,{name:"close"})})]}),e.jsxs(Oe,{children:[s("names.myCreditsBalance")," ",e.jsx(V,{})," ",ze(d,w)]}),e.jsx(Ue,{}),e.jsxs(As,{children:[e.jsx(Ns,{"aria-hidden":!0,children:e.jsx(W,{name:"check"})}),e.jsxs(Ls,{children:[e.jsx("b",{children:s("names.successBannerBold")})," ",s("names.successBannerRest")]})]}),e.jsxs(we,{style:{marginTop:20},children:[e.jsxs(ms,{"data-testid":"name-success-tile",children:[e.jsx(fs,{src:Un,alt:"","aria-hidden":!0,width:47,height:47}),e.jsxs(xs,{children:[e.jsx("span",{"aria-hidden":!0,children:n}),e.jsx(gs,{src:ds,alt:"","aria-hidden":!0,width:14,height:14})]})]}),e.jsxs(je,{children:[e.jsxs(ve,{children:[n,e.jsx("span",{children:".dcl.eth"})]}),e.jsx(Ce,{children:s("names.subtitle")})]}),e.jsxs($e,{children:[e.jsx(V,{}),A]})]}),e.jsxs(at,{children:[e.jsx(ot,{onClick:()=>{r(),g("/my-items")},children:s("names.myItems")}),e.jsx(Ws,{href:se.profileUrl,target:"_blank",rel:"noopener noreferrer",children:s("names.assignToAvatar")})]})]})]})})}function Os(n){return n.replace(/[&<>"']/g,a=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[a])}const Us="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/identity-icon-C8yAW_Gq.svg",Hs="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/world-icon-6xQ-PmmW.svg",Ds="https://cdn.decentraland.org/@dcl/shop/1.16.1-36009595531.commit-94584a5/_assets/invite-icon-Bz6lCTuB.svg",Gs="data:image/svg+xml,%3csvg%20width='55.6797'%20height='63.6174'%20viewBox='0%200%2055.6797%2063.6174'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Vote'%3e%3cpath%20id='Vector'%20d='M0.055012%2039.1045C1.61191%2039.4989%202.83757%2039.3938%204.4307%2039.392L8.27108%2039.3878L20.7762%2039.3883L42.8819%2039.3904L50.0954%2039.3907C51.793%2039.3907%2054.0562%2039.5509%2055.6466%2039.0843C55.5909%2040.7931%2055.647%2042.8581%2055.6469%2044.5864L55.6479%2055.616L55.6559%2059.5618C55.6583%2060.6219%2055.8213%2061.9838%2055.261%2062.8837C55.2205%2062.9265%2055.1794%2062.9688%2055.1377%2063.0104C54.7986%2063.3482%2054.3791%2063.5594%2053.9021%2063.5761C52.0714%2063.642%2050.1544%2063.6097%2048.3241%2063.6078L37.4452%2063.6066L2.97352%2063.6103C2.2022%2063.6084%201.15943%2063.6718%200.589171%2063.0576C-0.204857%2062.2037%200.0327979%2060.3244%200.0349529%2059.1687L0.0414734%2054.3929C0.0413119%2049.3191%20-0.00749456%2044.1727%200.055012%2039.1045Z'%20fill='white'%20fill-opacity='0.8'/%3e%3cpath%20id='Subtract'%20d='M37.1168%200.00495927C38.1773%200.00461149%2039.2888%20-0.0284991%2040.3433%200.0811311C41.0714%200.15695%2041.7266%200.914583%2041.7857%201.63484C41.853%202.45491%2041.8268%203.31926%2041.8258%204.15144L41.8189%208.70418L41.8199%2023.9639L40.1099%2023.9659L13.8726%2023.963L13.8678%209.0909L13.8648%204.29793C13.8644%202.52652%2013.3942%200.34203%2015.6754%200.0342561C15.8907%200.016712%2016.237%200.0120998%2016.4557%200.0117952C21.6059%200.00480262%2026.761%200.0117634%2031.9107%200.00788896L37.1168%200.00495927ZM33.3834%206.17293C32.439%206.55612%2031.0531%208.12922%2030.3014%208.88191L25.8297%2013.3634C25.3537%2012.824%2023.3455%2010.7605%2022.8209%2010.4239C22.5581%2010.2549%2022.2566%2010.1546%2021.9449%2010.1329C21.4563%2010.1008%2020.9754%2010.2879%2020.6139%2010.6134C20.2442%2010.9428%2020.0227%2011.4077%2020.0006%2011.9024C19.9561%2013.0748%2021.3406%2014.1198%2022.1256%2014.8868C22.9429%2015.714%2024.1669%2017.1028%2025.1168%2017.67C26.1632%2018.2949%2027.3471%2017.2145%2027.9723%2016.4942C30.25%2014.2025%2032.5393%2011.9456%2034.8101%209.64949C35.2937%209.16062%2035.7138%208.69126%2035.6851%207.96199C35.6419%206.86558%2034.7821%206.09682%2033.6959%206.14656C33.5914%206.15085%2033.4872%206.16001%2033.3834%206.17293Z'%20fill='%23FF7439'/%3e%3cpath%20id='Vector_2'%20d='M45.5498%2015.976C46.6399%2015.986%2049.9504%2015.7705%2050.7361%2016.241C51.0104%2016.4053%2051.2831%2016.6446%2051.4181%2016.9397C51.892%2017.9763%2052.1015%2019.357%2052.3802%2020.4819L54.0582%2027.2308C54.5046%2028.9073%2054.9023%2030.6043%2055.3338%2032.2824C55.6029%2033.329%2055.9417%2034.4293%2054.9705%2035.2255C54.8158%2035.359%2054.4427%2035.5934%2054.2329%2035.6091C52.7731%2035.7184%2051.1693%2035.6701%2049.7108%2035.6679L39.4635%2035.6649L14.5239%2035.6632C10.471%2035.6631%206.41808%2035.6665%202.36531%2035.6698C1.79359%2035.6657%201.33794%2035.6604%200.844568%2035.337C-0.57365%2034.4073%200.381076%2032.2112%200.72189%2030.8501L1.93462%2025.9936L3.28579%2020.566C3.53371%2019.5688%203.77194%2018.5694%204.04289%2017.5781C4.30559%2016.6172%204.74298%2016.1492%205.73966%2015.9892C7.15095%2015.9419%208.72017%2015.9778%2010.1434%2015.9809L10.1451%2023.9585C7.37011%2024.097%207.74242%2027.5535%209.84963%2027.6469C11.6268%2027.7258%2013.6164%2027.6909%2015.4098%2027.691L26.229%2027.6915L39.1339%2027.691L43.273%2027.6909C44.748%2027.6909%2047.2174%2028.0848%2047.3773%2025.9908C47.4212%2025.4807%2047.2565%2024.9745%2046.9209%2024.5879C46.5265%2024.141%2046.1143%2024.0046%2045.5418%2023.9673L45.5498%2015.976Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e",qs=i.div`
   width: 100%;
   min-width: 0;
 `,Ks=i.nav`
@@ -987,4 +987,4 @@ import{r as p,b as Ze,j as e,a as bt,u as yt}from"./react-COwX0Zlk.js";import{c
     color: ${t.colors.err};
   }
 `,ct=48,Ei=["all","on_sale","not_for_sale"],Ri=n=>n?"all":"on_sale",qe=(n,a)=>n?"relevance":a?"discount":"newest";function sa({contracts:n,hideNames:a=!1,seo:r,lockStatus:h}={}){const[d]=yt(),w=Ze(),c=(d.get("q")??"").trim().toLowerCase(),g=(d.get("q")??"").trim();pt(r??{title:g?s("seo.collectibles.searchTitle",{query:g}):s("seo.collectibles.title"),description:s("seo.collectibles.description")});const l=Ri(!!c),j=zt(),b=j&&d.get("deals")==="true",C=p.useMemo(()=>({category:"all",status:l,subCategory:null,rarities:[],priceMin:"",priceMax:"",smart:!1,deals:!1,sort:qe(!!c,b)}),[l,b,c]),[m,k]=qt(C),{subCategory:x,rarities:y,priceMin:v,priceMax:$,smart:u,sort:N}=m,F=j&&m.deals,I=Pt.map(o=>o.key).filter(o=>!(a&&o==="names")).includes(m.category)?m.category:"all",R=h??(Ei.includes(m.status)?m.status:l);Vt(`${I}:${x??""}`);const[O,B]=p.useState(!1);p.useEffect(()=>{if(!O)return;const o=xe=>{xe.key==="Escape"&&B(!1)};document.addEventListener("keydown",o);const X=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",o),document.body.style.overflow=X}},[O]);const ie=n!==void 0&&n.length===0,T=R==="on_sale",A=v&&!Number.isNaN(Number(v))?Number(v):void 0,L=$&&!Number.isNaN(Number($))?Number($):void 0,J=Bt(),U=x?Gt[x]:void 0,z=[...c?[Zt]:[],...F?Qt:Yt],H=z.find(o=>o.key===N)??z[0],G=H.server,q={category:I,rarities:y.length?y:void 0,wearableCategories:U,minPriceCredits:A,maxPriceCredits:L,search:c||void 0,sortBy:G,isSmart:u||void 0,onSale:!0,discounted:F||void 0,listingType:J?void 0:"primary",contractAddresses:n!=null&&n.length?n:void 0},D={category:I,rarities:y.length?y:void 0,wearableCategories:U,search:c||void 0,sortBy:G,isWearableSmart:u||void 0,isOnSale:R==="not_for_sale"?!1:void 0,contractAddresses:n!=null&&n.length?n:void 0},{items:S,total:P,isLoading:_,isPlaceholderData:M,error:ae,hasNextPage:ee,isFetchingNextPage:le,isFetchNextPageError:K,fetchNextPage:Ne}=pn(T?["shop-items",q]:["catalog-items",D],o=>T?Ht({...q,first:ct,skip:o}):Dt({...D,first:ct,skip:o}),{enabled:I!=="names"&&!ie}),te=P,{data:ce,isError:de,isPending:he}=ut(),pe=o=>ce&&o.manaWei?mt(o.manaWei,ce):null,Le=T&&he&&S.some(o=>o.source==="legacy"),ue=_||M||Le,me=_?15:Math.max(S.length,1),Q=p.useRef(null);p.useEffect(()=>{_||M||!c||Q.current===c||(Q.current=c,Me("Shop Searched",{query:c,result_count:te}))},[c,_,M,te]);const Y=p.useRef("__init__");p.useEffect(()=>{if(_||M)return;const o=JSON.stringify({category:I,subCategory:x,rarities:y,min:A,max:L,sort:N,status:R,smart:u});if(Y.current==="__init__"||Y.current===o){Y.current=o;return}Y.current=o,Me("Shop Applied Filter",{filters:{category:I,sub_category:x,rarities:y,min_price_credits:A??null,max_price_credits:L??null,status:R,smart:u,sort:N},result_count:te})},[I,x,y,A,L,N,R,u,_,M,te]);function f(o){k({category:o,subCategory:null})}function E(o){k({status:o})}function oe(o){k({rarities:y.includes(o)?y.filter(X=>X!==o):[...y,o]})}function fe(){k(C)}const ne=[];(A!=null||L!=null)&&ne.push({key:"price",label:s("filter.price"),onRemove:()=>{k({priceMin:"",priceMax:""})}});for(const o of Ft)y.includes(o)&&ne.push({key:`rarity-${o}`,label:Ot(o),onRemove:()=>oe(o)});return u&&ne.push({key:"smart",label:s("filter.smart"),onRemove:()=>k({smart:!1})}),F&&ne.push({key:"deals",label:s("filter.deals"),onRemove:()=>k({deals:!1,sort:qe(!!c,!1)})}),R!==l&&ne.push({key:"status",label:R==="all"?s("filter.statusAll"):R==="on_sale"?s("filter.onSale"):s("filter.notForSale"),onRemove:()=>E(l)}),e.jsxs(en,{"data-testid":"browse",children:[I!=="names"&&e.jsxs(e.Fragment,{children:[O?e.jsx(tn,{onClick:()=>B(!1),"aria-hidden":!0}):null,e.jsxs(nn,{"data-open":O||void 0,"data-testid":"browse-sidebar",children:[e.jsxs(sn,{children:[e.jsx(an,{children:s("assets.filters")}),e.jsx(on,{onClick:()=>B(!1),"aria-label":s("assets.closeFilters"),children:"✕"})]}),e.jsx(rn,{children:e.jsx(Xt,{category:I,subCategory:x,onCategory:f,onSub:o=>k({subCategory:o}),priceMin:v,priceMax:$,onPriceMin:o=>k({priceMin:o}),onPriceMax:o=>k({priceMax:o}),rarities:y,onToggleRarity:oe,status:R,onStatus:E,hideNames:a,smart:u,onSmart:o=>k({smart:o}),deals:F,onDeals:j?o=>k({deals:o,sort:qe(!!c,o)}):void 0})}),e.jsx(ln,{children:e.jsx(cn,{type:"button",onClick:()=>B(!1),children:s("assets.showItems")})})]})]}),e.jsx(dn,{children:I==="names"?e.jsx(ki,{onBack:()=>f("all")}):e.jsxs(e.Fragment,{children:[e.jsx(Jt,{sort:H.key,sortOptions:z,onSort:o=>k({sort:o}),total:P,loading:_||M,query:c,onOpenFilters:()=>B(!0),chips:ne,onClearChips:fe}),de&&T&&S.some(o=>o.source==="legacy")?e.jsx(Si,{"data-variant":"warn",children:s("assets.marketUnavailable")}):null,ae?e.jsx(un,{message:s("assets.loadError"),testId:"browse-error"}):null,!ue&&S.length===0&&!ae?e.jsx(Ut,{testId:"browse-empty",icon:Kt,title:s("assets.empty.title"),body:g?e.jsxs(e.Fragment,{children:[s("assets.empty.searchBefore"),e.jsx("b",{children:g}),s("assets.empty.searchAfter")]}):s("assets.empty.filters"),cta:{label:s("assets.empty.cta"),onClick:()=>w("/overview")}}):e.jsxs(e.Fragment,{children:[e.jsx(Gn,{"data-testid":"grid",children:ue?e.jsx(et,{count:me}):e.jsxs(e.Fragment,{children:[S.map(o=>{if(!T)return e.jsx(be,{item:o,mode:"view"},ye(o));const X=o;if(X.source!=="legacy")return e.jsx(be,{item:o},ye(o));const xe=pe(X);return xe==null?e.jsx(be,{item:o,mode:"view"},ye(o)):e.jsx(be,{item:{...X,priceCredits:xe}},ye(o))}),le?e.jsx(et,{count:6}):null]})}),e.jsx(hn,{hasNextPage:ee,isFetching:le,isError:K,onLoadMore:()=>void Ne()})]})]})})]})}export{sa as Assets};
-//# sourceMappingURL=Assets-G4zKJq-g.js.map
+//# sourceMappingURL=Assets-CeTv3PQS.js.map