@dcl/shop 0.1.0-29843281528.commit-80ee4fe → 0.1.0-29905759067.commit-1f1fc48

package/assets/{AnimatedBackground-DuljJ5eE.js → AnimatedBackground-iuUEWVvX.js}

@@ -1,4 +1,4 @@
-import{r as l,j as v}from"./react-C51i12iP.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/DCL_LogoPattern-BryBPc3d.png",U=`
+import{r as l,j as v}from"./react-C51i12iP.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-29905759067.commit-1f1fc48/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-29905759067.commit-1f1fc48/assets/DCL_LogoPattern-BryBPc3d.png",U=`
 attribute vec2 a_position;
 varying vec2 v_uv;
 void main() {

package/assets/Assets-Boa_vcsA.js

@@ -0,0 +1,503 @@
+import{r as c,j as e,b as Pe}from"./react-C51i12iP.js";import{s as i,a2 as t,I as W,t as r,as as be,h as J,n as _e,u as Ie,o as ae,A as ee,at as Fe,au as Te}from"./index-CxiM65Mp.js";import{m as ze}from"./mana-rate-BSdhcAxH.js";import{T as Ae,u as Ee,M as Me}from"./MarketCheckout-DkLDRrfN.js";import{R as ie,C as Le,a as Oe,b as We,S as le,F as qe,c as ce,d as He}from"./categories-D5VGMfW4.js";import{n as j}from"./emotion-CSxEP8yM.js";import{L as Be}from"./LoadMore-DUwOaKdq.js";import{u as De}from"./useInfiniteGrid-DMPijgdc.js";import{E as Ye}from"./ErrorNotice-C7soUjRV.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";import"./index-HN6Rk25C.js";import"./buy-CgIgEqv9.js";import"./trade-encoding-D-nmkwVz.js";import"./buy-gasless-pwHqA_mF.js";import"./errors-BVwqXLe5.js";const Ge=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+`,V=i.div`
+  height: 1px;
+  background: ${t.colors.media};
+  width: 100%;
+`,Ke=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,Ue=i("button",j("desktopStatic"))`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  height: 40px;
+  padding: 4px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: ${t.colors.text};
+  text-align: left;
+  cursor: pointer;
+
+  ${t.media.down("lg")} {
+    height: 52px;
+  }
+
+  @media (hover: hover) {
+    &:hover {
+      background: #f5f4f7;
+    }
+  }
+  &:focus-visible {
+    outline: 2px solid ${t.colors.accent};
+    outline-offset: 2px;
+  }
+
+  ${({desktopStatic:o})=>o?`${t.media.up("lg")} {
+          cursor: default;
+          &:hover { background: transparent; }
+        }`:""}
+`,Qe=i.span`
+  font-family: ${t.font.sans};
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 1.43;
+  color: ${t.colors.text};
+
+  ${t.media.down("lg")} {
+    font-size: 16px;
+  }
+`,Je=i.span`
+  display: inline-flex;
+  ${t.media.up("lg")} {
+    display: none;
+  }
+`,Ve=i("p",j("desktopHidden"))`
+  margin: 0;
+  padding: 0 4px 4px;
+  font-family: ${t.font.sans};
+  font-weight: 400;
+  font-size: 12px;
+  line-height: normal;
+  color: ${t.colors.muted};
+  text-transform: capitalize;
+
+  ${({desktopHidden:o})=>o?`${t.media.up("lg")} { display: none; }`:""}
+`,Xe=i("div",j("open","desktopStatic"))`
+  display: grid;
+  grid-template-rows: ${({open:o})=>o?"1fr":"0fr"};
+  transition: grid-template-rows 0.22s ease;
+
+  ${({desktopStatic:o})=>o?`${t.media.up("lg")} { grid-template-rows: 1fr; }`:""}
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+`,Ze=i.div`
+  overflow: hidden;
+  min-height: 0;
+`,et=i.div`
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  gap: 6px;
+  padding: 8px 4px 0;
+`,de=i.label`
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  flex-direction: column;
+  gap: 4px;
+`,pe=i.span`
+  font-family: ${t.font.sans};
+  font-weight: 400;
+  font-size: 12px;
+  color: ${t.colors.muted};
+`,xe=i.span`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 42px;
+  padding: 8px;
+  border: 0.5px solid ${t.colors.text};
+  border-radius: 8px;
+  background: ${t.colors.white};
+
+  &:focus-within {
+    border-color: ${t.rarities.epic};
+  }
+`,ue=i(W)`
+  width: 16px;
+  height: 16px;
+  color: ${t.colors.rarity};
+`,he=i.input`
+  width: 100%;
+  min-width: 0;
+  border: 0;
+  background: none;
+  padding: 0;
+  font-family: ${t.font.sans};
+  font-size: 13px;
+  color: ${t.colors.text};
+
+  &:focus {
+    outline: 0;
+  }
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+`,tt=i.span`
+  padding-bottom: 12px;
+  color: ${t.colors.text};
+  font-family: ${t.font.sans};
+  font-size: 13px;
+`,ot=i.div`
+  position: relative;
+  height: 20px;
+  margin: 24px 4px 0;
+`,it=i.div`
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  height: 2px;
+  transform: translateY(-50%);
+  background: ${t.colors.media};
+  border-radius: 2px;
+`,st=i("div",j("minPct","maxPct"))`
+  position: absolute;
+  top: 50%;
+  height: 2px;
+  transform: translateY(-50%);
+  left: ${({minPct:o})=>`${o}%`};
+  right: ${({maxPct:o})=>`${100-o}%`};
+  background: ${t.colors.rarity};
+  border-radius: 2px;
+`,me=i.input`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 20px;
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+  background: none;
+  pointer-events: none;
+
+  &::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    pointer-events: auto;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: ${t.colors.white};
+    border: 2px solid ${t.colors.rarity};
+    box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
+    cursor: pointer;
+  }
+  &::-moz-range-thumb {
+    pointer-events: auto;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background: ${t.colors.white};
+    border: 2px solid ${t.colors.rarity};
+    box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
+    cursor: pointer;
+  }
+`,nt=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 4px 0;
+`,fe=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  font-family: ${t.font.sans};
+  font-size: 13px;
+  color: ${t.colors.text};
+`,ge=i(W)`
+  width: 16px;
+  height: 16px;
+  color: ${t.colors.text};
+`,rt=i.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  padding: 9px 4px 9px 8px;
+
+  ${t.media.down("lg")} {
+    gap: 12px 16px;
+  }
+`,at=i("button",j("selected"))`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 8px;
+  border-radius: 6px;
+  background: ${t.colors.softWhite};
+  border: ${({selected:o})=>o?`1px solid ${t.colors.text}`:`0.5px solid ${t.colors.gray4}`};
+  cursor: pointer;
+
+  &:hover {
+    border-color: ${t.colors.text};
+  }
+  &:focus-visible {
+    outline: 2px solid ${t.colors.accent};
+    outline-offset: 2px;
+  }
+`,lt=i("span",j("color"))`
+  position: relative;
+  width: 16px;
+  height: 16px;
+  border-radius: 4px;
+  background: ${({color:o})=>o};
+  flex: none;
+`,ct=i(W)`
+  position: absolute;
+  inset: 0;
+  width: 16px;
+  height: 16px;
+  color: ${t.colors.white};
+`,dt=i("span",j("selected"))`
+  font-family: ${t.font.sans};
+  font-weight: ${({selected:o})=>o?600:400};
+  font-size: 12px;
+  line-height: 1.43;
+  color: ${({selected:o})=>o?t.colors.text2:t.colors.gray0};
+  text-transform: capitalize;
+
+  ${t.media.down("lg")} {
+    font-size: 14px;
+  }
+`,pt=i.label`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 40px;
+  padding: 4px 4px 4px 24px;
+  cursor: pointer;
+`,xt=i.input`
+  width: 18px;
+  height: 18px;
+  margin: 0;
+  accent-color: ${t.colors.accent};
+  cursor: pointer;
+  flex: none;
+`,ut=i.span`
+  font-family: ${t.font.sans};
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 1.43;
+  color: ${t.colors.gray0};
+`,ht=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  height: 40px;
+  padding: 4px;
+
+  /* On mobile SMART is a peer of the collapsible section headers (Figma 1304-307965): same 52px row
+     height so it doesn't read as a smaller afterthought. */
+  ${t.media.down("lg")} {
+    height: 52px;
+  }
+`,mt=i.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+`,ft=i(W)`
+  width: 14px;
+  height: 14px;
+  color: ${t.colors.text};
+
+  ${t.media.down("lg")} {
+    width: 16px;
+    height: 16px;
+  }
+`,gt=i.span`
+  font-family: ${t.font.sans};
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 1.43;
+  color: ${t.colors.text};
+  /* Figma labels SMART in uppercase (the flash-feature label), unlike the title-case section names. */
+  text-transform: uppercase;
+
+  /* Match the section-header title size on mobile so SMART has the same hierarchy as Price/Rarity/etc. */
+  ${t.media.down("lg")} {
+    font-size: 16px;
+  }
+`,bt=i(W)`
+  width: 12px;
+  height: 12px;
+  color: ${t.colors.muted2};
+`,yt=i("button",j("on"))`
+  position: relative;
+  width: 24px;
+  height: 14px;
+  padding: 0;
+  border-radius: 100px;
+  border: 1px solid ${({on:o})=>o?t.colors.accent:t.colors.gray4};
+  background: ${({on:o})=>o?t.colors.accent:t.colors.media};
+  cursor: pointer;
+  flex: none;
+  transition:
+    background 0.15s ease,
+    border-color 0.15s ease;
+
+  &:focus-visible {
+    outline: 2px solid ${t.colors.accent};
+    outline-offset: 2px;
+  }
+
+  /* Bigger, tappable switch on mobile (the 24×14 desktop pill reads as too small on a phone). */
+  ${t.media.down("lg")} {
+    width: 40px;
+    height: 22px;
+  }
+`,wt=i("span",j("on"))`
+  position: absolute;
+  top: 50%;
+  left: ${({on:o})=>o?"calc(100% - 12px)":"0px"};
+  transform: translateY(-50%);
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: ${t.colors.white};
+  box-shadow: 0 1px 2px rgba(22, 21, 24, 0.3);
+  transition: left 0.15s ease;
+
+  ${t.media.down("lg")} {
+    width: 18px;
+    height: 18px;
+    left: ${({on:o})=>o?"calc(100% - 18px)":"2px"};
+  }
+`,C=1e5;function $t(o){var a;for(const y of Oe){const h=(a=y.subs)==null?void 0:a.find(l=>l.key===o);if(h)return r(h.labelKey)}return o}function X({title:o,open:a,onToggle:y,summary:h,desktopStatic:l,headerTestId:m,headerAria:u,children:v}){const d=e.jsx(We,{up:a,size:24,color:"var(--text)"});return e.jsxs(Ke,{children:[e.jsxs(Ue,{type:"button",desktopStatic:l,onClick:y,"aria-expanded":a,"aria-label":u,"data-testid":m,children:[e.jsx(Qe,{children:o}),l?e.jsx(Je,{children:d}):d]}),!a&&h?e.jsx(Ve,{desktopHidden:l,children:h}):null,e.jsx(Xe,{open:a,desktopStatic:l,children:e.jsx(Ze,{children:v})})]})}function St({category:o,subCategory:a,onCategory:y,onSub:h,priceMin:l,priceMax:m,onPriceMin:u,onPriceMax:v,rarities:d,onToggleRarity:q,status:k,onStatus:z,smart:w,onSmart:A}){const[f,E]=c.useState(!0),[$,M]=c.useState(!0),[R,Z]=c.useState(!1),[F,N]=c.useState(!0),T=l&&!Number.isNaN(Number(l))?Number(l):void 0,P=m&&!Number.isNaN(Number(m))?Number(m):void 0,S=T!=null?Math.min(T,C):0,g=P!=null?Math.min(P,C):C,_=S/C*100,H=g/C*100;function B(s){const p=Math.min(s,g);u(p<=0?"":String(p))}function D(s){const p=Math.max(s,S);v(p>=C?"":String(p))}const Y=a?$t(a):o!=="wearable"?r(`categories.${o==="emote"?"emotes":o==="all"?"shopAll":o}`):"",I=T!=null||P!=null?`${l||"0"}-${m||"∞"}`:"",G=ie.filter(s=>d.includes(s)).map(be).join(", "),b=k==="on_sale"?r("filter.onSale"):k==="not_for_sale"?r("filter.notForSale"):"";return e.jsxs(Ge,{children:[e.jsx(X,{title:r("assets.category"),open:f,onToggle:()=>E(s=>!s),summary:Y,desktopStatic:!0,children:e.jsx(Le,{category:o,subCategory:a,onCategory:y,onSub:h})}),e.jsx(V,{}),e.jsxs(X,{title:r("filter.price"),open:$,onToggle:()=>M(s=>!s),summary:I,desktopStatic:!0,children:[e.jsxs(et,{children:[e.jsxs(de,{children:[e.jsx(pe,{children:r("assets.min")}),e.jsxs(xe,{children:[e.jsx(ue,{name:J.iconName,"aria-hidden":!0}),e.jsx(he,{type:"number",min:"0","aria-label":r("assets.minPriceAria"),placeholder:"0",value:l,onChange:s=>u(s.target.value)})]})]}),e.jsx(tt,{children:r("assets.priceTo")}),e.jsxs(de,{children:[e.jsx(pe,{children:r("assets.max")}),e.jsxs(xe,{children:[e.jsx(ue,{name:J.iconName,"aria-hidden":!0}),e.jsx(he,{type:"number",min:"0","aria-label":r("assets.maxPriceAria"),placeholder:"0",value:m,onChange:s=>v(s.target.value)})]})]})]}),e.jsxs(ot,{children:[e.jsx(it,{"aria-hidden":!0}),e.jsx(st,{minPct:_,maxPct:H,"aria-hidden":!0}),e.jsx(me,{type:"range",min:0,max:C,value:S,"aria-label":r("assets.minPriceSliderAria"),onChange:s=>B(Number(s.target.value))}),e.jsx(me,{type:"range",min:0,max:C,value:g,"aria-label":r("assets.maxPriceSliderAria"),onChange:s=>D(Number(s.target.value))})]}),e.jsxs(nt,{children:[e.jsxs(fe,{children:[e.jsx(ge,{name:J.iconName,"aria-hidden":!0}),S.toLocaleString()]}),e.jsxs(fe,{children:[e.jsx(ge,{name:J.iconName,"aria-hidden":!0}),g.toLocaleString()]})]})]}),e.jsx(V,{}),e.jsx(X,{title:r("assets.rarity"),open:R,onToggle:()=>Z(s=>!s),summary:G,headerTestId:"sidebar-section-toggle",children:e.jsx(rt,{"data-testid":"rarity-filter",children:ie.map(s=>{const p=d.includes(s);return e.jsxs(at,{type:"button",selected:p,"aria-pressed":p,onClick:()=>q(s),"data-testid":"rarity-filter-check",children:[e.jsx(lt,{color:t.rarities[s],children:p?e.jsx(ct,{name:"check","aria-hidden":!0}):null}),e.jsx(dt,{selected:p,children:s})]},s)})})}),e.jsx(V,{}),e.jsx(X,{title:r("filter.status"),open:F,onToggle:()=>N(s=>!s),summary:b,children:[["all",r("filter.statusAll")],["on_sale",r("filter.onSale")],["not_for_sale",r("filter.notForSale")]].map(([s,p])=>e.jsxs(pt,{children:[e.jsx(xt,{type:"radio",name:"shop-status",checked:k===s,onChange:()=>z(s)}),e.jsx(ut,{children:p})]},s))}),e.jsx(V,{}),e.jsxs(ht,{children:[e.jsxs(mt,{children:[e.jsx(ft,{name:"smart","aria-hidden":!0}),e.jsx(gt,{children:r("filter.smart")}),e.jsx(Ae,{content:r("filter.smartHint"),placement:"bottom",children:e.jsx(bt,{name:"info",role:"img","aria-label":r("filter.smartHint"),tabIndex:0})})]}),e.jsx(yt,{type:"button",role:"switch",on:w,"aria-checked":w,"aria-label":r("filter.smart"),onClick:()=>A(!w),children:e.jsx(wt,{on:w})})]})]})}function te(o){const a=o.source??"item",y=o.tradeId||`${o.contractAddress}-${o.tokenId??o.itemId??""}`;return`${a}:${y}`}const jt=i.div`
+  position: relative;
+  display: flex;
+  gap: 32px;
+  align-items: flex-start;
+
+  ${t.media.down("lg")} {
+    display: block;
+  }
+`,vt=i.div`
+  flex: 1;
+  min-width: 0;
+
+  ${t.media.down("lg")} {
+    width: 100%;
+  }
+`,kt=i.aside`
+  flex: none;
+  width: 265px;
+
+  ${t.media.down("lg")} {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: auto;
+    z-index: 9999;
+    width: 100%;
+    max-height: 88vh;
+    display: flex;
+    flex-direction: column;
+    border-radius: 16px 16px 0 0;
+    background: ${t.colors.white};
+    padding: 0 16px;
+    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.18);
+    transform: translateY(100%);
+    transition: transform 0.26s ease;
+    visibility: hidden;
+
+    &.is-open {
+      transform: translateY(0);
+      visibility: visible;
+    }
+  }
+`,Ct=i.div`
+  ${t.media.down("lg")} {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    /* Room so the last filter row clears the sticky "Show items" bar (Figma bottom bar). */
+    padding-bottom: 24px;
+  }
+`,Rt=i.div`
+  position: fixed;
+  inset: 0;
+  z-index: 9998;
+  background: rgba(0, 0, 0, 0.4);
+`,Nt=i.div`
+  display: none;
+
+  ${t.media.down("lg")} {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: ${t.colors.white};
+    margin: 0 -16px 8px;
+    padding: 16px 16px 12px;
+    border-radius: 16px 16px 0 0;
+  }
+`,Pt=i.span`
+  font-family: ${t.font.sans};
+  font-weight: 700;
+  font-size: 15px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  color: ${t.colors.text};
+`,_t=i.button`
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: ${t.colors.chip};
+  border: 0;
+  font-size: 15px;
+  line-height: 1;
+  cursor: pointer;
+  color: ${t.colors.text};
+
+  &:focus-visible {
+    outline: 2px solid ${t.colors.accent};
+    outline-offset: 2px;
+  }
+`,It=i.div`
+  display: none;
+
+  ${t.media.down("lg")} {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    position: sticky;
+    bottom: 0;
+    margin: 8px -16px 0;
+    padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
+    background: ${t.colors.white};
+    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
+    z-index: 1;
+  }
+`,Ft=i.button`
+  flex: 1;
+  height: 40px;
+  border: 0;
+  border-radius: 8px;
+  background: ${t.colors.accent};
+  color: ${t.colors.softWhite};
+  font-family: ${t.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  letter-spacing: 0.46px;
+  line-height: 24px;
+  text-transform: uppercase;
+  cursor: pointer;
+
+  &:hover {
+    filter: brightness(1.08);
+  }
+  &:focus-visible {
+    outline: 2px solid ${t.colors.accent};
+    outline-offset: 2px;
+  }
+`,oe=48;function Tt(o){return{tradeId:o.tradeId??o.id,listingType:"primary",contractAddress:o.contractAddress,itemId:o.itemId??"",name:o.name,thumbnail:o.thumbnail,rarity:o.rarity,category:o.category,wearableCategory:o.wearableCategory??null,creator:o.creator,manaWei:o.manaWei??"0",available:1,network:o.network,chainId:o.chainId,createdAt:0}}function Xt(){const[o]=Pe(),a=(o.get("q")??"").trim().toLowerCase(),y=_e(),h=(o.get("q")??"").trim();Ie({title:h?r("seo.collectibles.searchTitle",{query:h}):r("seo.collectibles.title"),description:r("seo.collectibles.description")});const[l,m]=c.useState("wearable"),[u,v]=c.useState(null),[d,q]=c.useState([]),[k,z]=c.useState(""),[w,A]=c.useState(""),[f,E]=c.useState("on_sale"),[$,M]=c.useState(!1),[R,Z]=c.useState("newest"),[F,N]=c.useState(!1),[T,P]=c.useState(null);c.useEffect(()=>{if(!F)return;const n=O=>{O.key==="Escape"&&N(!1)};document.addEventListener("keydown",n);const x=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",n),document.body.style.overflow=x}},[F]);const S=f==="on_sale",g=k&&!Number.isNaN(Number(k))?Number(k):void 0,_=w&&!Number.isNaN(Number(w))?Number(w):void 0,H=u?He[u]:void 0,B=(le.find(n=>n.key===R)??le[0]).server,D={category:l,rarities:d.length?d:void 0,wearableCategories:H,minPriceCredits:g,maxPriceCredits:_,search:a||void 0,sortBy:B,isSmart:$||void 0,onSale:!0},Y={category:l,rarities:d.length?d:void 0,wearableCategories:H,search:a||void 0,sortBy:B,isWearableSmart:$||void 0,isOnSale:f==="not_for_sale"?!1:void 0},{items:I,total:G,isLoading:b,isPlaceholderData:s,error:p,hasNextPage:ye,isFetchingNextPage:se,fetchNextPage:we}=De(S?["unified-listings",D]:["catalog-items",Y],n=>S?Fe({...D,first:oe,skip:n}):Te({...Y,first:oe,skip:n})),K=G,$e=b||s,Se=b?15:Math.min(Math.max(I.length,1),oe),{data:U,isError:je}=Ee(),ve=n=>U&&n.manaWei?ze(n.manaWei,U):null,ne=c.useRef(null);c.useEffect(()=>{b||s||!a||ne.current===a||(ne.current=a,ae("Shop Searched",{query:a,result_count:K}))},[a,b,s,K]);const Q=c.useRef("__init__");c.useEffect(()=>{if(b||s)return;const n=JSON.stringify({category:l,subCategory:u,rarities:d,min:g,max:_,sort:R,status:f,smart:$});if(Q.current==="__init__"||Q.current===n){Q.current=n;return}Q.current=n,ae("Shop Applied Filter",{filters:{category:l,sub_category:u,rarities:d,min_price_credits:g??null,max_price_credits:_??null,status:f,smart:$,sort:R},result_count:K})},[l,u,d,g,_,R,f,$,b,s,K]);function ke(n){m(n),v(null)}function re(n){q(x=>x.includes(n)?x.filter(O=>O!==n):[...x,n])}function Ce(){m("wearable"),v(null),q([]),z(""),A(""),E("on_sale"),M(!1)}function Re(n){const x=I.find(O=>O.id===n.id);x&&x.source==="legacy"&&x.manaWei&&P(Tt(x))}function Ne(){y.invalidateQueries({queryKey:["unified-listings"]})}const L=[];(g!=null||_!=null)&&L.push({key:"price",label:r("filter.price"),onRemove:()=>{z(""),A("")}});for(const n of ie)d.includes(n)&&L.push({key:`rarity-${n}`,label:be(n),onRemove:()=>re(n)});return $&&L.push({key:"smart",label:r("filter.smart"),onRemove:()=>M(!1)}),f!=="on_sale"&&L.push({key:"status",label:f==="all"?r("filter.statusAll"):r("filter.notForSale"),onRemove:()=>E("on_sale")}),e.jsxs(jt,{"data-testid":"browse",children:[F?e.jsx(Rt,{onClick:()=>N(!1),"aria-hidden":!0}):null,e.jsxs(kt,{className:F?"is-open":"","data-testid":"browse-sidebar",children:[e.jsxs(Nt,{children:[e.jsx(Pt,{children:r("assets.filters")}),e.jsx(_t,{onClick:()=>N(!1),"aria-label":r("assets.closeFilters"),children:"✕"})]}),e.jsx(Ct,{children:e.jsx(St,{category:l,subCategory:u,onCategory:ke,onSub:v,priceMin:k,priceMax:w,onPriceMin:z,onPriceMax:A,rarities:d,onToggleRarity:re,status:f,onStatus:E,smart:$,onSmart:M})}),e.jsx(It,{children:e.jsx(Ft,{type:"button",onClick:()=>N(!1),children:r("assets.showItems")})})]}),e.jsxs(vt,{children:[e.jsx(qe,{sort:R,onSort:Z,total:G,loading:b||s,query:a,onOpenFilters:()=>N(!0),chips:L,onClearChips:Ce}),je&&S&&I.some(n=>n.source==="legacy")?e.jsx("p",{className:"market-banner market-banner--warn",children:r("assets.marketUnavailable")}):null,p?e.jsx(Ye,{message:r("assets.loadError"),testId:"browse-error"}):null,e.jsx("div",{className:"grid","data-testid":"grid",children:$e?e.jsx(ce,{count:Se}):e.jsxs(e.Fragment,{children:[I.map(n=>{if(!S)return e.jsx(ee,{item:n,mode:"view"},te(n));const x=n;return x.source==="legacy"?e.jsx(ee,{item:x,mode:"market",marketPriceCredits:ve(x),onBuyNow:Re},te(n)):e.jsx(ee,{item:n},te(n))}),se?e.jsx(ce,{count:6}):null]})}),e.jsx(Be,{hasNextPage:ye,isFetching:se,onLoadMore:()=>void we()}),!b&&!s&&I.length===0?e.jsx("p",{className:"muted",children:r("assets.noItems")}):null]}),T&&U?e.jsx(Me,{listing:T,rate:U,onClose:()=>P(null),onSold:()=>{P(null),Ne()}}):null]})}export{Xt as Assets};

package/assets/Cart-DmysAv-C.js

@@ -0,0 +1,3 @@
+import{j as e,r as g,u as Se,a as Le,L as Z}from"./react-C51i12iP.js";import{t as a,C as T,aj as W,u as Ie,ah as C,a as ie,b as Te,c as qe,ab as Pe,n as Ee,I as E,ak as Be,o as J,al as de,am as Fe,m as R,s as Ae,B as Re,g as We,h as Ue,af as ze,ac as ue,an as $e,ag as he,X as Qe,ao as Ke}from"./index-CxiM65Mp.js";import{s as Oe}from"./wallet-kind-B9P1TeIH.js";import{a as me}from"./buy-CgIgEqv9.js";import{g as Ge,a as Je,w as De,S as He,G as Ve}from"./buy-gasless-pwHqA_mF.js";import{R as D,r as Ye}from"./cart-checkout-vzYBjbSV.js";import{l as Xe,u as Ze,c as es}from"./loader-logo-CmjwjqNs.js";import{i as ss,a as as}from"./errors-BVwqXLe5.js";import{E as ts}from"./ErrorNotice-C7soUjRV.js";import{C as cs}from"./CollectionCarousel-DZRKlb8f.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";import"./trade-encoding-D-nmkwVz.js";import"./index-HN6Rk25C.js";const rs="https://cdn.decentraland.org/@dcl/shop/0.1.0-29905759067.commit-1f1fc48/assets/buy-error-22UunaPC.png";function ns(t){const{phase:r,balanceCredits:u,onClose:l}=t,_=r==="processing",w=r!=="complete",M=r==="error"?a("cartCheckout.errorTitle"):r==="nofunds"?a("cartCheckout.titleNoFunds"):a("cartCheckout.titleBuy"),j=r==="processing";return e.jsxs("div",{className:"buy-modal",role:"dialog","aria-modal":"true","aria-label":a("cartCheckout.dialogAria"),children:[e.jsx("div",{className:"buy-modal__scrim",onClick:_?void 0:l,"aria-hidden":!0}),e.jsxs("div",{className:`buy-modal__card${j?" buy-modal__card--tall":""}`,children:[w&&e.jsxs("div",{className:"buy-modal__head",children:[e.jsxs("div",{className:"buy-modal__head-row",children:[e.jsx("h2",{className:"buy-modal__title",children:M}),!_&&e.jsx("button",{className:"buy-modal__x",onClick:l,"aria-label":a("buyModal.close"),children:e.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,children:e.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})})]}),e.jsxs("div",{className:"buy-modal__balance",children:[e.jsx("span",{className:"buy-modal__balance-label",children:r==="nofunds"?a("buyModal.dclBalance"):a("buyModal.myCreditsBalance")}),e.jsx(T,{className:"buy-modal__balance-ico"}),e.jsx("span",{className:"buy-modal__balance-value",children:W(u)})]})]}),r==="processing"&&e.jsx(os,{stage:t.stage??"reserving",step:t.step??1,total:t.total??1,isSelfCustody:!!t.isSelfCustody}),r==="nofunds"&&e.jsx(ls,{lines:t.lines??[],shortfallCredits:t.shortfallCredits??0,packs:t.packs??[],selectedPack:t.selectedPack??"",onSelectPack:t.onSelectPack??(()=>{}),onBuyPacks:t.onBuyPacks??(()=>{}),onCancel:l}),r==="complete"&&e.jsx(is,{purchased:t.purchased??[],onMyAssets:t.onMyAssets??l,onTryInWorld:t.onTryInWorld??l}),r==="error"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-error",children:[e.jsx("img",{className:"buy-error__art",src:rs,alt:"",width:64,height:80}),e.jsxs("p",{className:"buy-error__text",children:[e.jsx("b",{children:a("cartCheckout.errorHeadline")})," ",a("cartCheckout.errorBody")]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:l,children:a("buyModal.cancel")}),e.jsx("button",{className:"buy-modal__btn buy-modal__btn--purple",onClick:t.onRetry??l,children:a("cartCheckout.tryAgain")})]})]})]})]})}function os({stage:t,step:r,total:u,isSelfCustody:l}){const _=t==="reserving",w=u>0?Math.min(100,Math.round(r/u*100)):0,M=t==="awaiting-signature"?l?a("buyModal.confirmToContinue"):a("buyModal.completingTransaction"):t==="settling"?a("buyModal.completingTransaction"):a("cartCheckout.preparing");return e.jsxs("div",{className:"buy-modal__body buy-modal__processing",children:[e.jsx("img",{className:"buy-modal__logo",src:Xe,alt:"",width:61,height:61}),e.jsx("div",{className:"buy-modal__processing-text",children:M}),_?e.jsxs("div",{className:"cart-checkout__progress-row",children:[e.jsx("div",{className:"buy-modal__progress","aria-hidden":!0,children:e.jsx("span",{className:"buy-modal__progress-fill buy-modal__progress-fill--step",style:{width:`${w}%`}})}),u>1?e.jsxs("span",{className:"cart-checkout__step",children:[r,"/",u]}):null]}):e.jsx("div",{className:"buy-modal__progress","aria-hidden":!0,children:e.jsx("span",{className:"buy-modal__progress-fill"})})]})}function ls({lines:t,shortfallCredits:r,packs:u,selectedPack:l,onSelectPack:_,onBuyPacks:w,onCancel:M}){const j=u.find(c=>c.id===l),H=t.reduce((c,y)=>c+(y.quantity??1),0);return e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-modal__warning",children:[e.jsxs("svg",{viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":!0,className:"buy-modal__warning-ico",children:[e.jsx("path",{d:"M12 3L2 20h20L12 3z",fill:"none",stroke:"#691fa9",strokeWidth:"1.8",strokeLinejoin:"round"}),e.jsx("path",{d:"M12 9v5",stroke:"#691fa9",strokeWidth:"1.8",strokeLinecap:"round"}),e.jsx("circle",{cx:"12",cy:"17",r:"1.1",fill:"#691fa9"})]}),e.jsxs("p",{className:"buy-modal__warning-text",children:[e.jsx("b",{children:a("buyModal.insufficientFunds")})," ",a("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:a("buyModal.warningCreditsAmount",{count:Math.max(0,r)})})," ",a("buyModal.warningToPurchase",{count:H})]})]}),e.jsx("div",{className:"cart-checkout__scroll",children:t.map(c=>{const y=c.quantity??1;return e.jsxs("div",{className:"buy-modal__asset",children:[e.jsx("div",{className:"buy-modal__asset-thumb",children:c.item.thumbnail?e.jsx("img",{src:c.item.thumbnail,alt:""}):null}),e.jsxs("div",{className:"buy-modal__asset-info",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"buy-modal__asset-name",title:c.item.name,children:[c.item.name||a("buyModal.itemFallback"),y>1?e.jsx("span",{className:"cart-checkout__qty-tag",children:a("cartCheckout.qty",{count:y})}):null]}),c.item.creator?e.jsx("div",{className:"buy-modal__asset-creator",children:a("search.byCreator",{name:c.item.creator})}):null]}),e.jsxs("div",{className:"buy-modal__asset-price",children:[e.jsx(T,{className:"buy-modal__asset-price-ico"}),e.jsx("span",{children:W(c.priceCredits*y)})]})]})]},c.item.id)})}),e.jsx("div",{className:"buy-modal__packs",children:u.map(c=>{const y=c.id===l;return e.jsxs("button",{className:`buy-modal__pack${y?" buy-modal__pack--on":""}`,onClick:()=>_(c.id),children:[e.jsx(T,{className:"buy-modal__pack-ico"}),e.jsx("span",{className:"buy-modal__pack-amount",children:W(c.credits)}),e.jsxs("span",{className:"buy-modal__pack-usd",children:["($",c.usd.toFixed(2),")"]})]},c.id)})}),e.jsxs("div",{className:"buy-modal__total",children:[e.jsxs("div",{className:"buy-modal__total-credits",children:[e.jsx(T,{className:"buy-modal__total-ico"}),e.jsx("span",{children:W((j==null?void 0:j.credits)??0)})]}),e.jsxs("span",{className:"buy-modal__total-usd",children:["$",((j==null?void 0:j.usd)??0).toFixed(2)]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:M,children:a("buyModal.cancel")}),e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient",onClick:w,children:a("buyModal.buy")})]})]})}function is({purchased:t,onMyAssets:r,onTryInWorld:u}){return e.jsxs("div",{className:"buy-modal__body cart-checkout__done-body",children:[e.jsxs("div",{className:"buy-modal__success",children:[e.jsxs("svg",{viewBox:"0 0 64 64",width:"60",height:"60","aria-hidden":!0,children:[e.jsx("circle",{cx:"32",cy:"32",r:"32",fill:"#34ce77"}),e.jsx("path",{d:"M20 33l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})]}),e.jsxs("p",{className:"buy-modal__success-text",children:[e.jsx("b",{children:a("getCredits.successTitle")})," ",a("buyModal.successBody")]})]}),e.jsx("div",{className:"cart-checkout__done",children:e.jsx("div",{className:"cart-checkout__done-scroll",children:t.map(l=>{const _=l.quantity??1;return e.jsxs("div",{className:"cart-checkout__done-row",children:[e.jsxs("div",{className:"cart-checkout__done-thumb",children:[l.thumbnail?e.jsx("img",{src:l.thumbnail,alt:""}):null,e.jsx("span",{className:"cart-checkout__done-check","aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 18 18",width:"12",height:"12",children:e.jsx("path",{d:"M4 9l3.5 3.5L14 5",fill:"none",stroke:"#fff",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs("div",{className:"cart-checkout__done-info",children:[e.jsxs("div",{className:"cart-checkout__done-name",title:l.name,children:[l.name||a("buyModal.itemFallback"),_>1?e.jsx("span",{className:"cart-checkout__qty-tag",children:a("cartCheckout.qty",{count:_})}):null]}),l.creator?e.jsx("div",{className:"cart-checkout__done-creator",children:a("search.byCreator",{name:l.creator})}):null]}),e.jsxs("div",{className:"cart-checkout__done-price",children:[e.jsx(T,{className:"cart-checkout__done-price-ico"}),e.jsx("span",{children:W(l.priceCredits*_)})]})]},l.id)})})}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:r,children:a("buyModal.myAssets")}),e.jsxs("button",{className:"buy-modal__btn buy-modal__btn--ruby",onClick:u,children:[a("buyModal.tryInWorld"),e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20","aria-hidden":!0,children:e.jsx("path",{d:"M5 12h12M13 7l5 5-5 5",fill:"none",stroke:"#fcfcfc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})]})}const ds=Ae(Re)`
+  margin-top: 12px;
+`;function _e(t){if(ss(t))return a("errors.rejected");const r=(t.message??"").toLowerCase();return r.includes("insufficient")?a("cart.error.insufficient",{currency:Ue.name}):r.includes("no active listing")||r.includes("your own listing")?a("cart.error.listingChanged"):a("marketCheckout.error.generic")}const us=12e4,hs=We.chainId===80002?"https://decentraland.zone/jump":"https://decentraland.org/jump";function ms(t){const r=[];return t.unavailable.length&&r.push(a("cart.drop.unavailable",{count:t.unavailable.length})),t.own.length&&r.push(a("cart.drop.own",{count:t.own.length})),a("cart.drop.removed",{items:r.join(` ${a("cart.drop.and")} `)})}const ye=t=>t.reduce((r,u)=>r+u.priceCredits*u.quantity,0),_s=t=>t.flatMap(r=>Array.from({length:r.quantity},()=>({...r,quantity:1})));function Ts(){Ie({title:a("nav.cart"),noindex:!0});const t=C(s=>s.items),r=C(s=>s.remove),u=C(s=>s.increment),l=C(s=>s.decrement),_=C(s=>s.clear),w=C(s=>s.restore),M=C(s=>s.setFittingOpen),j=ie(s=>s.items),H=ie(s=>s.toggle),{session:c}=Te(),y=Ze().packs.slice(0,3);g.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const pe=t.some(s=>s.category!=="emote"),{data:V}=qe({queryKey:["upsell-listings"],queryFn:()=>Ke({first:40}),staleTime:6e4}),{data:B}=Pe(c),U=Ee(),z=Se(),{state:q}=Le(),[ee,F]=g.useState(null),[be,S]=g.useState(null),[se,$]=g.useState(null),[xe,P]=g.useState(!1),[k,A]=g.useState(null),ae=g.useRef(0),[i,v]=g.useState(null),[Y,te]=g.useState(""),ge=t.reduce((s,n)=>s+n.priceCredits*n.quantity,0),ce=t.reduce((s,n)=>s+n.quantity,0),je=k?k.liveTotalCredits:ge,ke=new Set(t.map(s=>s.id)),re=((V==null?void 0:V.items)??[]).filter(s=>!ke.has(s.id)).slice(0,12),fe=new Map(k==null?void 0:k.buyable.map(s=>[s.item.id,s])),Q=(B==null?void 0:B.credits)??0,ve=Fe;function K(s){s(),A(null),$(null),S(null)}function Ne(){v(null),P(!1)}function ne(s){const n=ye(s),o=Math.max(0,n-Q),b=y.find(h=>h.credits>=o)??y[y.length-1];te(b.id),J("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:n,credits_balance:Q,shortfall:o}),v({phase:"nofunds",lines:s.map(h=>({item:h.item,priceCredits:h.priceCredits,quantity:h.quantity})),shortfall:o}),P(!1)}async function Ce(s){if(!c||s.length===0)return;const n=_s(s),o=n.map(d=>({...d.item,priceCredits:d.priceCredits})),b=s.map(d=>({...d.item,priceCredits:d.priceCredits,quantity:d.quantity})),h=[];let N="authorize",G=!1;v({phase:"processing",stage:"reserving",step:1,total:n.length});try{const d=[];for(let m=0;m<n.length;m++){const I=n[m];v({phase:"processing",stage:"reserving",step:m+1,total:n.length});try{const{credit:p,maxCreditedValue:X}=await ze(c.identity,I.usdCents,I.trade.id);h.push(p.id),d.push({trade:I.trade,credits:[p],maxCreditedValue:X})}catch(p){if(as(p)){if(h.length){try{await ue(c.identity,h)}catch(X){R(X,{flow:"cart_checkout",step:"release"})}U.invalidateQueries({queryKey:["usd-balance"]})}ne(s);return}throw p}}N="submit";const x=()=>v({phase:"processing",stage:"settling",step:n.length,total:n.length});v({phase:"processing",stage:"awaiting-signature",step:n.length,total:n.length});let f=[];if(Ge())try{f=await Je({purchases:d,buyer:c.address,signer:c.signer,onSigned:x});const I=(await Promise.allSettled(f.map(p=>De(p)))).flatMap(p=>p.status==="rejected"?[p.reason]:[]);if(I.length&&!I.some(p=>p instanceof He))throw I[0];G=!0}catch(m){if(!(m instanceof Ve))throw m;f=await me({purchases:d,buyer:c.address,signer:c.signer,onSigned:x})}else f=await me({purchases:d,buyer:c.address,signer:c.signer});s.forEach(m=>r(m.item.id)),A(null),J("Shop Completed Purchase",{...$e(o),payment_type:"credits",no_crypto_step:G,transaction_hash:f[0]??null}),U.invalidateQueries({queryKey:["usd-balance"]}),v({phase:"complete",purchased:b})}catch(d){if(he(d)||R(d,{flow:"cart_checkout",step:N,cart_size:s.length}),J(he(d)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:N,error_code:Qe(d),value_usd:de(o.reduce((x,f)=>x+f.priceCredits,0)),cart_size:n.length}),h.length){try{await ue(c.identity,h)}catch(x){R(x,{flow:"cart_checkout",step:"release"})}U.invalidateQueries({queryKey:["usd-balance"]})}v({phase:"error",message:_e(d)})}}function oe(s){const n=ye(s);if(B!=null&&B.credits<n){ne(s);return}Ce(s)}async function O(){if(!c){S(a("buyModal.signInToCheckout"));return}const s=C.getState().items;if(s.length===0)return;S(null),$(null),P(!0);const n=s.reduce((o,b)=>o+b.priceCredits*b.quantity,0);J("Shop Started Checkout",{cart_size:s.length,cart_value_credits:n,cart_value_usd:de(n),has_sufficient_credits:Q>=n});try{F(a("cart.status.reviewing"));const o=await Ye(s,c.address,ve),b=[...o.unavailable,...o.own];if(b.length&&(b.forEach(h=>r(h.id)),$(ms(o))),o.buyable.length===0){S(a("cart.error.noneAvailable")),A(null),F(null);return}if(o.orderChanged){A(o),ae.current=Date.now(),F(null);return}F(null),oe(o.buyable)}catch(o){R(o,{flow:"cart_checkout",step:"review",cart_size:s.length}),S(_e(o)),F(null)}finally{P(!1)}}async function we(){if(k){if(!c){S(a("buyModal.signInToCheckout"));return}if(Date.now()-ae.current>us){A(null),$(null),await O();return}S(null),oe(k.buyable)}}async function Me(){if(Y){try{sessionStorage.setItem(D,JSON.stringify(C.getState().items))}catch{}P(!0);try{const s=await es(Y,c?{address:c.address,identity:c.identity}:void 0);if(s.url){window.location.href=s.url;return}z("/credits")}catch(s){try{sessionStorage.removeItem(D)}catch{}R(s,{flow:"cart_buy_credits"}),v({phase:"error",message:a("buyModal.error.creditsCheckout")})}finally{P(!1)}}}const le=g.useRef(!1);g.useEffect(()=>{if(!(q!=null&&q.resumeCheckout)||le.current)return;le.current=!0;try{const n=sessionStorage.getItem(D);if(n){sessionStorage.removeItem(D);const o=JSON.parse(n);Array.isArray(o)&&o.length&&w(o)}}catch{}U.invalidateQueries({queryKey:["usd-balance"]});const s=setTimeout(()=>void O(),0);return()=>clearTimeout(s)},[q==null?void 0:q.resumeCheckout]);const L=xe||(i==null?void 0:i.phase)==="processing";return t.length===0&&!i?e.jsxs("div",{className:"cart cart--empty",children:[e.jsx(E,{name:"cart",size:44,color:"var(--muted-2)"}),e.jsx("p",{className:"cart-empty__title",children:a("cart.empty.title")}),e.jsx("p",{className:"muted",children:a("cart.empty.body")}),e.jsx(ds,{as:Z,to:"/assets",variant:"purple",children:a("cart.empty.cta")})]}):e.jsxs("div",{className:"checkout",children:[e.jsxs("div",{className:"checkout__top",children:[e.jsxs("button",{className:"checkout__back",onClick:()=>z(-1),type:"button",children:[e.jsx(E,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs("div",{className:"checkout__body",children:[e.jsxs("div",{className:"checkout__left",children:[e.jsxs("div",{className:"checkout__head-card",children:[e.jsx("button",{className:"checkout__panel-back",onClick:()=>z(-1),type:"button","aria-label":a("cart.goBack"),children:e.jsx(E,{name:"arrow-left"})}),e.jsx("h1",{className:"checkout__panel-title",children:a("cart.panelTitle",{count:ce})}),pe?e.jsxs("button",{className:"checkout__fitting",onClick:()=>M(!0),disabled:L,children:[e.jsx(E,{name:"fitting-room"}),a("cart.fittingRoom")]}):null]}),e.jsxs("section",{className:"checkout__panel",children:[e.jsx("div",{className:"checkout__list",children:t.map(s=>{const n=fe.get(s.id),o=n?n.priceCredits:s.priceCredits,b=!!n&&n.priceCredits!==s.priceCredits,h=!s.tokenId,N=s.quantity,G=typeof s.available=="number"&&N>=s.available,d=o*N,x=!!j[s.id],f=s.tokenId??s.itemId,m=s.contractAddress&&f?`/item/${s.contractAddress}/${f}`:null;return e.jsxs("div",{className:"checkout__card",children:[e.jsxs("div",{className:"checkout__thumb",children:[m?e.jsx(Z,{className:"checkout__thumb-link",to:m,state:{item:s,tradeId:s.tradeId},"aria-label":s.name,children:s.thumbnail?e.jsx("img",{src:s.thumbnail,alt:s.name}):null}):s.thumbnail?e.jsx("img",{src:s.thumbnail,alt:s.name}):null,e.jsx("span",{className:"checkout__thumb-check","aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 20 20",width:"12",height:"12",children:e.jsx("path",{d:"M5 10.5l3 3 7-7.5",fill:"none",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs("div",{className:"checkout__info",children:[e.jsxs("div",{className:"checkout__desc",children:[m?e.jsx(Z,{className:"checkout__name",to:m,state:{item:s,tradeId:s.tradeId},title:s.name,children:s.name}):e.jsx("div",{className:"checkout__name",title:s.name,children:s.name}),s.creator?e.jsx(Be,{address:s.creator,className:"checkout__creator",linkToProfile:!0}):null]}),e.jsxs("div",{className:"checkout__foot",children:[h?e.jsxs("div",{className:"checkout__stepper",children:[e.jsx("button",{className:"checkout__step",onClick:()=>K(()=>l(s.id)),disabled:L||N<=1,"aria-label":a("cart.decreaseQuantity",{name:s.name}),children:e.jsx("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,focusable:"false",children:e.jsx("path",{d:"M3.5 8h9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}),e.jsx("span",{className:"checkout__qty",children:N}),e.jsx("button",{className:"checkout__step",onClick:()=>K(()=>u(s.id)),disabled:L||G,"aria-label":a("cart.increaseQuantity"),children:e.jsx("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,focusable:"false",children:e.jsx("path",{d:"M8 3.5v9M3.5 8h9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]}):null,e.jsxs("div",{className:"checkout__price",children:[e.jsx(T,{className:"checkout__price-ico"})," ",d,b?e.jsx("span",{className:"checkout__price-was",children:s.priceCredits*N}):null]})]})]}),e.jsxs("div",{className:"checkout__actions",children:[e.jsx("button",{className:`checkout__fav${x?" is-on":""}`,onClick:()=>H(s),"aria-label":x?a("cart.removeFromFavorites",{name:s.name}):a("cart.addToFavorites",{name:s.name}),title:x?a("assetCard.removeFromFavorites"):a("assetCard.addToFavorites"),children:e.jsx(E,{name:x?"heart-solid":"heart"})}),e.jsx("button",{className:"checkout__remove",onClick:()=>K(()=>r(s.id)),disabled:L,"aria-label":a("cart.remove",{name:s.name}),title:a("cart.removeTitle"),children:e.jsx(E,{name:"trash",size:24})})]})]},s.id)})}),e.jsxs("div",{className:"checkout__utils",children:[e.jsx("button",{className:"link",onClick:()=>K(_),disabled:L,children:a("cart.clearCart")}),null]})]})]}),e.jsxs("aside",{className:"checkout__summary",children:[e.jsx("h2",{className:"checkout__summary-title",children:a("cart.purchaseSummary")}),e.jsxs("div",{className:"checkout__summary-body",children:[e.jsxs("div",{className:"checkout__total-line",children:[e.jsx("span",{className:"checkout__total-label",children:a("cart.totalItems",{count:ce})}),e.jsxs("span",{className:"checkout__total-value",children:[e.jsx(T,{className:"checkout__total-ico"})," ",je]})]}),e.jsx("button",{className:"checkout__cta",onClick:()=>void(k?we():O()),disabled:L,children:L?a("cart.working"):k?a("marketCheckout.confirmPurchase"):a("assetCard.buyNow")}),k?e.jsx("p",{className:"muted checkout__msg",children:a("cart.priceChanged")}):null,se?e.jsx("p",{className:"muted checkout__msg",children:se}):null,ee?e.jsx("p",{className:"muted checkout__msg",children:ee}):null,e.jsx(ts,{message:be,className:"checkout__msg"})]})]})]})]}),re.length>0?e.jsx("div",{className:"cart-upsell",children:e.jsx(cs,{title:a("cart.youMightAlsoLike"),items:re})}):null,i?e.jsx(ns,{phase:i.phase,balanceCredits:Q,onClose:Ne,stage:i.phase==="processing"?i.stage:void 0,step:i.phase==="processing"?i.step:void 0,total:i.phase==="processing"?i.total:void 0,isSelfCustody:Oe(c==null?void 0:c.providerType),lines:i.phase==="nofunds"?i.lines:void 0,shortfallCredits:i.phase==="nofunds"?i.shortfall:void 0,packs:y,selectedPack:Y,onSelectPack:te,onBuyPacks:()=>void Me(),purchased:i.phase==="complete"?i.purchased:void 0,onMyAssets:()=>z("/assets?tab=mine"),onTryInWorld:()=>window.open(hs,"_blank","noopener"),message:i.phase==="error"?i.message:void 0,onRetry:()=>void O()}):null]})}export{Ts as Cart};

package/assets/{CircularProgress-CFOLSY9J.js → CircularProgress-BbpUGXBC.js}

@@ -1,4 +1,4 @@
-import{H as N,J as U,K as w,L as z,M as o,N as E,O as c,P as I,Q as g,R as D,S as M}from"./index-T-zasmbE.js";import{r as K,j as v}from"./react-C51i12iP.js";function F(r){return N("MuiCircularProgress",r)}U("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const L=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,S,b,$;const t=44,W=M(P||(P=l`
+import{x as N,y as z,z as E,D as U,E as o,F as w,G as c,H as F,J as g,K as $,L as M}from"./index-CxiM65Mp.js";import{r as I,j as v}from"./react-C51i12iP.js";function K(r){return N("MuiCircularProgress",r)}z("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const G=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,S,b,D;const t=44,L=M(P||(P=l`
   0% {
     transform: rotate(0deg);
   }
@@ -6,7 +6,7 @@ import{H as N,J as U,K as w,L as z,M as o,N as E,O as c,P as I,Q as g,R as D,S a
   100% {
     transform: rotate(360deg);
   }
-`)),B=M(S||(S=l`
+`)),W=M(S||(S=l`
   0% {
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: 0;
@@ -21,8 +21,8 @@ import{H as N,J as U,K as w,L as z,M as o,N as E,O as c,P as I,Q as g,R as D,S a
     stroke-dasharray: 100px, 200px;
     stroke-dashoffset: -125px;
   }
-`)),G=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${c(a)}`],svg:["svg"],circle:["circle",`circle${c(s)}`,d&&"circleDisableShrink"]};return I(u,F,e)},H=g("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${c(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&D(b||(b=l`
+`)),B=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${c(a)}`],svg:["svg"],circle:["circle",`circle${c(s)}`,d&&"circleDisableShrink"]};return F(u,K,e)},H=g("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${c(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&$(b||(b=l`
       animation: ${0} 1.4s linear infinite;
-    `),W)),J=g("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),O=g("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${c(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&D($||($=l`
+    `),L)),J=g("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),V=g("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${c(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&$(D||(D=l`
       animation: ${0} 1.4s ease-in-out infinite;
-    `),B)),Z=K.forwardRef(function(e,s){const a=w({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:R=!1,size:m=40,style:_,thickness:i=3.6,value:p=0,variant:k="indeterminate"}=a,j=z(a,L),n=o({},a,{color:u,disableShrink:R,size:m,thickness:i,value:p,variant:k}),f=G(n),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(p),h.strokeDashoffset=`${((100-p)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return v.jsx(H,o({className:E(f.root,d),style:o({width:m,height:m},x,_),ownerState:n,ref:s,role:"progressbar"},y,j,{children:v.jsx(J,{className:f.svg,ownerState:n,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:v.jsx(O,{className:f.circle,style:h,ownerState:n,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{Z as C};
+    `),W)),A=I.forwardRef(function(e,s){const a=E({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:R=!1,size:m=40,style:_,thickness:i=3.6,value:p=0,variant:k="indeterminate"}=a,j=U(a,G),n=o({},a,{color:u,disableShrink:R,size:m,thickness:i,value:p,variant:k}),f=B(n),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(p),h.strokeDashoffset=`${((100-p)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return v.jsx(H,o({className:w(f.root,d),style:o({width:m,height:m},x,_),ownerState:n,ref:s,role:"progressbar"},y,j,{children:v.jsx(J,{className:f.svg,ownerState:n,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:v.jsx(V,{className:f.circle,style:h,ownerState:n,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{A as C};

package/assets/{Collection-Br_6eVW2.js → Collection-CaNHH8rp.js}

@@ -1,4 +1,4 @@
-import{j as e,r as p,d as Q,u as Y}from"./react-C51i12iP.js";import{a8 as N,s as v,a9 as Z,I as J,t,g as V,z as W,c as X,u as ee,A as ae,au as te,h as re,av as se}from"./index-T-zasmbE.js";import{E as oe}from"./ErrorNotice-C7soUjRV.js";import{d as ie,g as ce,a as ne,A as le}from"./collection-DPrYZX6W.js";import{u as de}from"./useStore-JJzXYl67.js";import{s as E}from"./address-DrURAr9O.js";import{S as F,C as me,F as pe,e as ue,c as R,d as ge}from"./categories-DMvvNpsP.js";import{L as xe}from"./LoadMore-DdNzWoKw.js";import{u as he}from"./useInfiniteGrid-DtqZsW6Q.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";const be=v.section`
+import{j as e,r as p,d as Q,u as Y}from"./react-C51i12iP.js";import{a2 as N,s as v,a3 as Z,I as J,t,g as V,m as W,c as X,u as ee,A as ae,av as te,h as re,aw as se}from"./index-CxiM65Mp.js";import{E as oe}from"./ErrorNotice-C7soUjRV.js";import{d as ie,g as ce,a as ne,A as le}from"./collection-7YyqOIsA.js";import{u as de}from"./useStore-B_g31vF6.js";import{s as E}from"./address-DrURAr9O.js";import{S as F,C as me,F as pe,e as ue,c as R,d as ge}from"./categories-D5VGMfW4.js";import{L as xe}from"./LoadMore-DUwOaKdq.js";import{u as he}from"./useInfiniteGrid-DMPijgdc.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";import"./emotion-CSxEP8yM.js";const be=v.section`
   position: relative;
   border-radius: ${N.radius.card};
   overflow: hidden;
@@ -42,4 +42,4 @@ import{j as e,r as p,d as Q,u as Y}from"./react-C51i12iP.js";import{a8 as N,s as
     padding: 24px 16px;
     font-size: 26px;
   }
-`;function ye({name:r,creator:a}){const{data:i}=de(a),n=(i==null?void 0:i.cover)||ie;return e.jsxs(be,{"data-testid":"collection-hero","aria-label":r,children:[e.jsxs(ve,{children:[e.jsx(fe,{src:n,alt:"",loading:"eager"}),e.jsx(je,{"aria-hidden":!0})]}),e.jsx(Ne,{"data-testid":"collection-hero-title",children:r})]})}function Ce({address:r}){var h,c;const{data:a}=Z(r),[i,n]=p.useState(!1);if(!r)return null;const l=(a==null?void 0:a.name)||E(r),u=(c=(h=a==null?void 0:a.avatar)==null?void 0:h.snapshots)==null?void 0:c.face256,g=`${V.profileUrl}/${r}`,x=ce(ne({name:a==null?void 0:a.name,hasClaimedName:a==null?void 0:a.hasClaimedName,ethAddress:(a==null?void 0:a.ethAddress)??r}));async function d(){try{await navigator.clipboard.writeText(r),n(!0),window.setTimeout(()=>n(!1),1500)}catch(f){W(f,{flow:"copy_creator_address"})}}return e.jsxs("div",{className:"creator-card","data-testid":"creator-card",children:[u?e.jsx("img",{className:"creator-card__ava",src:u,alt:"",loading:"eager",style:{backgroundColor:x}}):e.jsx("span",{className:"creator-card__ava creator-card__ava--ph","aria-hidden":!0,style:{backgroundColor:x}}),e.jsx("h2",{className:"creator-card__name",title:l,children:l}),e.jsxs("button",{type:"button",className:"creator-card__account",onClick:()=>void d(),title:i?t("collection.copied"):t("collection.copyAddress"),"aria-label":i?t("collection.copied"):t("collection.copyAddress"),children:[e.jsx("span",{className:"creator-card__account-text",children:E(r)}),e.jsx(J,{name:"copy",size:16})]}),e.jsx("a",{className:"creator-card__view","data-testid":"creator-card-view",href:g,target:"_blank",rel:"noopener noreferrer",children:t("collection.viewProfile")})]})}const _e=48;function Be(){var T;const{contractAddress:r}=Q(),a=Y(),[i,n]=p.useState("wearable"),[l,u]=p.useState(null),[g,x]=p.useState([]),[d,h]=p.useState(""),[c,f]=p.useState(""),[C,$]=p.useState("newest"),_=d&&!Number.isNaN(Number(d))?Number(d):void 0,w=c&&!Number.isNaN(Number(c))?Number(c):void 0,z=l?ge[l]:void 0,I=(F.find(s=>s.key===C)??F[0]).server,S={category:i,rarities:g.length?g:void 0,wearableCategories:z,minPriceCredits:_,maxPriceCredits:w,sortBy:I},{items:b,total:B,isLoading:j,error:A,hasNextPage:L,isFetchingNextPage:P,fetchNextPage:U}=he(["collection-page",r,S],s=>te(r,{...S,first:_e,skip:s}),{enabled:!!r}),{data:o}=X({queryKey:["collection-meta",r],queryFn:()=>se(r),enabled:!!r,staleTime:5*6e4}),k=(o==null?void 0:o.name)||t("collection.fallbackTitle");ee({title:o==null?void 0:o.name,description:o!=null&&o.name?t("seo.collection.description",{name:o.name}):void 0});const M=(o==null?void 0:o.creator)||((T=b[0])==null?void 0:T.creator);function q(s){n(s),u(null)}function G(s){x(m=>m.includes(s)?m.filter(O=>O!==s):[...m,s])}function H(){n("wearable"),u(null),x([]),h(""),f("")}const y=!!(_||w),K=y?`${d||"0"}–${c||"∞"}`:t("filter.price"),D=i!=="wearable"||!!l||g.length>0||y;return e.jsxs("div",{className:"collection-page","data-testid":"collection-page",children:[e.jsxs("nav",{className:"collection-page__crumbs","aria-label":t("collection.breadcrumbAria"),children:[e.jsx("button",{className:"collection-page__crumb-link",onClick:()=>a("/assets"),children:t("collection.breadcrumb")}),e.jsx("span",{className:"collection-page__crumb-sep",children:"/"}),e.jsx("span",{className:"collection-page__crumb-current",children:k})]}),e.jsx(ye,{name:k,creator:M}),e.jsxs("div",{className:"browse browse--sidebar collection-page__browse","data-testid":"browse",children:[e.jsxs("aside",{className:"browse__sidebar","data-testid":"browse-sidebar",children:[e.jsx(Ce,{address:M}),e.jsx(me,{category:i,subCategory:l,onCategory:q,onSub:u,title:t("collection.category"),flat:!0})]}),e.jsxs("div",{className:"browse__main",children:[!j&&b.length>0?e.jsx(le,{items:b,source:"collection"}):null,e.jsx(pe,{rarities:g,onToggleRarity:G,sort:C,onSort:$,total:B,loading:j,anyActive:D,onClear:H,renderTrailing:s=>e.jsx(ue,{panelKey:"price",label:K,active:y,panel:s,children:e.jsxs("div",{className:"filter-pop filter-pop--price",children:[e.jsxs("div",{className:"filter-pop__price-row",children:[e.jsx("input",{type:"number",min:"0","aria-label":t("collection.priceMin"),placeholder:t("collection.priceMinPlaceholder"),value:d,onChange:m=>h(m.target.value)}),e.jsx("span",{children:"–"}),e.jsx("input",{type:"number",min:"0","aria-label":t("collection.priceMax"),placeholder:t("collection.priceMaxPlaceholder"),value:c,onChange:m=>f(m.target.value)})]}),e.jsx("p",{className:"filter-pop__hint",children:t("collection.priceHint",{currency:re.name})})]})})}),A?e.jsx(oe,{message:t("collection.error")}):null,e.jsx("div",{className:"grid","data-testid":"grid",children:j?e.jsx(R,{count:15}):e.jsxs(e.Fragment,{children:[b.map(s=>e.jsx(ae,{item:s},s.id)),P?e.jsx(R,{count:6}):null]})}),e.jsx(xe,{hasNextPage:L,isFetching:P,onLoadMore:()=>void U()}),!j&&!A&&b.length===0?e.jsx("p",{className:"muted",children:t("collection.empty")}):null]})]})]})}export{Be as Collection,Be as default};
+`;function ye({name:r,creator:a}){const{data:i}=de(a),n=(i==null?void 0:i.cover)||ie;return e.jsxs(be,{"data-testid":"collection-hero","aria-label":r,children:[e.jsxs(ve,{children:[e.jsx(fe,{src:n,alt:"",loading:"eager"}),e.jsx(je,{"aria-hidden":!0})]}),e.jsx(Ne,{"data-testid":"collection-hero-title",children:r})]})}function Ce({address:r}){var h,c;const{data:a}=Z(r),[i,n]=p.useState(!1);if(!r)return null;const l=(a==null?void 0:a.name)||E(r),u=(c=(h=a==null?void 0:a.avatar)==null?void 0:h.snapshots)==null?void 0:c.face256,g=`${V.profileUrl}/${r}`,x=ce(ne({name:a==null?void 0:a.name,hasClaimedName:a==null?void 0:a.hasClaimedName,ethAddress:(a==null?void 0:a.ethAddress)??r}));async function d(){try{await navigator.clipboard.writeText(r),n(!0),window.setTimeout(()=>n(!1),1500)}catch(f){W(f,{flow:"copy_creator_address"})}}return e.jsxs("div",{className:"creator-card","data-testid":"creator-card",children:[u?e.jsx("img",{className:"creator-card__ava",src:u,alt:"",loading:"eager",style:{backgroundColor:x}}):e.jsx("span",{className:"creator-card__ava creator-card__ava--ph","aria-hidden":!0,style:{backgroundColor:x}}),e.jsx("h2",{className:"creator-card__name",title:l,children:l}),e.jsxs("button",{type:"button",className:"creator-card__account",onClick:()=>void d(),title:i?t("collection.copied"):t("collection.copyAddress"),"aria-label":i?t("collection.copied"):t("collection.copyAddress"),children:[e.jsx("span",{className:"creator-card__account-text",children:E(r)}),e.jsx(J,{name:"copy",size:16})]}),e.jsx("a",{className:"creator-card__view","data-testid":"creator-card-view",href:g,target:"_blank",rel:"noopener noreferrer",children:t("collection.viewProfile")})]})}const _e=48;function Le(){var T;const{contractAddress:r}=Q(),a=Y(),[i,n]=p.useState("wearable"),[l,u]=p.useState(null),[g,x]=p.useState([]),[d,h]=p.useState(""),[c,f]=p.useState(""),[C,$]=p.useState("newest"),_=d&&!Number.isNaN(Number(d))?Number(d):void 0,w=c&&!Number.isNaN(Number(c))?Number(c):void 0,I=l?ge[l]:void 0,z=(F.find(s=>s.key===C)??F[0]).server,S={category:i,rarities:g.length?g:void 0,wearableCategories:I,minPriceCredits:_,maxPriceCredits:w,sortBy:z},{items:b,total:B,isLoading:j,error:A,hasNextPage:L,isFetchingNextPage:P,fetchNextPage:U}=he(["collection-page",r,S],s=>te(r,{...S,first:_e,skip:s}),{enabled:!!r}),{data:o}=X({queryKey:["collection-meta",r],queryFn:()=>se(r),enabled:!!r,staleTime:5*6e4}),k=(o==null?void 0:o.name)||t("collection.fallbackTitle");ee({title:o==null?void 0:o.name,description:o!=null&&o.name?t("seo.collection.description",{name:o.name}):void 0});const M=(o==null?void 0:o.creator)||((T=b[0])==null?void 0:T.creator);function q(s){n(s),u(null)}function G(s){x(m=>m.includes(s)?m.filter(O=>O!==s):[...m,s])}function H(){n("wearable"),u(null),x([]),h(""),f("")}const y=!!(_||w),K=y?`${d||"0"}–${c||"∞"}`:t("filter.price"),D=i!=="wearable"||!!l||g.length>0||y;return e.jsxs("div",{className:"collection-page","data-testid":"collection-page",children:[e.jsxs("nav",{className:"collection-page__crumbs","aria-label":t("collection.breadcrumbAria"),children:[e.jsx("button",{className:"collection-page__crumb-link",onClick:()=>a("/assets"),children:t("collection.breadcrumb")}),e.jsx("span",{className:"collection-page__crumb-sep",children:"/"}),e.jsx("span",{className:"collection-page__crumb-current",children:k})]}),e.jsx(ye,{name:k,creator:M}),e.jsxs("div",{className:"browse browse--sidebar collection-page__browse","data-testid":"browse",children:[e.jsxs("aside",{className:"browse__sidebar","data-testid":"browse-sidebar",children:[e.jsx(Ce,{address:M}),e.jsx(me,{category:i,subCategory:l,onCategory:q,onSub:u,title:t("collection.category"),flat:!0})]}),e.jsxs("div",{className:"browse__main",children:[!j&&b.length>0?e.jsx(le,{items:b,source:"collection"}):null,e.jsx(pe,{rarities:g,onToggleRarity:G,sort:C,onSort:$,total:B,loading:j,anyActive:D,onClear:H,renderTrailing:s=>e.jsx(ue,{panelKey:"price",label:K,active:y,panel:s,children:e.jsxs("div",{className:"filter-pop filter-pop--price",children:[e.jsxs("div",{className:"filter-pop__price-row",children:[e.jsx("input",{type:"number",min:"0","aria-label":t("collection.priceMin"),placeholder:t("collection.priceMinPlaceholder"),value:d,onChange:m=>h(m.target.value)}),e.jsx("span",{children:"–"}),e.jsx("input",{type:"number",min:"0","aria-label":t("collection.priceMax"),placeholder:t("collection.priceMaxPlaceholder"),value:c,onChange:m=>f(m.target.value)})]}),e.jsx("p",{className:"filter-pop__hint",children:t("collection.priceHint",{currency:re.name})})]})})}),A?e.jsx(oe,{message:t("collection.error")}):null,e.jsx("div",{className:"grid","data-testid":"grid",children:j?e.jsx(R,{count:15}):e.jsxs(e.Fragment,{children:[b.map(s=>e.jsx(ae,{item:s},s.id)),P?e.jsx(R,{count:6}):null]})}),e.jsx(xe,{hasNextPage:L,isFetching:P,onLoadMore:()=>void U()}),!j&&!A&&b.length===0?e.jsx("p",{className:"muted",children:t("collection.empty")}):null]})]})]})}export{Le as Collection,Le as default};