@dcl/shop 0.1.0-30830755583.commit-4658b42 → 0.1.0-30846189899.commit-4a8ddfb

package/index.html

@@ -16,10 +16,10 @@
     <link rel="canonical" href="https://shop.decentraland.org/" />
 
     <!-- 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-30830755583.commit-4658b42/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830755583.commit-4658b42/apple-touch-icon.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830755583.commit-4658b42/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/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-30830755583.commit-4658b42/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/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-30830755583.commit-4658b42/_assets/index-CQcgp1iN.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830755583.commit-4658b42/_assets/react-vyZjIDcS.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830755583.commit-4658b42/_assets/sentry-B35L1FdR.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830755583.commit-4658b42/_assets/dcl-schemas-BICTSpB5.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830755583.commit-4658b42/_assets/ethers-CXBJm_wN.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830755583.commit-4658b42/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830755583.commit-4658b42/_assets/index-BMzstP-8.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/_assets/index-kSY8zCTD.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/_assets/react-vyZjIDcS.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/_assets/sentry-B35L1FdR.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/_assets/dcl-schemas-BICTSpB5.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/_assets/ethers-CXBJm_wN.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30846189899.commit-4a8ddfb/_assets/index-BMzstP-8.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.1.0-30830755583.commit-4658b42",
+  "version": "0.1.0-30846189899.commit-4a8ddfb",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "4658b421b0f0840ab7d26a289b33b78d7f448424"
+  "commit": "4a8ddfba3b7c0d3a29bbed6669e3b64bc5fb4c0b"
 }

package/_assets/Creator-CMtCjYcd.js

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

package/_assets/useManaRate-oLihTkP0.js

@@ -1 +0,0 @@
-import{u as r,c as e}from"./index-CQcgp1iN.js";import{r as t}from"./mana-rate-CeJoK8Ap.js";function s(a=!0){return r({queryKey:["mana-rate",e.chainId],queryFn:()=>t(e.chainId),enabled:a,staleTime:6e4,refetchInterval:6e4,retry:1})}export{s as u};