@dcl/shop 0.1.0-30381451752.commit-ab871f3 → 0.1.0-30461849576.commit-12d07d4

package/assets/CircularProgress-Djai3zyH.js

@@ -0,0 +1,28 @@
+import{K as N,L as w,M as o,N as n,G as D,w as M}from"./index-Brd7ji4Z.js";import{r as U,j as g}from"./react-CDiFgvN_.js";import{g as z,a as E,c as I,b as K,s as v}from"./clsx-CdAehort.js";function F(r){return z("MuiCircularProgress",r)}E("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const G=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,b,S,$;const t=44,L=M(P||(P=l`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)),W=M(b||(b=l`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)),B=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${n(a)}`],svg:["svg"],circle:["circle",`circle${n(s)}`,d&&"circleDisableShrink"]};return K(u,F,e)},V=v("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${n(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&D(S||(S=l`
+      animation: ${0} 1.4s linear infinite;
+    `),L)),Z=v("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),q=v("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${n(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&D($||($=l`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `),W)),O=U.forwardRef(function(e,s){const a=N({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:R=!1,size:m=40,style:_,thickness:i=3.6,value:p=0,variant:k="indeterminate"}=a,j=w(a,G),c=o({},a,{color:u,disableShrink:R,size:m,thickness:i,value:p,variant:k}),f=B(c),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(p),h.strokeDashoffset=`${((100-p)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return g.jsx(V,o({className:I(f.root,d),style:o({width:m,height:m},x,_),ownerState:c,ref:s,role:"progressbar"},y,j,{children:g.jsx(Z,{className:f.svg,ownerState:c,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:g.jsx(q,{className:f.circle,style:h,ownerState:c,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{O as C};

package/assets/Collection-CEQxSX4E.js

@@ -0,0 +1,119 @@
+import{j as e,r as m,d as Y,b as Z}from"./react-CDiFgvN_.js";import{t as v,s as c,ad as J,ae as z,I as X,d as a,c as ee,k as te,u as ae,l as re,e as oe,S as E,A as ie,af as se,ag as ne}from"./index-Brd7ji4Z.js";import{E as ce}from"./ErrorNotice-CyxiR_Rh.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-4wApiFUk.js";import{u as ve}from"./useStore-oZmFLyam.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-DSuB3dEO.js";import{L as $e}from"./LoadMore-BpBgRt6U.js";import{u as Pe}from"./useInfiniteGrid-C1qvdQfd.js";import{G as Me}from"./grid.styles-BWHADUFG.js";import"./sentry-DGsLxYkt.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-C3WgUna9.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;
+`,ze=c.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+`,Ee=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(ze,{src:d,alt:"",loading:"eager"}),e.jsx(Ee,{"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)||z(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:z(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(E,{count:15}):e.jsxs(e.Fragment,{children:[j.map(o=>e.jsx(ie,{item:o},o.id)),P?e.jsx(E,{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};