npm - @dcl/shop - Versions diffs - 0.1.0 → 0.1.1-30905311281.commit-bd65ce1 - Mend

@dcl/shop 0.1.0 → 0.1.1-30905311281.commit-bd65ce1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

package/index.html CHANGED Viewed

@@ -16,10 +16,10 @@
     <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.1.0/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/site.webmanifest" />
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
@@ -48,7 +48,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.1.0/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/sitemap.xml" />
     <!-- Warm the 3D preview / fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -60,13 +60,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.1.0/_assets/index-Cn-oc3fB.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0/_assets/react-vyZjIDcS.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0/_assets/sentry-B35L1FdR.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0/_assets/dcl-schemas-BICTSpB5.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0/_assets/ethers-CXBJm_wN.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0/_assets/index-BMzstP-8.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/_assets/index-BPF8ilkO.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/_assets/react-IQWs2nb4.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/_assets/sentry-DvOx8Rfb.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/_assets/dcl-schemas-BICTSpB5.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/_assets/ethers-rFeF6PNV.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.1-30905311281.commit-bd65ce1/_assets/index-BMzstP-8.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.1.0",
+  "version": "0.1.1-30905311281.commit-bd65ce1",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "cfb512145b8f4cc608b07d321110f89ee296b5d4"
+  "commit": "bd65ce120c5b6afe1a4ba51dbcfba538e6096345"
 }

package/_assets/Collection-CP0tfCsZ.js DELETED Viewed

@@ -1,119 +0,0 @@
-import{j as e,r as m,e as Y,b as Z}from"./react-vyZjIDcS.js";import{t as v,s as c,ag as J,E,I as X,e as a,c as ee,l as te,u as ae,m as re,h as oe,S as z,A as ie,ah as se,ai as ne}from"./index-Cn-oc3fB.js";import{E as ce}from"./ErrorNotice-COIh7ro4.js";import{d as le,g as de,a as pe,P as xe,C as ue,b as me,c as ge,B as he,S as be,M as fe,A as je}from"./browseLayout.styles-CTl6D_zv.js";import{u as ve}from"./useStore-j0moew7P.js";import{c as F,a as ye,F as Ce,d as we,P as Se,e as ke,H as Ae,S as Ne}from"./categories-BGGjSLd9.js";import{L as $e}from"./LoadMore-BsvftUzw.js";import{u as Pe}from"./useInfiniteGrid-YGnKZcnB.js";import{G as Me}from"./grid.styles-B1mDfzvi.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";const Re=c.section`
-  position: relative;
-  border-radius: ${v.radius.card};
-  overflow: hidden;
-  margin-bottom: 24px;
-  min-height: 200px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  ${v.media.maxWidth("mobile")} {
-    min-height: 140px;
-  }
-`,Te=c.div`
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-`,Ee=c.img`
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-`,ze=c.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%);
-`,Fe=c.h1`
-  position: relative;
-  z-index: 1;
-  margin: 0;
-  padding: 32px 24px;
-  text-align: center;
-  color: ${v.colors.white};
-  font-size: 40px;
-  font-weight: 800;
-  line-height: 1.2;
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
-  ${v.media.maxWidth("mobile")} {
-    padding: 24px 16px;
-    font-size: 26px;
-  }
-`;function Be({name:r,creator:t}){const{data:s}=ve(t),d=(s==null?void 0:s.cover)||le;return e.jsxs(Re,{"data-testid":"collection-hero","aria-label":r,children:[e.jsxs(Te,{children:[e.jsx(Ee,{src:d,alt:"",loading:"eager"}),e.jsx(ze,{"aria-hidden":!0})]}),e.jsx(Fe,{"data-testid":"collection-hero-title",children:r})]})}const{colors:n,radius:L}=v,Le=c.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  gap: 12px;
-  padding-bottom: 24px;
-  /* Lift so the avatar half-overlaps the 24px-below cover hero (24px + half the 110px avatar). */
-  margin-top: -79px;
-  margin-bottom: 8px;
-  border-bottom: 1px solid ${n.line};
-`,B=c.img`
-  display: block;
-  width: 110px;
-  height: 110px;
-  border-radius: 50%;
-  object-fit: cover;
-  border: 5px solid ${n.white};
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
-  background: #ff4bed;
-`,Ie=c.h2`
-  margin: 0;
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 1.3;
-  color: ${n.text};
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,_e=c.button`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 4px 8px;
-  border: 0;
-  border-radius: ${L.btn};
-  background: none;
-  color: ${n.muted};
-  font: inherit;
-  font-size: 14px;
-  cursor: pointer;
-  transition:
-    color 0.15s ease,
-    background 0.15s ease;
-  &:hover {
-    color: ${n.text};
-    background: ${n.media};
-  }
-`,Ge=c.a`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 44px;
-  padding: 0 20px;
-  border: 2px solid ${n.accent};
-  border-radius: ${L.btn};
-  background: transparent;
-  color: ${n.accent};
-  font-weight: 600;
-  font-size: 13px;
-  text-transform: uppercase;
-  letter-spacing: 0.046em;
-  text-decoration: none;
-  transition:
-    background 0.15s ease,
-    color 0.15s ease;
-  &:hover {
-    background: ${n.accent};
-    color: ${n.white};
-  }
-`;function He({address:r}){var f,l;const{data:t}=J(r),[s,d]=m.useState(!1);if(!r)return null;const p=(t==null?void 0:t.name)||E(r),g=(l=(f=t==null?void 0:t.avatar)==null?void 0:f.snapshots)==null?void 0:l.face256,h=`${ee.profileUrl}/${r}`,b=de(pe({name:t==null?void 0:t.name,hasClaimedName:t==null?void 0:t.hasClaimedName,ethAddress:(t==null?void 0:t.ethAddress)??r}));async function x(){try{await navigator.clipboard.writeText(r),d(!0),window.setTimeout(()=>d(!1),1500)}catch(y){te(y,{flow:"copy_creator_address"})}}return e.jsxs(Le,{"data-testid":"creator-card",children:[g?e.jsx(B,{src:g,alt:"",loading:"eager",style:{backgroundColor:b}}):e.jsx(B,{as:"span","aria-hidden":!0,style:{backgroundColor:b}}),e.jsx(Ie,{title:p,children:p}),e.jsxs(_e,{type:"button",onClick:()=>void x(),title:s?a("collection.copied"):a("collection.copyAddress"),"aria-label":s?a("collection.copied"):a("collection.copyAddress"),children:[e.jsx("span",{children:E(r)}),e.jsx(X,{name:"copy",size:16})]}),e.jsx(Ge,{"data-testid":"creator-card-view",href:h,target:"_blank",rel:"noopener noreferrer",children:a("collection.viewProfile")})]})}const Ue=48;function at(){var T;const{contractAddress:r}=Y(),t=Z(),[s,d]=m.useState("wearable"),[p,g]=m.useState(null),[h,b]=m.useState([]),[x,f]=m.useState(""),[l,y]=m.useState(""),[S,I]=m.useState("newest"),k=x&&!Number.isNaN(Number(x))?Number(x):void 0,A=l&&!Number.isNaN(Number(l))?Number(l):void 0,_=p?Ne[p]:void 0,G=(F.find(o=>o.key===S)??F[0]).server,N={category:s,rarities:h.length?h:void 0,wearableCategories:_,minPriceCredits:k,maxPriceCredits:A,sortBy:G},{items:j,total:H,isLoading:C,error:$,hasNextPage:U,isFetchingNextPage:P,fetchNextPage:q}=Pe(["collection-page",r,N],o=>se(r,{...N,first:Ue,skip:o}),{enabled:!!r}),{data:i}=ae({queryKey:["collection-meta",r],queryFn:()=>ne(r),enabled:!!r,staleTime:5*6e4}),M=(i==null?void 0:i.name)||a("collection.fallbackTitle");re({title:i==null?void 0:i.name,description:i!=null&&i.name?a("seo.collection.description",{name:i.name}):void 0});const R=(i==null?void 0:i.creator)||((T=j[0])==null?void 0:T.creator);function K(o){d(o),g(null)}function W(o){b(u=>u.includes(o)?u.filter(V=>V!==o):[...u,o])}function D(){d("wearable"),g(null),b([]),f(""),y("")}const w=!!(k||A),O=w?`${x||"0"}–${l||"∞"}`:a("filter.price"),Q=s!=="wearable"||!!p||h.length>0||w;return e.jsxs(xe,{"data-testid":"collection-page",children:[e.jsxs(ue,{"aria-label":a("collection.breadcrumbAria"),children:[e.jsx(me,{onClick:()=>t("/assets"),children:a("collection.breadcrumb")}),e.jsx("span",{children:"/"}),e.jsx(ge,{children:M})]}),e.jsx(Be,{name:M,creator:R}),e.jsxs(he,{"data-testid":"browse",children:[e.jsxs(be,{"data-testid":"browse-sidebar",children:[e.jsx(He,{address:R}),e.jsx(ye,{category:s,subCategory:p,onCategory:K,onSub:g,title:a("collection.category"),flat:!0})]}),e.jsxs(fe,{children:[!C&&j.length>0?e.jsx(je,{items:j,source:"collection"}):null,e.jsx(Ce,{rarities:h,onToggleRarity:W,sort:S,onSort:I,total:H,loading:C,anyActive:Q,onClear:D,renderTrailing:o=>e.jsx(we,{panelKey:"price",label:O,active:w,panel:o,children:e.jsxs(Se,{"data-variant":"price",children:[e.jsxs(ke,{children:[e.jsx("input",{type:"number",min:"0","aria-label":a("collection.priceMin"),placeholder:a("collection.priceMinPlaceholder"),value:x,onChange:u=>f(u.target.value)}),e.jsx("span",{children:"–"}),e.jsx("input",{type:"number",min:"0","aria-label":a("collection.priceMax"),placeholder:a("collection.priceMaxPlaceholder"),value:l,onChange:u=>y(u.target.value)})]}),e.jsx(Ae,{children:a("collection.priceHint",{currency:oe.name})})]})})}),$?e.jsx(ce,{message:a("collection.error")}):null,e.jsx(Me,{"data-testid":"grid",children:C?e.jsx(z,{count:15}):e.jsxs(e.Fragment,{children:[j.map(o=>e.jsx(ie,{item:o},o.id)),P?e.jsx(z,{count:6}):null]})}),e.jsx($e,{hasNextPage:U,isFetching:P,onLoadMore:()=>void q()}),!C&&!$&&j.length===0?e.jsx("p",{className:"muted",children:a("collection.empty")}):null]})]})]})}export{at as Collection,at as default};

package/_assets/Creator-CWs_Cx5f.js DELETED Viewed

@@ -1,306 +0,0 @@
-import{b as Y,j as e,L as ue,e as fe,u as be,r as y}from"./react-vyZjIDcS.js";import{t as J,aB as we,aC as R,aD as _,s as a,aE as je,H as ve,aF as Ce,e as t,aG as ye,aH as W,B as $e,J as Z,ag as q,n as ke,E as Q,I as T,c as Ne,m as Pe,S,h as Se,A as Le,aA as Ae,aI as Me}from"./index-Cn-oc3fB.js";import{d as Fe,g as Ee,a as ze,P as Be,C as Ie,b as Re,c as _e,A as We,B as Te,S as He,M as Ge,e as Ue,f as De}from"./browseLayout.styles-CTl6D_zv.js";import{u as Ke,L as Oe}from"./useStore-j0moew7P.js";import{c as H,a as Ve,F as Ye,d as Je,P as Ze,e as qe,H as Qe,S as Xe}from"./categories-BGGjSLd9.js";import{L as G}from"./LoadMore-BsvftUzw.js";import{u as U}from"./useInfiniteGrid-YGnKZcnB.js";import{E as D}from"./ErrorNotice-COIh7ro4.js";import{G as K}from"./grid.styles-B1mDfzvi.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";const{colors:u,radius:X,media:et}=J,tt=a.article`
-  height: 300px;
-  background: ${u.bg};
-  border-radius: ${X.card};
-  overflow: hidden;
-  position: relative;
-  isolation: isolate;
-  display: flex;
-  flex-direction: column;
-  cursor: pointer;
-  transition: box-shadow 0.15s ease;
-  &::after {
-    ${we};
-  }
-  &:focus-visible {
-    ${R};
-  }
-  &:focus-visible::after {
-    ${_};
-  }
-  // 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 {
-      ${R};
-    }
-    &:hover::after {
-      ${_};
-    }
-    &:hover [data-view] {
-      visibility: visible;
-    }
-    &:hover [data-meta] {
-      visibility: hidden;
-    }
-  }
-`,it=a.div`
-  position: relative;
-  flex: 1;
-  min-height: 0;
-  background: ${u.media};
-  overflow: hidden;
-`,ot=a.img`
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-`,at=a(je)`
-  & [data-testid='coll-thumb-cell'] img {
-    object-fit: contain;
-    padding: 10px;
-  }
-`,rt=a.div`
-  flex: 0 0 102px;
-  height: 102px;
-  padding: 12px 14px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,st=a.h3`
-  margin: 0;
-  font-weight: 700;
-  font-size: 18px;
-  line-height: 1.3;
-  color: ${u.text};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  ${et.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,nt=a.div`
-  flex: 1;
-  min-height: 0;
-  display: grid;
-  grid-template-areas: 'stack';
-  align-items: center;
-  & > * {
-    grid-area: stack;
-  }
-`,ct=a.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-`,lt=a(ve)`
-  min-width: 0;
-  color: ${u.muted};
-  & [data-avatar] {
-    width: 24px;
-    height: 24px;
-  }
-  & [data-testid='creator-name'] {
-    font-size: 14px;
-  }
-  & [data-testid='creator-display'] {
-    color: ${u.dclRed};
-    font-weight: 700;
-  }
-`,dt=a.span`
-  min-width: 0;
-`,ht=a.span`
-  flex: none;
-  color: ${u.text};
-  font-weight: 600;
-  font-size: 14px;
-  white-space: nowrap;
-`,xt=a.button`
-  visibility: hidden;
-  width: 100%;
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${u.accent};
-  color: ${u.softWhite};
-  border: 0;
-  border-radius: ${X.btn};
-  font-weight: 700;
-  font-size: 13px;
-  text-transform: uppercase;
-  letter-spacing: 0.046em;
-  transition: background 0.15s ease;
-  &:hover {
-    background: ${u.accentHover};
-  }
-  &:active {
-    background: ${u.accentActive};
-  }
-`;function pt({collection:r,cover:i,itemCount:s}){const n=Y(),{contractAddress:g,name:x,creator:f}=r,C=i==null||s==null,{data:d}=Ce(g,C),w=i==null?(d==null?void 0:d.items)??[]:[],m=s??(d==null?void 0:d.total);function b(){n(`/collection/${g}`)}return e.jsxs(tt,{"data-testid":"coll-card",role:"link",tabIndex:0,onClick:b,onKeyDown:h=>{(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),b())},children:[e.jsx(it,{children:i?e.jsx(ot,{"data-testid":"coll-card-img",src:i,alt:"",loading:"lazy"}):w.length>0?e.jsx(at,{items:w,tinted:!1}):null}),e.jsxs(rt,{children:[e.jsx(st,{title:x,children:x}),e.jsxs(nt,{children:[e.jsxs(ct,{"data-meta":!0,"data-testid":"coll-card-meta",children:[f?e.jsx(lt,{address:f,linkToProfile:!0}):e.jsx(dt,{children:" "}),e.jsx(ht,{children:m==null?"…":t("collectionCard.itemCount",{count:m})})]}),e.jsx(xt,{"data-view":!0,"data-testid":"coll-card-view",onClick:h=>{h.stopPropagation(),b()},tabIndex:-1,children:t("collectionCard.viewCollection")})]})]})]})}function gt({address:r,className:i=""}){const s=ye(),n=W(x=>x.followed.includes(r.toLowerCase())),g=W(x=>x.toggle);return!s||!r?null:e.jsx($e,{type:"button",size:"sm",variant:n?"ghost":"outline",className:i||void 0,"aria-pressed":n,title:n?t("creator.unfollowTitle"):t("creator.followTitle"),onClick:()=>g(r),children:n?t("creator.following"):t("creator.follow")})}const{colors:v,radius:ee,media:j}=J,te=Z`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 44px;
-  padding: 0 28px;
-  border: 2px solid ${v.white};
-  border-radius: ${ee.btn};
-  background: transparent;
-  color: ${v.white};
-  font-weight: 600;
-  font-size: 13px;
-  text-transform: uppercase;
-  letter-spacing: 0.046em;
-  text-decoration: none;
-`,mt=a.section`
-  position: relative;
-  border-radius: ${ee.card};
-  overflow: hidden;
-  margin-bottom: 24px;
-  min-height: 360px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  && .creator-hero__follow {
-    ${te};
-  }
-  && .creator-hero__follow:hover:not(:disabled) {
-    background: rgba(255, 255, 255, 0.14);
-  }
-  ${j.maxWidth("mobile")} {
-    min-height: 260px;
-  }
-`,ut=a.div`
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-`,ft=a.img`
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-`,bt=a.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%);
-`,wt=a.div`
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  ${j.maxWidth("mobile")} {
-    top: 12px;
-    right: 12px;
-    gap: 6px;
-  }
-`,ie=Z`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${v.white};
-  transition: opacity 0.15s linear;
-  &:hover {
-    opacity: 0.8;
-  }
-  & .ico {
-    width: 36px;
-    height: 36px;
-  }
-  ${j.maxWidth("mobile")} {
-    & .ico {
-      width: 30px;
-      height: 30px;
-    }
-  }
-`,jt=a.a`
-  ${ie};
-`,vt=a(ue)`
-  ${ie};
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  border: 2px solid ${v.white};
-  transition: background-color 0.15s linear;
-  &:hover {
-    opacity: 1;
-    background: rgba(255, 255, 255, 0.24);
-  }
-  & .ico {
-    width: 16px;
-    height: 16px;
-  }
-  ${j.maxWidth("mobile")} {
-    width: 28px;
-    height: 28px;
-    & .ico {
-      width: 14px;
-      height: 14px;
-    }
-  }
-`,Ct=a.div`
-  position: relative;
-  z-index: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  gap: 24px;
-  padding: 32px 20px;
-  ${j.maxWidth("mobile")} {
-    padding: 56px 16px 24px;
-  }
-`,O=a.img`
-  display: block;
-  width: 112px;
-  height: 112px;
-  border-radius: 50%;
-  object-fit: cover;
-  border: 4px solid ${v.white};
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
-  background: #ff4bed;
-  ${j.maxWidth("mobile")} {
-    width: 88px;
-    height: 88px;
-  }
-`,yt=a.h2`
-  margin: 0;
-  font-size: 18px;
-  font-weight: 700;
-  color: ${v.white};
-  line-height: 1.6;
-  ${j.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,$t=a.p`
-  margin: 0;
-  font-size: 15px;
-  color: ${v.white};
-  line-height: 1.6;
-  max-width: 520px;
-  ${j.maxWidth("mobile")} {
-    font-size: 14px;
-  }
-`,kt=a.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  justify-content: center;
-`,Nt=a.a`
-  ${te};
-  transition: background 0.15s ease;
-  &:hover {
-    background: rgba(255, 255, 255, 0.14);
-  }
-`,Pt={website:"website",twitter:"twitter",discord:"discord",facebook:"facebook"};function St({address:r}){var h,$;const{data:i}=q(r),{data:s}=Ke(r),n=ke(l=>{var k;return(k=l.session)==null?void 0:k.address}),g=!!n&&n.toLowerCase()===r.toLowerCase(),x=(i==null?void 0:i.name)||Q(r),f=($=(h=i==null?void 0:i.avatar)==null?void 0:h.snapshots)==null?void 0:$.face256,C=(s==null?void 0:s.cover)||Fe,d=s==null?void 0:s.description,w=`${Ne.profileUrl}/${r}`,m=Oe.filter(l=>s==null?void 0:s.links[l]),b=Ee(ze({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(mt,{"aria-label":`${x} storefront`,children:[e.jsxs(ut,{children:[e.jsx(ft,{src:C,alt:"",loading:"eager"}),e.jsx(bt,{"aria-hidden":!0})]}),(m.length>0||g)&&e.jsxs(wt,{children:[m.map(l=>e.jsx(jt,{"data-testid":"creator-hero-link",href:(s==null?void 0:s.links[l])??"",target:"_blank",rel:"noopener noreferrer",title:t(`creator.link.${l}`),"aria-label":t(`creator.link.${l}`),children:e.jsx(T,{name:Pt[l]})},l)),g&&e.jsx(vt,{to:"/store-settings",title:t("creator.editStore"),"aria-label":t("creator.editStore"),children:e.jsx(T,{name:"pen"})})]}),e.jsxs(Ct,{children:[f?e.jsx(O,{src:f,alt:"",loading:"eager",style:{backgroundColor:b}}):e.jsx(O,{as:"span","aria-hidden":!0,style:{backgroundColor:b}}),e.jsxs("div",{children:[e.jsx(yt,{children:x}),d?e.jsx($t,{children:d}):null]}),e.jsxs(kt,{children:[e.jsx(Nt,{"data-testid":"creator-hero-view",href:w,target:"_blank",rel:"noopener noreferrer",children:t("creator.viewProfile")}),e.jsx(gt,{address:r,className:"creator-hero__follow"})]})]})]})}const V=48;function Gt(){const{address:r}=fe(),i=Y(),[s]=be(),n=s.has("collections"),{data:g}=q(r),x=(g==null?void 0:g.name)||(r?Q(r):t("creator.fallbackName"));Pe({title:x,description:t("seo.creator.description",{name:x})});const[f,C]=y.useState("wearable"),[d,w]=y.useState(null),[m,b]=y.useState([]),[h,$]=y.useState(""),[l,k]=y.useState(""),[A,oe]=y.useState("newest"),M=h&&!Number.isNaN(Number(h))?Number(h):void 0,F=l&&!Number.isNaN(Number(l))?Number(l):void 0,ae=d?Xe[d]:void 0,re=(H.find(o=>o.key===A)??H[0]).server,E={creator:r,category:f,rarities:m.length?m:void 0,wearableCategories:ae,minPriceCredits:M,maxPriceCredits:F,sortBy:re},{items:N,total:se,isLoading:P,error:z,hasNextPage:ne,isFetchingNextPage:B,fetchNextPage:ce}=U(["creator-listings",E],o=>Ae({...E,first:V,skip:o}),{enabled:!!r&&!n}),p=U(["creator-collections",r],o=>Me(r,{first:V,skip:o}).then(c=>({items:c.collections,total:c.total})),{enabled:!!r&&n});function le(o){C(o),w(null),n&&I()}function I(){const o=new URLSearchParams(s);o.delete("collections");const c=o.toString();i({search:c?`?${c}`:""},{replace:!0})}function de(){if(n){I();return}const o=new URLSearchParams(s);o.delete("collections");const c=o.toString();i({search:c?`?${c}&collections`:"?collections"},{replace:!0})}function he(o){b(c=>c.includes(o)?c.filter(me=>me!==o):[...c,o])}function xe(){C("wearable"),w(null),b([]),$(""),k("")}const L=!!(M||F),pe=L?`${h||"0"}–${l||"∞"}`:t("filter.price"),ge=f!=="wearable"||!!d||m.length>0||L;return e.jsxs(Be,{children:[e.jsxs(Ie,{"aria-label":t("creator.breadcrumbAria"),children:[e.jsx(Re,{onClick:()=>i("/assets"),children:t("creator.breadcrumb")}),e.jsx("span",{children:"/"}),e.jsx(_e,{children:x})]}),r?e.jsx(St,{address:r}):null,!n&&!P&&N.length>0?e.jsx(We,{items:N,source:"creator"}):null,e.jsxs(Te,{children:[e.jsx(He,{children:e.jsx(Ve,{category:f,subCategory:d,onCategory:le,onSub:w,title:t("creator.category"),flat:!0,collections:n,onCollections:de})}),e.jsx(Ge,{children:n?e.jsxs(e.Fragment,{children:[e.jsx(Ue,{children:e.jsx(De,{children:p.isLoading?"…":t("creator.collectionsCount",{count:p.total})})}),p.error?e.jsx(D,{message:t("creator.error")}):null,e.jsx(K,{"data-variant":"collections",children:p.isLoading?e.jsx(S,{count:9}):e.jsxs(e.Fragment,{children:[p.items.map(o=>e.jsx(pt,{collection:o,itemCount:o.itemCount},o.contractAddress)),p.isFetchingNextPage?e.jsx(S,{count:6}):null]})}),e.jsx(G,{hasNextPage:p.hasNextPage,isFetching:p.isFetchingNextPage,onLoadMore:()=>void p.fetchNextPage()}),!p.isLoading&&!p.error&&p.items.length===0?e.jsx("p",{className:"muted",children:t("creator.collectionsEmpty")}):null]}):e.jsxs(e.Fragment,{children:[e.jsx(Ye,{rarities:m,onToggleRarity:he,sort:A,onSort:oe,total:se,loading:P,anyActive:ge,onClear:xe,renderTrailing:o=>e.jsx(Je,{panelKey:"price",label:pe,active:L,panel:o,children:e.jsxs(Ze,{"data-variant":"price",children:[e.jsxs(qe,{children:[e.jsx("input",{type:"number",min:"0","aria-label":t("creator.priceMin"),placeholder:t("creator.priceMinPlaceholder"),value:h,onChange:c=>$(c.target.value)}),e.jsx("span",{children:"–"}),e.jsx("input",{type:"number",min:"0","aria-label":t("creator.priceMax"),placeholder:t("creator.priceMaxPlaceholder"),value:l,onChange:c=>k(c.target.value)})]}),e.jsx(Qe,{children:t("creator.priceHint",{currency:Se.name})})]})})}),z?e.jsx(D,{message:t("creator.error")}):null,e.jsx(K,{children:P?e.jsx(S,{count:15}):e.jsxs(e.Fragment,{children:[N.map(o=>e.jsx(Le,{item:o},o.id)),B?e.jsx(S,{count:6}):null]})}),e.jsx(G,{hasNextPage:ne,isFetching:B,onLoadMore:()=>void ce()}),!P&&!z&&N.length===0?e.jsx("p",{className:"muted",children:t("creator.empty")}):null]})})]})]})}export{Gt as Creator,Gt as default};