@dcl/shop 1.12.2-34943028392.commit-9a41f7d → 1.12.2-34943105195.commit-53ac845

package/_assets/Collection-CdEOCK_y.js

@@ -0,0 +1,134 @@
+import{j as e,r as h,d as se,b as oe}from"./react-C_GXHmaF.js";import{t as b,a as u,j as ae,I as re,o as ie,d as a,a0 as H,w as I,bF as ne,bG as le,c as ce,bU as de,n as ue,p as me,at as pe,L as fe,S as G,M as he,bH as xe,bV as be}from"./index-Da0o410S.js";import{E as ge}from"./ErrorNotice-Cyz0ru0V.js";import{d as ye,P as ve,C as je,a as E,b as we,S as Ce}from"./collectionPage.styles-_pJe5vLw.js";import{u as ke}from"./useStore-Dd4P_Vxl.js";import{u as Se,S as U,R as $e,a as Ne,b as Ee,c as Fe,D as Ie,d as Me,C as Re,e as Te,F as _e,f as Ae,g as Pe,M as De,h as Le}from"./browseLayout.styles-DHfDavT7.js";import{L as Be}from"./LoadMore-BB8sleTE.js";import{u as ze}from"./useInfiniteGrid-nkax3tc1.js";import{u as Oe,s as Ge}from"./search-empty-Bt5u-7KQ.js";import{S as Ue}from"./categories-Cykl9uCK.js";import{G as We}from"./grid.styles-DZkIcKLP.js";import"./dcl-schemas-C6wVUDox.js";import"./sentry-D65FGJ82.js";import"./ethers-Lv97T1yz.js";import"./intl-AKLEHPeO.js";import"./crumbs.styles-B6TaPU9d.js";import"./skeleton.styles-CQQEuycy.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new o.Error().stack;s&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[s]="7ef9f1a4-e708-4ad2-875d-3c3ac9b4db3a",o._sentryDebugIdIdentifier="sentry-dbid-7ef9f1a4-e708-4ad2-875d-3c3ac9b4db3a")}catch{}})();const He=u.section`
+  position: relative;
+  border-radius: ${b.radius.card};
+  overflow: hidden;
+  margin-bottom: 24px;
+  min-height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  ${b.media.maxWidth("mobile")} {
+    min-height: 140px;
+  }
+`,qe=u.div`
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+`,Ke=u.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+`,Ve=u.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%);
+`,Qe=u.h1`
+  position: relative;
+  z-index: 1;
+  margin: 0;
+  padding: 32px 24px;
+  text-align: center;
+  color: ${b.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);
+
+  ${b.media.maxWidth("mobile")} {
+    padding: 24px 16px;
+    font-size: 26px;
+  }
+`;function Ze({name:o,creator:s}){const{data:i}=ke(s),l=(i==null?void 0:i.cover)||ye;return e.jsxs(He,{"data-testid":"collection-hero","aria-label":o,children:[e.jsxs(qe,{children:[e.jsx(Ke,{src:l,alt:"",loading:"eager"}),e.jsx(Ve,{"aria-hidden":!0})]}),e.jsx(Qe,{"data-testid":"collection-hero-title",children:o})]})}const Je=1500;function Xe(o){const[s,i]=h.useState(!1),l=h.useRef();h.useEffect(()=>()=>window.clearTimeout(l.current),[]);const r=h.useCallback(async m=>{try{await navigator.clipboard.writeText(m),i(!0),window.clearTimeout(l.current),l.current=window.setTimeout(()=>i(!1),Je)}catch(d){ae(d,{flow:o})}},[o]);return{copied:s,copy:r}}const{colors:F,radius:Ye}=b,et=ie`
+  0% { transform: scale(0.6); opacity: 0; }
+  60% { transform: scale(1.15); }
+  100% { transform: scale(1); opacity: 1; }
+`,tt=u.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 8px;
+  border: 0;
+  border-radius: ${Ye.btn};
+  background: none;
+  color: ${F.gray4};
+  font: inherit;
+  font-size: 14px;
+  cursor: pointer;
+  transition:
+    color 0.15s ease,
+    background 0.15s ease;
+
+  &:hover {
+    color: ${F.white};
+    background: rgba(255, 255, 255, 0.12);
+  }
+  &:focus-visible {
+    outline: 2px solid ${F.softWhite};
+    outline-offset: 2px;
+  }
+`,st=u(re)`
+  flex: none;
+  animation: ${et} 0.22s ease-out;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`;function ot({value:o,children:s,label:i,flow:l="copy_to_clipboard",size:r=16,className:m,testId:d}){const{copied:n,copy:x}=Xe(l),f=n?a("common.copied"):i??a("common.copy");return e.jsxs(tt,{type:"button",onClick:()=>void x(o),title:f,"aria-label":f,"data-copied":n||void 0,className:m,"data-testid":d,children:[s,e.jsx(st,{name:n?"check":"copy",size:r},n?"ok":"idle")]})}const{colors:j,radius:at}=b,rt=u.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;
+  /* Matches the dividers between the filter sections below it (Filters.styles Divider). */
+  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+`,W=u.img`
+  display: block;
+  width: 110px;
+  height: 110px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 5px solid ${j.white};
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+  background: #ff4bed;
+`,it=u.h2`
+  margin: 0;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.3;
+  color: ${j.softWhite};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,nt=u.a`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 44px;
+  padding: 0 20px;
+  border-radius: ${at.btn};
+  background: ${j.overlay};
+  color: ${j.softWhite};
+  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: ${j.blackBtn};
+  }
+`;function lt({address:o}){var d,n;const{data:s}=H(o);if(!o)return null;const i=(s==null?void 0:s.name)||I(o),l=(n=(d=s==null?void 0:s.avatar)==null?void 0:d.snapshots)==null?void 0:n.face256,r=`${ce.profileUrl}/${o}`,m=ne(le({name:s==null?void 0:s.name,hasClaimedName:s==null?void 0:s.hasClaimedName,ethAddress:(s==null?void 0:s.ethAddress)??o}));return e.jsxs(rt,{"data-testid":"creator-card",children:[l?e.jsx(W,{src:l,alt:"",loading:"eager",style:{backgroundColor:m}}):e.jsx(W,{as:"span","aria-hidden":!0,style:{backgroundColor:m}}),e.jsx(it,{title:i,children:i}),e.jsx(ot,{value:o,label:a("collection.copyAddress"),flow:"copy_creator_address",testId:"creator-card-copy",children:e.jsx("span",{children:I(o)})}),e.jsx(nt,{"data-testid":"creator-card-view",href:r,target:"_blank",rel:"noopener noreferrer",children:a("collection.viewProfile")})]})}const ct=48,dt=["all","on_sale","not_for_sale"];function Et(){var O;const{contractAddress:o}=se(),s=oe(),i=h.useMemo(()=>({category:"all",status:"all",subCategory:null,rarities:[],priceMin:"",priceMax:"",smart:!1,sort:"newest"}),[]),[l,r]=Oe(i),{category:m,subCategory:d,rarities:n,priceMin:x,priceMax:f,smart:C,sort:M}=l,g=dt.includes(l.status)?l.status:"all",R=t=>r({status:t});Se(`${m}:${d??""}`);const[w,y]=h.useState(!1);h.useEffect(()=>{if(!w)return;const t=te=>{te.key==="Escape"&&y(!1)};document.addEventListener("keydown",t);const N=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",t),document.body.style.overflow=N}},[w]);const T=x&&!Number.isNaN(Number(x))?Number(x):void 0,_=f&&!Number.isNaN(Number(f))?Number(f):void 0,q=d?Ue[d]:void 0,K=(U.find(t=>t.key===M)??U[0]).server,A={contractAddress:o,category:m,rarities:n.length?n:void 0,wearableCategories:q,minPriceCredits:T,maxPriceCredits:_,isWearableSmart:C||void 0,isOnSale:g==="all"?void 0:g==="on_sale",sortBy:K},{items:V,total:Q,isLoading:k,error:P,hasNextPage:Z,isFetchingNextPage:D,isFetchNextPageError:J,fetchNextPage:X}=ze(["collection-page",A],t=>xe({...A,first:ct,skip:t}),{enabled:!!o}),S=de(V),{data:c}=ue({queryKey:["collection-meta",o],queryFn:()=>be(o),enabled:!!o,staleTime:5*6e4}),L=(c==null?void 0:c.name)||a("collection.fallbackTitle");me({title:c==null?void 0:c.name,description:c!=null&&c.name?a("seo.collection.description",{name:c.name}):void 0});const p=(c==null?void 0:c.creator)||((O=S[0])==null?void 0:O.creator),{data:$}=H(p),Y=($==null?void 0:$.name)||(p?I(p):"");function ee(t){r({category:t,subCategory:null})}function B(t){r({rarities:n.includes(t)?n.filter(N=>N!==t):[...n,t]})}function z(){r(i)}const v=[];(T!=null||_!=null)&&v.push({key:"price",label:a("filter.price"),onRemove:()=>{r({priceMin:"",priceMax:""})}});for(const t of $e)n.includes(t)&&v.push({key:`rarity-${t}`,label:pe(t),onRemove:()=>B(t)});return C&&v.push({key:"smart",label:a("filter.smart"),onRemove:()=>r({smart:!1})}),g!=="all"&&v.push({key:"status",label:g==="on_sale"?a("filter.onSale"):a("filter.notForSale"),onRemove:()=>R("all")}),e.jsxs(ve,{"data-testid":"collection-page",children:[e.jsxs(je,{"aria-label":a("collection.breadcrumbAria"),children:[e.jsx(E,{onClick:()=>s("/items"),children:a("collection.breadcrumb")}),p?e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"/"}),e.jsx(E,{onClick:()=>s(`/items/creator/${p}`),children:Y}),e.jsx("span",{children:"/"}),e.jsx(E,{onClick:()=>s(`/items/creator/${p}?collections`),children:a("categories.collections")})]}):null,e.jsx("span",{children:"/"}),e.jsx(we,{children:L})]}),e.jsx(Ze,{name:L,creator:p}),e.jsxs(Ne,{"data-testid":"browse",children:[w?e.jsx(Ee,{onClick:()=>y(!1),"aria-hidden":!0}):null,e.jsxs(Ce,{children:[e.jsx(lt,{address:p}),e.jsxs(Fe,{"data-open":w||void 0,"data-static":!0,"data-testid":"browse-sidebar",children:[e.jsxs(Ie,{children:[e.jsx(Me,{children:a("assets.filters")}),e.jsx(Re,{onClick:()=>y(!1),"aria-label":a("assets.closeFilters"),children:"✕"})]}),e.jsx(Te,{children:e.jsx(_e,{category:m,subCategory:d,onCategory:ee,onSub:t=>r({subCategory:t}),priceMin:x,priceMax:f,onPriceMin:t=>r({priceMin:t}),onPriceMax:t=>r({priceMax:t}),rarities:n,onToggleRarity:B,status:g,onStatus:R,smart:C,onSmart:t=>r({smart:t}),hideNames:!0})}),e.jsx(Ae,{children:e.jsx(Pe,{type:"button",onClick:()=>y(!1),children:a("assets.showItems")})})]})]}),e.jsxs(De,{children:[e.jsx(Le,{sort:M,onSort:t=>r({sort:t}),total:Q,loading:k,onOpenFilters:()=>y(!0),chips:v,onClearChips:z}),P?e.jsx(ge,{message:a("collection.error")}):null,!k&&!P&&S.length===0?e.jsx(fe,{testId:"collection-empty",icon:Ge,title:a("assets.empty.title"),body:a("collection.empty"),cta:{label:a("filterBar.clearAll"),onClick:z}}):e.jsxs(e.Fragment,{children:[e.jsx(We,{"data-testid":"grid",children:k?e.jsx(G,{count:15}):e.jsxs(e.Fragment,{children:[S.map(t=>e.jsx(he,{item:t},t.id)),D?e.jsx(G,{count:6}):null]})}),e.jsx(Be,{hasNextPage:Z,isFetching:D,isError:J,onLoadMore:()=>void X()})]})]})]})]})}export{Et as Collection,Et as default};
+//# sourceMappingURL=Collection-CdEOCK_y.js.map