@dcl/shop 0.7.0 → 0.7.1

package/index.html

@@ -16,12 +16,22 @@
     <link rel="canonical" href="https://decentraland.org/shop/" />
 
     <!-- Favicon: the Decentraland mark (same as the marketplace). -->
-    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.7.0/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.7.0/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.7.1/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.7.1/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.7.0/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.7.1/site.webmanifest" />
 
-    <!-- Open Graph -->
+    <!-- Open Graph.
+
+         These are not just the home page's tags — they are the tags EVERY shared shop link gets. The
+         classic social crawlers (Twitterbot, facebookexternalhit, Discordbot, Slackbot, WhatsApp,
+         LinkedInBot) do not execute JavaScript, and the CDN serves this same file for every route, so a
+         shared item / collection / creator URL is previewed from the block below and never from the
+         per-page tags src/hooks/useSeo.ts writes after mount. Keep this card generic and accurate for
+         that reason: it has to stand in for the whole site.
+
+         Making a shared item link carry the ITEM's own image needs the tags injected server-side, before
+         the HTML is sent — see the note at the top of src/hooks/useSeo.ts. -->
     <meta property="og:type" content="website" />
     <meta property="og:site_name" content="Decentraland Shop" />
     <meta property="og:title" content="Decentraland Shop | Wearables & Emotes for Your Avatar" />
@@ -48,7 +58,7 @@
     <meta name="twitter:image:alt" content="Decentraland Shop — wearables and emotes for your avatar" />
 
     <!-- Sitemap -->
-    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.7.0/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.7.1/sitemap.xml" />
 
     <!-- Warm the 3D preview / fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -60,13 +70,13 @@
     <link rel="preconnect" href="https://wearable-preview.decentraland.org" />
     <link rel="preconnect" href="https://peer.decentraland.zone" crossorigin />
     <link rel="preconnect" href="https://peer.decentraland.org" crossorigin />
-    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.7.0/_assets/index-CpUnpBQ7.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.0/_assets/react-DehiWSvs.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.0/_assets/sentry-973sfbO9.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.0/_assets/dcl-schemas-Dr9BTjb7.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.0/_assets/ethers-CtNGBird.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.0/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.0/_assets/index-D-NhBWWr.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.7.1/_assets/index-DvGpQtXK.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.1/_assets/react-DehiWSvs.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.1/_assets/sentry-973sfbO9.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.1/_assets/dcl-schemas-Dr9BTjb7.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.1/_assets/ethers-CtNGBird.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.1/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.7.1/_assets/index-D-NhBWWr.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "090163dfed02b0a546c635f196af0a0586c8880a"
+  "commit": "e1a9b446696ed93576eaeab2eea50af42ea17671"
 }

package/sitemap.xml

@@ -1,7 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!-- Hosts must match the canonical origin index.html declares (https://decentraland.org/shop/): the Shop
      is served BY PATH under /shop, and shop.decentraland.zone does not resolve at all. A sitemap of dead,
-     non-canonical URLs is worse than no sitemap. -->
+     non-canonical URLs is worse than no sitemap.
+
+     Only INDEXABLE routes belong here. A URL whose page sets robots=noindex must not be listed: Search
+     Console reports that combination as an error ("Submitted URL marked noindex") and it cannot ever
+     produce an indexed result, so listing it only spends crawl budget on a guaranteed rejection. That
+     rules out /credits, /cart, /activity, /my-items, /my-favorites, /authorizations, /store-settings,
+     /outfits/* and /success — every one of them calls useSeo({ noindex: true }). -->
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://decentraland.org/shop/</loc>
@@ -18,9 +24,4 @@
     <changefreq>daily</changefreq>
     <priority>0.9</priority>
   </url>
-  <url>
-    <loc>https://decentraland.org/shop/credits</loc>
-    <changefreq>weekly</changefreq>
-    <priority>0.7</priority>
-  </url>
 </urlset>

package/_assets/Creator-CVJd5TOb.js

@@ -1,306 +0,0 @@
-import{d as de,j as e,L as Ee,u as Fe,e as Le,r as f}from"./react-DehiWSvs.js";import{t as he,G as Ae,J as Z,H as X,s,bG as Ie,aw as Re,bH as ze,d as o,bI as Be,bJ as ee,B as Me,ad as me,W as xe,bk as _e,k as Te,y as ue,br as We,bl as Ge,bm as De,I as te,c as Oe,q as Ke,n as He,ae as Ue,ai as A,aj as oe,bK as re,bL as qe}from"./index-CpUnpBQ7.js";import{d as Ve,P as Je,C as Qe,a as Ye,b as Ze,A as Xe,c as et,e as tt}from"./collectionPage.styles-DaKP3DX-.js";import{g as ot,h as rt,i as it,j as st,k as at,C as nt,l as lt,o as ct,m as dt,n as ht,M as mt,E as xt,p as ut,q as pt,r as gt,s as ft,t as bt}from"./Assets.styles-NQkvfYq_.js";import{S as ie,R as wt,F as jt,e as vt}from"./categories-2VrlGaC_.js";import{L as se}from"./LoadMore-CC_UzQ34.js";import{u as ae}from"./useInfiniteGrid-OWa5mJdJ.js";import{E as W}from"./ErrorNotice-BEc3g8r8.js";import{G as ne}from"./grid.styles-B1gNJ9t8.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./Tooltip-D1ZBIqYA.js";function yt(r){const{gridLoading:i,gridError:a,gridCount:n,baselinePending:h,baselineError:l,baselineCount:m}=r;return i?"skeletons":a?"error":n>0?"items":h?"skeletons":l?"error":m===0?"no-creations":"filters"}const{colors:b,radius:pe,media:Ct}=he,kt=s.article`
-  height: 300px;
-  background: ${b.bg};
-  border-radius: ${pe.card};
-  overflow: hidden;
-  position: relative;
-  isolation: isolate;
-  display: flex;
-  flex-direction: column;
-  cursor: pointer;
-  transition: box-shadow 0.15s ease;
-
-  &::after {
-    ${Ae};
-  }
-
-  &:focus-visible {
-    ${Z};
-  }
-  &:focus-visible::after {
-    ${X};
-  }
-
-  // The swap is a pointer affordance only: keyboard focus must not hide the creator row, whose profile
-  // link is focusable (visibility: hidden would drop it from the tab order). Enter/Space on the card
-  // already opens the collection.
-  @media (hover: hover) {
-    &:hover {
-      ${Z};
-    }
-    &:hover::after {
-      ${X};
-    }
-    &:hover [data-view] {
-      visibility: visible;
-    }
-    &:hover [data-meta] {
-      visibility: hidden;
-    }
-  }
-`,$t=s.div`
-  position: relative;
-  flex: 1;
-  min-height: 0;
-  background: ${b.media};
-  overflow: hidden;
-`,St=s.img`
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-`,Nt=s(Ie)`
-  & [data-testid='coll-thumb-cell'] img {
-    object-fit: contain;
-    padding: 10px;
-  }
-`,Pt=s.div`
-  flex: 0 0 102px;
-  height: 102px;
-  padding: 12px 14px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,Et=s.h3`
-  margin: 0;
-  font-weight: 700;
-  font-size: 18px;
-  line-height: 1.3;
-  color: ${b.text};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  ${Ct.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,Ft=s.div`
-  flex: 1;
-  min-height: 0;
-  display: grid;
-  grid-template-areas: 'stack';
-  align-items: center;
-
-  & > * {
-    grid-area: stack;
-  }
-`,Lt=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-`,At=s(Re)`
-  min-width: 0;
-  color: ${b.muted};
-
-  & [data-avatar] {
-    width: 24px;
-    height: 24px;
-  }
-  & [data-testid='creator-name'] {
-    font-size: 14px;
-  }
-  & [data-testid='creator-display'] {
-    color: ${b.dclRed};
-    font-weight: 700;
-  }
-`,It=s.span`
-  min-width: 0;
-`,Rt=s.span`
-  flex: none;
-  color: ${b.text};
-  font-weight: 600;
-  font-size: 14px;
-  white-space: nowrap;
-`,zt=s.button`
-  visibility: hidden;
-  width: 100%;
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${b.accent};
-  color: ${b.softWhite};
-  border: 0;
-  border-radius: ${pe.btn};
-  font-weight: 700;
-  font-size: 13px;
-  text-transform: uppercase;
-  letter-spacing: 0.046em;
-  transition: background 0.15s ease;
-
-  &:hover {
-    background: ${b.accentHover};
-  }
-  &:active {
-    background: ${b.accentActive};
-  }
-`;function Bt({collection:r,cover:i,itemCount:a}){const n=de(),{contractAddress:h,name:l,creator:m}=r,C=i==null||a==null,{data:x}=ze(h,C),j=i==null?(x==null?void 0:x.items)??[]:[],g=a??(x==null?void 0:x.total);function w(){n(`/collection/${h}`)}return e.jsxs(kt,{"data-testid":"coll-card",role:"link",tabIndex:0,onClick:w,onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),w())},children:[e.jsx($t,{children:i?e.jsx(St,{"data-testid":"coll-card-img",src:i,alt:"",loading:"lazy"}):j.length>0?e.jsx(Nt,{items:j,tinted:!1}):null}),e.jsxs(Pt,{children:[e.jsx(Et,{title:l,children:l}),e.jsxs(Ft,{children:[e.jsxs(Lt,{"data-meta":!0,"data-testid":"coll-card-meta",children:[m?e.jsx(At,{address:m,linkToProfile:!0}):e.jsx(It,{children:" "}),e.jsx(Rt,{children:g==null?"…":o("collectionCard.itemCount",{count:g})})]}),e.jsx(zt,{"data-view":!0,"data-testid":"coll-card-view",onClick:u=>{u.stopPropagation(),w()},tabIndex:-1,children:o("collectionCard.viewCollection")})]})]})]})}function Mt({address:r,className:i=""}){const a=Be(),n=ee(l=>l.followed.includes(r.toLowerCase())),h=ee(l=>l.toggle);return!a||!r?null:e.jsx(Me,{type:"button",size:"sm",variant:n?"ghost":"outline",className:i||void 0,"data-testid":"follow-button","aria-pressed":n,title:n?o("creator.unfollowTitle"):o("creator.followTitle"),onClick:()=>h(r),children:n?o("creator.following"):o("creator.follow")})}const{colors:y,radius:ge,media:v}=he,fe=me`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 44px;
-  padding: 0 28px;
-  border: 2px solid ${y.white};
-  border-radius: ${ge.btn};
-  background: transparent;
-  color: ${y.white};
-  font-weight: 600;
-  font-size: 13px;
-  text-transform: uppercase;
-  letter-spacing: 0.046em;
-  text-decoration: none;
-`,_t=s.section`
-  position: relative;
-  border-radius: ${ge.card};
-  overflow: hidden;
-  margin-bottom: 24px;
-  min-height: 360px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  && .creator-hero__follow {
-    ${fe};
-  }
-  && .creator-hero__follow:hover:not(:disabled) {
-    background: rgba(255, 255, 255, 0.14);
-  }
-
-  ${v.maxWidth("mobile")} {
-    min-height: 260px;
-  }
-`,Tt=s.div`
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-`,Wt=s.img`
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-`,Gt=s.div`
-  position: absolute;
-  inset: 0;
-  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.55) 100%);
-`,Dt=s.div`
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-
-  ${v.maxWidth("mobile")} {
-    top: 12px;
-    right: 12px;
-    gap: 6px;
-  }
-`,be=me`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${y.white};
-  transition: opacity 0.15s linear;
-
-  &:hover {
-    opacity: 0.8;
-  }
-  & .ico {
-    width: 36px;
-    height: 36px;
-  }
-  ${v.maxWidth("mobile")} {
-    & .ico {
-      width: 30px;
-      height: 30px;
-    }
-  }
-`,Ot=s.a`
-  ${be};
-`,Kt=s(Ee)`
-  ${be};
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  border: 2px solid ${y.white};
-  transition: background-color 0.15s linear;
-
-  &:hover {
-    opacity: 1;
-    background: rgba(255, 255, 255, 0.24);
-  }
-  & .ico {
-    width: 16px;
-    height: 16px;
-  }
-  ${v.maxWidth("mobile")} {
-    width: 28px;
-    height: 28px;
-    & .ico {
-      width: 14px;
-      height: 14px;
-    }
-  }
-`,Ht=s.div`
-  position: relative;
-  z-index: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  gap: 24px;
-  padding: 32px 20px;
-
-  ${v.maxWidth("mobile")} {
-    padding: 56px 16px 24px;
-  }
-`,le=s.img`
-  display: block;
-  width: 112px;
-  height: 112px;
-  border-radius: 50%;
-  object-fit: cover;
-  border: 4px solid ${y.white};
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
-  background: #ff4bed;
-
-  ${v.maxWidth("mobile")} {
-    width: 88px;
-    height: 88px;
-  }
-`,Ut=s.h2`
-  margin: 0;
-  font-size: 18px;
-  font-weight: 700;
-  color: ${y.white};
-  line-height: 1.6;
-
-  ${v.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,qt=s.p`
-  margin: 0;
-  font-size: 15px;
-  color: ${y.white};
-  line-height: 1.6;
-  max-width: 520px;
-
-  ${v.maxWidth("mobile")} {
-    font-size: 14px;
-  }
-`,Vt=s.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  justify-content: center;
-`,Jt=s.a`
-  ${fe};
-  transition: background 0.15s ease;
-
-  &:hover {
-    background: rgba(255, 255, 255, 0.14);
-  }
-`,Qt={website:"website",twitter:"twitter",discord:"discord",facebook:"facebook"};function Yt({address:r}){var u,k;const{data:i}=xe(r),{data:a}=_e(r),n=Te(c=>{var $;return($=c.session)==null?void 0:$.address}),h=!!n&&n.toLowerCase()===r.toLowerCase(),l=(i==null?void 0:i.name)||ue(r),m=(k=(u=i==null?void 0:i.avatar)==null?void 0:u.snapshots)==null?void 0:k.face256,C=(a==null?void 0:a.cover)||Ve,x=a==null?void 0:a.description,j=`${Oe.profileUrl}/${r}`,g=We.filter(c=>a==null?void 0:a.links[c]),w=Ge(De({name:i==null?void 0:i.name,hasClaimedName:i==null?void 0:i.hasClaimedName,ethAddress:(i==null?void 0:i.ethAddress)??r}));return e.jsxs(_t,{"aria-label":`${l} storefront`,children:[e.jsxs(Tt,{children:[e.jsx(Wt,{src:C,alt:"",loading:"eager"}),e.jsx(Gt,{"aria-hidden":!0})]}),(g.length>0||h)&&e.jsxs(Dt,{children:[g.map(c=>e.jsx(Ot,{"data-testid":"creator-hero-link",href:(a==null?void 0:a.links[c])??"",target:"_blank",rel:"noopener noreferrer",title:o(`creator.link.${c}`),"aria-label":o(`creator.link.${c}`),children:e.jsx(te,{name:Qt[c]})},c)),h&&e.jsx(Kt,{to:"/store-settings",title:o("creator.editStore"),"aria-label":o("creator.editStore"),children:e.jsx(te,{name:"pen"})})]}),e.jsxs(Ht,{children:[m?e.jsx(le,{src:m,alt:"",loading:"eager",style:{backgroundColor:w}}):e.jsx(le,{as:"span","aria-hidden":!0,style:{backgroundColor:w}}),e.jsxs("div",{children:[e.jsx(Ut,{children:l}),x?e.jsx(qt,{children:x}):null]}),e.jsxs(Vt,{children:[e.jsx(Jt,{"data-testid":"creator-hero-view",href:j,target:"_blank",rel:"noopener noreferrer",children:o("creator.viewProfile")}),e.jsx(Mt,{address:r,className:"creator-hero__follow"})]})]})]})}const ce=48;function xo(){const{address:r}=Fe(),i=de(),[a]=Le(),n=a.has("collections"),{data:h}=xe(r),l=(h==null?void 0:h.name)||(r?ue(r):o("creator.fallbackName"));Ke({title:l,description:o("seo.creator.description",{name:l})});const[m,C]=f.useState("all"),[x,j]=f.useState(null),[g,w]=f.useState([]),[u,k]=f.useState(""),[c,$]=f.useState(""),[N,I]=f.useState("all"),[R,z]=f.useState(!1),[G,we]=f.useState("newest"),[E,P]=f.useState(!1);f.useEffect(()=>{if(!E)return;const t=T=>{T.key==="Escape"&&P(!1)};document.addEventListener("keydown",t);const d=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",t),document.body.style.overflow=d}},[E]);const D=u&&!Number.isNaN(Number(u))?Number(u):void 0,O=c&&!Number.isNaN(Number(c))?Number(c):void 0,je=x?vt[x]:void 0,ve=(ie.find(t=>t.key===G)??ie[0]).server,K={creator:r,category:m,rarities:g.length?g:void 0,wearableCategories:je,minPriceCredits:D,maxPriceCredits:O,isWearableSmart:R||void 0,isOnSale:N==="all"?void 0:N==="on_sale",sortBy:ve},{items:B,total:ye,isLoading:Ce,isPlaceholderData:ke,error:H,hasNextPage:$e,isFetchingNextPage:U,isFetchNextPageError:Se,fetchNextPage:Ne}=ae(["creator-items",K],t=>re({...K,first:ce,skip:t}),{enabled:!!r&&!n}),F=He({queryKey:["creator-item-count",r],queryFn:()=>re({creator:r,first:1}).then(t=>t.total),enabled:!!r}),p=ae(["creator-collections",r],t=>qe(r,{first:ce,skip:t}).then(d=>({items:d.collections,total:d.total})),{enabled:!!r&&n});function q(t){C(t),j(null),n&&V()}function V(){const t=new URLSearchParams(a);t.delete("collections");const d=t.toString();i({search:d?`?${d}`:""},{replace:!0})}function Pe(){if(n){V();return}const t=new URLSearchParams(a);t.delete("collections");const d=t.toString();i({search:d?`?${d}&collections`:"?collections"},{replace:!0})}function J(t){w(d=>d.includes(t)?d.filter(T=>T!==t):[...d,t])}function Q(){C("all"),j(null),w([]),k(""),$(""),I("all"),z(!1)}const S=[];(m==="wearable"||m==="emote")&&S.push({key:"category",label:o(m==="emote"?"categories.emotes":"categories.wearables"),onRemove:()=>q("all")}),(D!=null||O!=null)&&S.push({key:"price",label:o("filter.price"),onRemove:()=>{k(""),$("")}});for(const t of wt)g.includes(t)&&S.push({key:`rarity-${t}`,label:Ue(t),onRemove:()=>J(t)});R&&S.push({key:"smart",label:o("filter.smart"),onRemove:()=>z(!1)}),N!=="all"&&S.push({key:"status",label:N==="on_sale"?o("filter.onSale"):o("filter.notForSale"),onRemove:()=>I("all")});const L=yt({gridLoading:Ce||ke,gridError:!!H,gridCount:B.length,baselinePending:F.isPending,baselineError:F.isError,baselineCount:F.data}),M=L==="skeletons",Y=B.filter(t=>t.priceCredits>0),_=L==="items"||L==="skeletons"?null:L;return e.jsxs(Je,{children:[e.jsxs(Qe,{"aria-label":o("creator.breadcrumbAria"),children:[e.jsx(Ye,{onClick:()=>i("/items"),children:o("creator.breadcrumb")}),e.jsx("span",{children:"/"}),e.jsx(Ze,{children:l})]}),r?e.jsx(Yt,{address:r}):null,!n&&!M&&Y.length>0?e.jsx(Xe,{items:Y,source:"creator"}):null,e.jsxs(ot,{children:[E?e.jsx(rt,{onClick:()=>P(!1),"aria-hidden":!0}):null,e.jsxs(it,{"data-open":E||void 0,"data-testid":"creator-sidebar",children:[e.jsxs(st,{children:[e.jsx(at,{children:o("assets.filters")}),e.jsx(nt,{onClick:()=>P(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),e.jsx(lt,{children:e.jsx(ct,{category:m,subCategory:x,onCategory:q,onSub:j,priceMin:u,priceMax:c,onPriceMin:k,onPriceMax:$,rarities:g,onToggleRarity:J,status:N,onStatus:I,smart:R,onSmart:z,hideNames:!0,collections:n,onCollections:Pe})}),e.jsx(dt,{children:e.jsx(ht,{type:"button",onClick:()=>P(!1),children:o("assets.showItems")})})]}),e.jsx(mt,{children:n?e.jsxs(e.Fragment,{children:[e.jsx(et,{children:e.jsx(tt,{children:p.isLoading?"…":o("creator.collectionsCount",{count:p.total})})}),p.error?e.jsx(W,{message:o("creator.error")}):null,e.jsx(ne,{"data-variant":"collections",children:p.isLoading?e.jsx(A,{count:9}):e.jsxs(e.Fragment,{children:[p.items.map(t=>e.jsx(Bt,{collection:t,itemCount:t.itemCount},t.contractAddress)),p.isFetchingNextPage?e.jsx(A,{count:6}):null]})}),e.jsx(se,{hasNextPage:p.hasNextPage,isFetching:p.isFetchingNextPage,isError:p.isFetchNextPageError,onLoadMore:()=>void p.fetchNextPage()}),!p.isLoading&&!p.error&&p.items.length===0?e.jsx("p",{className:"muted",children:o("creator.collectionsEmpty")}):null]}):e.jsxs(e.Fragment,{children:[e.jsx(jt,{sort:G,onSort:we,total:ye,loading:M,onOpenFilters:()=>P(!0),chips:S,onClearChips:Q}),H?e.jsx(W,{message:o("creator.error"),testId:"creator-error"}):null,e.jsx(ne,{"data-testid":"creator-grid",children:M?e.jsx(A,{count:15}):e.jsxs(e.Fragment,{children:[B.map(t=>t.priceCredits>0?e.jsx(oe,{item:t},t.id):e.jsx(oe,{item:t,mode:"view"},t.id)),U?e.jsx(A,{count:6}):null]})}),e.jsx(se,{hasNextPage:$e,isFetching:U,isError:Se,onLoadMore:()=>void Ne()}),_==="error"?e.jsx(W,{message:o("creator.error"),testId:"creator-empty-error"}):_==="no-creations"?e.jsx("p",{className:"muted","data-testid":"creator-empty-none",children:o("creator.emptyNoCreations")}):_==="filters"?e.jsxs(xt,{"data-testid":"creator-empty-filters",children:[e.jsxs(ut,{children:[e.jsx(pt,{children:o("creator.emptyFilters.title")}),e.jsx(gt,{children:o("creator.emptyFilters.body",{count:F.data??0})})]}),e.jsx(ft,{children:e.jsx(bt,{type:"button",onClick:Q,children:o("filterBar.clearAll")})})]}):null]})})]})]})}export{xo as Creator,xo as default};