@dcl/shop 1.0.2-31061952187.commit-8d8b09e → 1.0.2-31093320960.commit-a66fdac

package/_assets/Creator-BreBnKPX.js

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