@dcl/shop 0.1.0-30412251367.commit-a3b4797 → 0.1.0-30465483842.commit-35256d2

package/assets/Creator-02vljttt.js

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